/* Theme Name: Blue-Pix Theme URI: http://www.livetr.org/ Description: A Clean, Simple, Professional Wordpress Theme with power of Blue colour's. Author: Emexci Author URI: http://www.livetr.org/ Version: 1.0.0 */ /* More info at Theme Page (www.livetr.org/blue-pix/) */ /* 1- General 2- Page + Header 3- Main + RightSide 4. Post 5. Comments 6. Pagebar 7. Footer */ * {padding: 0; margin: 0} body { color: #333333; background: #eaedee url(images/back_page.png) repeat-x; font: 11px/1.5em Trebuchet MS, sans-serif } /* --1-- General */ a{color: #2759AD; text-decoration: none} a:hover{color: #2759AD; text-decoration: underline} a img{border: 0} p {margin-bottom: 15px} h1 {font: bold 1.9em Trebuchet MS, Trebuchet MS, Sans-Serif; padding: 0; margin: 0; color: #0F56AC} h2 {font: bold 1.1em Trebuchet MS, Trebuchet MS, Sans-Serif; padding: 0; margin-bottom: 5px; margin-top:20px; color: #000} blockquote {font: normal 11px/17px Tahoma, sans-serif; margin: 0; padding: 0; padding: 7px 8px 0 8px; background-color: #fafafa; border-left: 3px #CFD1D6 solid} blockquote p{padding-bottom: 7px} div.error{padding: 10px} /* --2-- Page + Header */ div#top_page{margin: 0 auto; width: 800px; background-color: #fff; height:47px;} div#page {margin: 0 auto; width: 800px; background-color: #fff; border: #c5c8c9 solid; border-width: 0px 1px 1px 1px;} div#page div#header{margin: 0; background: url(images/logo.png);padding: 0px 5px 0px 5px; height:70px;} div#page div#header a{font: normal 20px Tahoma, sans-serif; color: #336699} div#page div#header span#span{font: normal 12px Tahoma, sans-serif; color: #888; line-height: 18px} div#page div#header #searchform{float: right; margin:0; padding: 12px 5px 0px 0px; height: 50px; line-height: 50px; background: none} div#page div#header #searchform .search-box{background: url(images/search-bg.gif) no-repeat; font: normal 13px Trebuchet MS, Helvetica, sans-serif; border: #B6C9D3 solid; border-width: 1px 0 1px 1px; width: 185px; height: 17px; padding: 2px 0 2px 5px; margin:0;} div#page div#header #searchform .search-button{background:url(images/search-button.gif) no-repeat; border: 0; width:23px; height: 23px; padding:0 0 0px 0; margin:0} div#page div#header .text_s{margin: 12px 0 0 0} * html div#page div#header #searchform .search-button{padding:0; margin:0} div#page div#menu{margin-top:0px; background: #E0E8EE url(images/menu_background.png) repeat-x; border-bottom: 1px #d8d8d8 solid; height: 34px; width: 100%; font: Tahoma; font-weight:bold; font-size:12px;} div#page div#menu ul{margin:0; padding-top:9px;} div#page div#menu ul li{display: inline} div#page div#menu ul li a{padding: 9px 8px 9px 8px; color: #000000} div#page div#menu ul li a:hover{color: #ffffff; text-decoration: none; background: url(images/menu_background_hover.png);} div#page div#menu ul li.current_page_item a, div#page div#menu ul li.current_page_item a:hover{color: #ffffff; background: url(images/menu_background_hover.png);} /* --3-- Main + RightSide */ div#page div#main {margin: 5px 0 15px 0; padding: 0 5px 0 5px;} div#page div#main div#rightside {float: right; width: 180px; margin:0 0 0 10px; padding-top: 10px;} div#page div#main div#rightside div.box{padding:0; margin: 0 0 5px 0} div#page div#main div#rightside div.box p{padding: 4px; margin:0; background: #d5e9f5; color: #000; font-size: 12px} div#page div#main div#rightside div.box h2{padding: 3px 4px; color: #ffffff; background-color:#1d69b3; margin: 0px 0} div#page div#main div#rightside div.box ul{margin:0; padding:0} div#page div#main div#rightside div.box ul li{list-style: none; margin:0; width: 172px;} div#page div#main div#rightside div.box ul li a{background: #d5e9f5; display: block; width: 172px; color: #494949; padding: 3px 4px} div#page div#main div#rightside div.box ul li a:hover{text-decoration: underline} div#page div#main div#rightside div.box ul li.current_page_item a, div#page div#main div#rightside div.box ul li.current_page_item a:hover{background-color: #E3E7EE; color: #555} div#page div#main div#rightside div.box ul li.current-cat a, div#page div#main div#rightside div.box ul li.current-cat a:hover{background-color: #E3E7EE; color: #555} * html div#page div#main div#rightside {width: 176px} * html div#page div#main div#rightside div.box ul li a {width: 168px} /* --4-- Post */ div#page div#main div#leftside {border-right: 1px #F3F3F3 solid;color: #444; width: 585px; padding-right: 10px; padding-top: 10px;} div#page div#main div#leftside div.post{background: url(images/post.gif) 0 25px no-repeat; padding: 0 0 7px 1px; margin: 0 0 10px 0;} div#page div#main div#leftside div.post div.entry{margin-top: 5px; font: 12px/1.45 Trebuchet MS, Verdana, sans-serif; color: #444852; overflow: hidden; padding: 2px 0 0 0} div#page div#main div#leftside div.post div.entry img{padding:3px; margin:0; background: none; border: 1px #E7E9EB solid; background-color: #FCFCFC} div#page div#main div#leftside div.post div.entry a:hover{color: #000; text-decoration:none} div#page div#main div#leftside div.post h1{margin:0;padding:2px 3px 2px 0; font: normal 140%/24px Trebuchet MS,sans-serif; font-weight:bold} div#page div#main div#leftside div.post h1 a{color: #0F56AC; text-decoration: none} div#page div#main div#leftside div.post h1 a:hover{color: #000; text-decoration: none} div#page div#main div#leftside div.post h1 small{float:right; font: normal 11px Trebuchet MS; color: #999; padding: 4px} div#page div#main div#leftside div.post div.entry ul{margin: 10px 0 10px 0; font: normal 11px/17px Tahoma, sans-serif} div#page div#main div#leftside div.post div.entry ul li{list-style: none; font: normal 12px Trebuchet MS; background: url(images/arrow.gif) no-repeat 0 6px; margin:0; padding:0 0 0 10px} div#page div#main div#leftside div.post div.entry ol{list-style-type: decimal; margin: 10px 0 5px 20px; clear: both; font: normal 11px/17px Tahoma, sans-serif; padding: 4px 8px 4px 8px; background: #fafafa} div#page div#main div#leftside div.post div.entry ol li{padding:0; margin:0} div#page div#main div#leftside div.post .info{padding:2px 0 2px 0px; border-top:1px solid #F7F7F7; color:#888; font-size: 11px;} div#page div#main div#leftside div.post .info a{color: #888} div#page div#main div#leftside div.post .info span{color: #ccc} /* --5-- Comments */ div#page div#main div#leftside #commentform {margin:1px 0; padding:5px; background:#d7d7d7;} div#page div#main div#leftside #commentform small{font: normal 10px Trebuchet MS, Tahoma, sans-serif} div#page div#main div#leftside h3#respond{margin: 2em 0 10px 5px; padding:0; font: bold 13px Trebuchet MS} div#page div#main div#leftside .commentlist {margin: 0; padding: 0; border-top: #eee 1px solid;} div#page div#main div#leftside .commentlist li {list-style:none; margin: 0; padding: 0.5em; border-bottom: #eee 1px solid;} div#page div#main div#leftside .commentlist li.alt{background:#FCFCFC} div#page div#main div#leftside input.textbox{padding:4px; width:150px; border: 1px #EBEBEB solid; font: normal 12px Trebuchet MS, Tahoma, sans-serif} div#page div#main div#leftside textarea#comment{padding:5px; font:1em Trebuchet MS, Serif; border: 1px #C9E3E4 solid; width: 450px} div#page div#main div#leftside input#submit{background: #F9FCFC;border: 1px #C9E3E4 solid; font-size: 11px; font-family: Verdana; padding: 4px;} div#page div#main div#leftside div.mycomment{color: #888; padding: 3px 0 3px 0;line-height: 1.5em; overflow: hidden} div#page div#main div#leftside div.mycomment div.com span.author{font: bold 12px Trebuchet MS;} div#page div#main div#leftside div.mycomment div.com{border-bottom:1px #F1F3F2 solid; padding: 0 0 5px 0} div#page div#main div#leftside div.mycomment div.com small{font-size:11px} div#page div#main div#leftside div.mycomment div.com small a{font-size:11px; color: #888} div#page div#main div#leftside div.mycomment div.comment-in{color: #414852; padding: 2px 0 0 0; font: normal 12px Trebuchet MS;} div#page div#main div#leftside div.mycomment div.comment-in p{margin: 5px 0 0 0} div#page div#main div#leftside .gravatar{background: url(images/bg-avatar.gif);padding: 3px; margin: -2px 5px 0 0; width: 30px; height: 30px} /* --6-- Pagebar */ div#page div#main div.pagebar{text-align: center; background: #fff url(images/bg-pgbar.gif) center no-repeat; font-size: 10px; padding: 11px 0 11px 0; color: #020202 } div#page div#main div.pagebar a{padding: 2px 0 3px 6px; text-decoration: none; color: black; background: #d3d9db url(images/pgbr.gif) left top no-repeat} div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0; color: #000; text-decoration: none; font-weight: normal; background: #d3d9db url(images/pgbr.gif) right top no-repeat; background-position:100% -34px; } div#page div#main div.pagebar a:hover, div#page div#main div.pagebar a.this{color: #000; background:#bbc8cd url(images/pgbr.gif) left bottom no-repeat} div#page div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong{color: #000; background:#bbc8cd url(images/pgbr.gif) right top no-repeat; background-position:100% -17px;} /* For IE */ * html div#page div#main div.pagebar a{padding: 0 0 0 6px;} * html div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0} /* --7-- Footer */ div#page div#footer {border-top: 1px #c5c8c9 solid; clear: both; font-size: 11px; color: #000000; padding: 10px 10px 8px 10px; background:#000000; height:18px;} div#page div#footer .rside {float: right; padding: 0; margin:0} div#page div#footer span.ac{color: #ffffff; padding:0; padding:0} div#page div#footer a{font: bold; color: #ffffff} div#page div#footer a:hover{text-decoration: none; border-bottom: 1px #ffffff solid; color: #ffffff} div#footer_extra{font-size: 10px; margin: 0 auto; width: 800px; padding: 10px 0px 0px 0px; background-color: #eaedee; height:50px; text-align: center;} /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */ .sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }