/* Theme Name: iBlog2 Description: The iBlog2 theme by Pagelines, inspired by Apple. Support for native WordPress 'post thumbnails' added in 2.9. Change options in 'Appearance > iBlog2 Options'. This version is localization ready, so send us your translations. Theme URI: http://www.pagelines.com/themes/ Version: 2.9.9.1 Author: PageLines Author URI: http://www.pagelines.com Tags: theme-options, white, silver, light, two-columns, fixed-width, threaded-comments, translation-ready, sticky-post, custom-header *Notes - Not titling your widgets in the sidebar can break the markup (and design) - change the header image and site favicon in Iblog options in the admin This version released under the GPL. */ /* STANDARD STYLING */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { color:#000; /* MAIN BODY TEXT COLOR */ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */ font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; background-repeat: repeat; background-attachment: fixed; background: #F7F7F7 url(images/back-gradient.png) repeat-x left top; } p,.p {margin-bottom: 15px;} img {border: none;} ul li { margin: 0px;} ul {margin: 5px 0px 15px;padding-left: 20px;} ol {margin: 5px 0px 15px;padding-left: 20px;} form {margin: 0px;padding: 0px;} small { font-size: 90%;} hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;} blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;} /* LINKS */ a, h1.blogtitle a:hover, .postdata a:hover, h2.posttitle a:hover, tags a:hover,.commentlist cite a, .commentlist cite, #subnav li a:hover, #subnav .current_page_item a, .button:hover,#calendar caption{color: #0088CC;text-decoration: none;} a:hover {text-decoration: underline;} /*********/ #sidebar div.dbx-box{border: 1px solid #bbb;} #wrapper {width: 960px;margin: 0px auto;position: relative;} #header {padding: 13px 0;} /* Height of the header */ /* site title */ h1.blogtitle { float:left; line-height: 47px; position:relative; line-height: 39px; font-size: 39px; /* blog title size */ height: 39px; font-family:'myriad pro',"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */ } h1.blogtitle .sheen { position: absolute; z-index: 5; background-color: transparent; background-image: url(images/sheen.png); background-position: 0 0; background-repeat: repeat-x; display: block; width:100%; height: 25px; float: left; } h1.blogtitle a{color: #000;} .description { float: left; margin-top: 16px; /* description distance from top of screen */ margin-left: 10px; color: #666; } /* search form */ #searchform { width: 205px; float: right; font-size:12px; padding:0; margin:0; } #searchform #s{ background: #ffffff url(images/form-field-bg.gif) no-repeat ; width: 158px; padding: 4px 7px 2px 5px; font-size: 12px; color: #999; border: 1px solid #888; margin:0; margin-top: 6px; } #searchform #searchsubmit { background: url(images/search-button.png) no-repeat 0 0; height: 24px; width: 24px; border: none; cursor: pointer; text-indent: -999%; line-height: 1px; margin:0; } /* HEADERS */ h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;} h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;} h1{font-size: 32px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 20px;} h5{font-size: 16px;} h6{font-size: 12px;} /* ------------------------------------- main content area */ #page #wrapper #container #left-col { width: 675px; float: right; } /* main menu */ #nav { font-size: 12px; background: #d5d5d5 url(images/navgrad-normal.png) repeat-x left top; height: 33px; } #nav small{display: none;} /* remove this later */ #nav ul{ list-style: none; display: block; margin: 0px 0px 0px 10px; padding: 0px; width: 710px; float: left; } #nav ul li{ font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; float: left; } #nav ul li a.home { padding: 7px 15px 8px 15px; } #nav ul li a{ padding: 7px 14px 8px 14px; text-decoration: none; border-right: 1px solid #bbb; color: #333; display: block; text-shadow:0 0.5px 1px #FFFFFF; } #nav .current_page_item a, #nav .current_page_item a:hover,#nav li a:active{ text-decoration: none; background: #2a2a2a url(images/navgrad-active.png) repeat-x top left; color: #fff; text-shadow:none; } #nav li a:hover{ color: #fff; background: #2a2a2a url(images/navgrad-hover.png) repeat-x top left; text-shadow:none; } #nav ul li a:active{ color: #fff; background: #2a2a2a url(images/navgrad-active.png) repeat-x top left; text-shadow:none; } /* sub menu */ #subnav { background: #fff url(images/agradient-30light.gif) repeat-x top left; margin-top: 15px;border: 1px solid #ddd} #subnav ul { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; } #subnav li { border-right: 1px solid #D8D8D8; padding: 4px 7px; margin: 0px; float: left; } #subnav li a, #subnav li a:visited, #subnav .page_item { text-decoration: none; color: #333333; } #subnav ul li ul li{display: none;} /* content */ #content { clear: both; overflow: hidden; margin-top: 15px; margin-bottom: 5px; } .post { border: 1px solid #bbb; background: #FFF; padding: 25px 25px 15px 25px; clear: both; overflow: hidden; padding-bottom: 1em; } .post.sticky { font-weight: bold; border: 4px solid #ddd; } .post.sticky .posttitle {font-weight:bold;} .post .date { height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; } .post .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 7px; text-shadow:1px 0px #000; } .post .title { float: left; margin-left: 10px; width: 558px; } .postdata { font-size: 90%; color: #999999; } .postdata a, .postdata a:visited { color: #999999; text-decoration: none; } .postdata .category{ float: left; } .postdata .author{ font-weight: bold; float: left; padding-right: 10px; } .postdata .comments{ float: right; } .mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right; } .entry { padding: 15px 0px 5px; clear: both; font-size: 14px; line-height: 1.6em; margin-bottom: 1em; } .billboard{padding: 80px;} /* Post thumb */ .postthumb { float:left; margin: 0 20px 10px 0; } .pop_post_div{ background:#f8f8f8; padding:20px 0 10px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:25px; } /* post title */ h2.posttitle { color: #000; margin: 3px 0 2px; padding-bottom: 0px; font-size: 26px; letter-spacing: -.03em; } h2.posttitle a, h2.posttitle a:visited { color: #000; text-decoration: none; } .tags { float: right; color: #aaa; margin-top:.15em; margin-bottom:2em; } .tags a{font-weight: bold;color: #000;} /* next & previous page navigation */ .page-nav { clear: both; margin-bottom: .6em; padding: 4px; background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; } .page-nav a, .page-nav a:visited { color: #000; text-decoration: none; } .page-nav a:hover { color: #fff; text-decoration: none; } .previous-entries a { float: left; padding-left: 10px; margin-left: 10px; background: url(images/navigation-left.gif) no-repeat left center; } .next-entries a { float: right; padding-right: 10px; margin-right: 10px; background: url(images/navigation-right.gif) no-repeat right center; } /* next & previous post navigation */ .post-nav { clear: both; padding-bottom: 35px; margin-top: 15px; font-size: 95%; } .post-nav a, .post-nav a:visited { color: #999999; text-decoration: none; } .post-nav a:hover { color: #000000; text-decoration: none; } .post-nav .previous a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; } .post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; } /* ------------------------------------- comment area */ #comments { background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; clear: both; } #respond { background: url(images/icons/edit.png) no-repeat; padding-left: 22px; margin: 20px 0px 0px; clear: both; } #respond h3{font: normal 140%/120% Arial, Helvetica, sans-serif;} .nocomments{display: none;} /* commentform */ #commentform { margin-top: 10px; } #commentform label { font-weight: bold; color:#666; font-size: 100%; padding-left: 5px; } #commentform small { color: #999999; font-size: 90%; } #commentform textarea { font: 110% Arial, Helvetica, sans-serif; width: 480px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px; } #commentform textarea:focus, #commentform input[type="text"]:focus { border: solid 1px #999; } /* comment list */ /* comment list */ .commentlist { list-style-type:none; margin: 10px 0px; line-height: 130%; padding-left:45px; font-family: helvetica, arial, sans-serif; } .commentlist li{ padding: 5px 10px; } .commentlist ul.children {list-style-type: none;margin: .7em;} .commentlist ul.children .even {background:#fff;} .commentlist .alt { background: #333; } .commentlist cite { font-weight: bold; font-style: normal; font-size: 110%; } .commentlist img.avatar { float: left; margin: 0 5px 5px -53px; position: relative; } .commentlist .comment-meta { margin-bottom: 5px; display: block; font-size: 87%; } .commentlist .alt { background: #F4F4F4; } .commentlist li ul {list-style-type:none;} .commentlist li ul li { padding-bottom:10px; margin-bottom:10px; margin-top:13px;} .commentlist li ul li ul li {background-color: white;} .comment-meta {margin-bottom: 1.4em;font-size: .9em;} .comment-meta a{color: #000;} .reply {font-size: .9em;margin:1em 0;} img.avatar { float: right; margin: 5px; } .commentlist small { margin-bottom: 5px; display: block; font-size: 87%; } .commentlist small a, .commentlist small a:visited{ color: #999999; } .comment-body p{ margin-left: .6em; } /* ------------------------------------- cred area */ #cred { position:absolute; bottom:0; right:0; } #cred a.pagelines{ font-size: 1.1em; color: #000; padding-left: 23px; float: left; background: url(images/pagelines-icon.gif) no-repeat 3px 0px; } #cred a.pagelines:hover{background: #ddd url(images/pagelines-icon.gif) no-repeat 3px 0px;color: #000;} a.plimage { display: block; float: left; text-indent:-3330em; height: 30px; width:105px; font-size: 8px; color: #eee; background: url(images/pagelines-sig.png) no-repeat 0px 0px; } #cred a:hover { text-decoration: underline; } .bottomnav { background: #fff; border: 1px solid #bbb; margin: -1em 0; padding: 5px 1em; } /* @ FORMS */ legend{display: none;} fieldset{border:none;background: transparent;} /* commentform */ label { color:#333; font-size: .9em; display: block; } small { color: #555; font-size: 90%; } input{ font: 110% arial, helvetica; padding: 5px 3px 3px 5px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; } textarea { font: 110% courier, arial, helvetica; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; padding: 5px 3px 3px 7px; } textarea:focus, input[type="text"]:focus { border: solid 1px #666; } .button, input[type="submit"], .submit { border: 1px solid #aaa; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; margin:0; font-weight: bold; font-family: arial, helvetica; } .button:hover, input[type="submit"]:hover{background: #bbb url(images/agradient-30.gif) repeat-x left top; color: #000;} .button:active, input[type="submit"]:active{background: #666 url(images/agradient-30dark.gif) repeat-x left top; color: #FFF;} /* sidebar */ #sidebar { margin-top: 15px; padding-bottom: 20px; float:left; width: 260px; color: #666666; line-height: 160%; position: relative; } .welcome {margin-bottom: 1em;} .welcome h2{font-size: 23px;} .welcome h3{font-size: 18px;} .welcome h2, .welcome h3 {margin-bottom: 5px;} #sidebar .dbx-box #sidebar p { margin: 0px 0px 15px; } #sidebar h3 { font: bold 12px/100% Arial, Helvetica, sans-serif; color: #333; text-shadow:0 0.5px 1px #FFFFFF; } #sidebar h3:hover{color: #000; text-shadow:none;} #sidebar h3 a, #sidebar h3 a:visited { color: #333; } #sidebar h3 img { vertical-align: middle; } #sidebar a, #sidebar a:visited { color: #000000; text-decoration:none; } #sidebar a:hover, #sidebar a:focus, #sidebar a:active { text-decoration:underline; } #sidebar ul { list-style: none; margin: 0 ; padding: 0 ; } #sidebar ul li { background-image: url(images/icons/bullet_black.png); background-repeat: no-repeat; padding-left: 22px ; background-position: 0 1px; } #sidebar ul li ul li { background-image: url(images/bullet_black.png); background-repeat: no-repeat; padding-left: 12px ; } #archives ul li { background-image: url(images/icons/calendar_view_month.png); background-repeat: no-repeat; } #recent-comments ul li { background-image: url(images/icons/comment.png); background-repeat: no-repeat; } #recent-posts ul li { background-image: url(images/icons/page_copy.png); background-repeat: no-repeat; } #categories ul li { background-image: url(images/icons/folder.png); background-repeat: no-repeat; background-position: 0 2px; } /* calendar */ .widget_calendar table { margin: 0px auto;} .widget_calendar td { padding: 0px 4px; } .widget_calendar caption{ font-weight: bold;font-size: 1.2em; } /* meta */ #meta .rss { background: url(images/icons/feed.png); background-repeat: no-repeat; } #meta .check { background: url(images/comment.gif); background-repeat: no-repeat; } /* calendar */ #calendar table { margin: 0px auto; } #calendar td { padding: 0px 4px; } /* rounded borders */ #nav, #sidebar .dbx-box, .post, #subnav, .page-nav, .bottomnav{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #searchform #s { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .dbx-handle{ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-left-radius: 5px; -khtml-border-top-right-radius: 5px; } .dbx-content{ -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-left-radius: 5px; -khtml-border-bottom-right-radius: 5px; } /* alignments */ img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto;} img[align="left"] {float:left;margin: 2px 10px 5px 0px;} img[align="right"] {float:right; margin: 2px 0px 5px 10px;} .clear {clear:both;} hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;} .wp-caption { text-align: center; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; text-align: center; padding: 4px; margin-bottom: 1em; } .wp-caption-text {font-size: 10px;margin:0;padding:6px 3px 2px;line-height: 16px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 5px; } .wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; } /* PIPED LINKS */ .piped { display: block; zoom: 1; padding: 0;margin:0;float: left;} .piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .piped li { float: left; display: inline; } .piped a {padding: 0 0 0 0.75em; margin-left: 0.75em; } .piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } .piped small {display:none;} /* @ STANDARD ELEMENTS */ img#wpstats{width:0px;height:0px;overflow:hidden;} .border{ padding: 2.5px; border: 1px solid #ccc;} .hidden {display: none; visibility: hidden;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;margin:0 10px 5px 0;} .alignright {float: right;margin:0 0 5px 10px;} /* FLOATING AND ALIGNMENT */ .floatleft{float:left;margin:3px 7px 0 0;} .floatright{float:right;margin:3px 0 0 7px;} .right{float:right;} .block{display:block;} .left{float:left;} .clear{clear:both;} .center {text-align: center;} /* CLEARFIX */ .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;}