/* 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: #494949;*/ background: #fff url(/wp-content/themes/blue-pix-100/design-images/bodybg.jpg) repeat-x left top; font: 11px/1.5em Verdana, Arial, sans-serif } /* --1-- General */ a{color: #2759AD; text-decoration: none} a:hover{color: #2759AD; text-decoration: underline} a img{border: 0} p {margin-bottom: 7px; color: #000;} h1 {font: bold 1.9em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color: #7e4628;} h2 {font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color: #8c171a;} h3 {font: bold 1.0em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color: #8c171a;} 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#page {margin: 0 auto; width: 900px; } div#page div#header{margin: 0; height: 45px; line-height: 45px; background: none; padding: 7px 5px 2px 5px} 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: 0; height: 50px; line-height: 50px; background: none} div#page div#header #searchform .search-box{background: url(images/search-bg.gif) no-repeat; font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: #B6C9D3 solid; border-width: 1px 0 1px 1px; width: 185px; height: 16px; padding:3px 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 2px 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{background-color: #ccc; border-top: 1px #BCCAD6 solid; border-bottom: 1px #BCCAD6 solid; height: 36px; width: 100%} div#page div#menu ul{margin:0; padding:9px;} div#page div#menu ul li{padding: 5px 12px 5px 12px; display: inline; background-image: url(/wp-content/themes/blue-pix-100/design-images/navrollover.jpg); font-family: Palatino, serif;}*/ /*div#page div#menu ul li a{/*padding: 7px 14px 5px 11px;*/ color: #fff; }*/ /*div#page div#menu ul li a:hover{background: #fff; color: #000; text-decoration: none}*/ /*div#page div#menu ul li.current_page_item a, div#page div#menu ul li.current_page_item a:hover{color: #fff}*/ #nav { width: 100%; } #nav ul { width: 100%; list-style: none; font-weight: normal; font-size: 14px; padding: 0; margin: 0; border: none; border-width: 0; float: left; line-height:12px; } #nav a { display : block; text-decoration : none; } #nav ul li a { color: #ffffff; padding: 0px; margin:0px; font-family: Palatino, serif; } #nav ul li a.dropdownarrow { padding-right:14px; background-image: url("images/arrow-dropdown-white.gif"); background-repeat: no-repeat; background-position: right ; } #nav li { color: #ffffff; margin-right: 3px; float: left; padding: 0; padding: 7px 16px 7px 16px; /*border-right: 1px solid #CCCCCC;*/ } #nav li img{ margin:0px 0px 0px 4px; padding:0px; vertical-align: middle; } #nav li ul { position : absolute; left : -999em; /*background-color: #828282;*/ left : -111em; height : auto; font-weight : normal; border-width : 0.25em; margin : 2px 0px 0px 0px; } #nav li ul { display:none; left: auto; margin-top:4px; margin-left:-16px; width:auto; } #nav li li { border-right: none; } #nav li ul li { float: none; clear:both; border-top: 1px solid #FFFFFF; width:auto; display:block; list-style-type: circle;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ #nav ul li:hover { color: #333333; background-image: none; /*background-color: #8c171a; border-right: 1px solid #CCCCCC;*/ background: #fff url(/wp-content/themes/blue-pix-100/design-images/hover.jpg) repeat-x left top; } #nav ul li:hover ul.nj{ color: #333333; background-image: none; /*background-color: #8c171a;*/ border-right: 1px solid #CCCCCC; display:block; background-color: #828282; } #nav a:hover { color: #fff; background-image: none; /*background-color: #A5E58F;*/ } .current_page_item { background: #fff url(/wp-content/themes/blue-pix-100/design-images/current.jpg) repeat-x left top; } #nav ul li.current_page_item a { color: #333333; } #nav ul li.current_page_item ul li{ border-right: 1px solid #CCCCCC; color: #000000; } #nav ul li.current_page_item ul li a{ color: #ffffff; } #nav ul li.current_page_item ul li a:hover{ color: #333333; background-image: none; background-color: #A5E58F; } /* --3-- Main + RightSide */ div#page div#main {margin: 10px 0 15px 0; padding: 0 5px 0 5px; background-color: #fff; } div#page div#main div#rightside {float: right; width: 250px; margin:0 0 0 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} div#page div#main div#rightside div.box h2{padding: 3px 4px; color: #8c171a; background-color: #E3E7EE; margin: 2px 0; font-family: Palatino, serif; font-size: 1.5em;} div#page div#main div#rightside div.box h3{padding: 3px 4px; color: #8c171a; margin: 2px 0; font-family: Palatino, serif; font-size: 1.5em;} 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: #F5F6F9;*/ display: block; width: 172px; color: #494949; padding: 3px 4px} div#page div#main div#rightside div.box ul li a:hover{background-color: #fff; text-decoration: none} 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: 600px; padding-right: 10px} div#page div#main div#leftside div#main_image {margin-bottom: 10px; border-bottom: thin solid grey; padding-bottom: 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 Arial, Verdana, sans-serif; color: #414852; overflow: hidden; padding: 2px 0 0 0} div#page div#main div#leftside div.post div.entry img.alignright{ float:right; margin-left: 5px; margin-bottom: 5px;} div#page div#main div#leftside div.post div.entry img.alignleft{ float:left; margin-right: 5px; margin-bottom: 5px;} 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 2em Palatino, serif;} div#page div#main div#leftside div.post h1 a{color: #7e4628; 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 10px Verdana; 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; 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: 10px} 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:5px 0; padding:5px; background:#f9fcfc; border-top: #DEEFEF 1px solid; border-bottom: #DEEFEF 1px solid} div#page div#main div#leftside #commentform small{font: normal 10px Verdana, Tahoma, sans-serif} div#page div#main div#leftside h3#respond{margin: 2em 0 10px 5px; padding:0; font: bold 13px Tahoma} 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 11px Verdana, Tahoma, sans-serif} div#page div#main div#leftside textarea#comment{padding:5px; font:1em Verdana, Arial, 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 Tahoma;} 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:10px} div#page div#main div#leftside div.mycomment div.com small a{font-size:10px; color: #888} div#page div#main div#leftside div.mycomment div.comment-in{color: #666; padding: 2px 0 0 0} 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#footer { margin-top: 25px; width:100%; clear: both; font-size: 11px; color: #666; padding: 5px 5px 6px 5px; background: #fff url(/wp-content/themes/blue-pix-100/design-images/footer.jpg) repeat-x left top; height: 100px;} div#footer .rside {float: right; padding-right: 20px; margin:0} div#footer span.ac{color: #ddd; padding:0; padding:0} div#footer a{color: #1C2777} div#footer a:hover{text-decoration: none; border-bottom: 1px #aaa dashed; color: #2E41C2} /* Begin Amazon aStore */ .store { width:100em;} /* End Amazon aStore */