/* Theme Name: Blue News Theme URI: http://www.templatesquare.com/bluenews-free-magazine-wordpress-theme/ Description: Blue News is a clean style magazine wordpress theme. Version: 1.0 Author: templatesquare Author URI: http://www.templatesquare.com/ Tags: three-columns, threaded-comments, sticky-post, left-sidebar, right-sidebar, fixed-width, white, blue */ /* Begin Typography & Colors */ small { font-family: Arial, Verdana, Tahoma; font-size: 0.9em; line-height: 1.5em; color:#7d7349; } h1, h2, h3 { font-family: Arial, Verdana, Tahoma; font-weight:normal; } h1 { font-size:22px; line-height:24px; } h2 { font-size: 18px; line-height:20px; } h2.pagetitle { font-size: 18px; line-height:20px; } h1.pagetitle { font-size:24px; line-height:26px; margin-bottom:20px; } #sidebar h2, #sidebar2 h2{ font-family:Arial, Verdana, Tahoma; font-weight:bold; } #sidebar ul li h2, #sidebar2 ul li h2 { font-family:Arial, Verdana, Tahoma; font-size: 16px; padding-bottom:0px; height:31px; color: #fff; line-height:24px; text-transform:capitalize; padding-left:10px; padding-top:5px; background-image:url(images/bg_title_sidebar.gif); background-repeat:no-repeat; font-weight:bold; } h3 { font-size: 17px; line-height:19px; } h1, h1 a, h1 a:hover, h1 a:visited{ text-decoration: none; color: #3a6496; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #3a6496; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite { text-decoration: none; } .entry{ padding:8px 0px 0px 0px; } .entry p{margin:0px 0px 12px;} .sticky { background: #fdfcfc; padding: 10px 10px 10px 10px !important; border:solid 1px #e3e3e3; } .sticky h2 { padding-top: 10px; } .commentlist li, #commentform input, #commentform textarea { font-size: 0.9em ; font-family:Arial, Verdana, Tahoma; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite{ font-weight: bold; font-style: normal; font-size: 15px; padding-left:5px; } .commentlist cite a { font-weight: bold; font-style: normal; font-size: 15px; } .commentlist cite a.url{ margin:0px; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: Arial, Verdana, Tahoma; } .commentmetadata { font-weight: normal; } code { font: 1.1em Arial, Verdana, Tahoma; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a, #wp-calendar a:visited { text-decoration: none; text-decoration:underline; } #wp-calendar caption { font: bold 1.3em Arial, Verdana, Tahoma; text-align:center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ .narrowcolumn { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .widecolumn { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .post { margin: 0px 0px 30px 0px; padding:0px 0px 0px 0px; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 { padding-top: 5px; } .widecolumn .postmetadata, .widecolumn .postmetadata1 { margin: 0px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; color:#3f291c; line-height:20px; background-repeat:no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; } /* End Structure */ /* Begin Headers */ h1 { padding:0px; margin: 0; } h2 { margin: 0px 0 0; } h2.pagetitle { padding-top: 10px; text-align: center; padding-bottom:15px; } #sidebar h2 ,#sidebar2 h2{ margin: 0px 0 0; padding: 0; } h3 { padding: 0; margin: 0px 0 0; } h3.comments { padding: 0; margin: 0px auto 20px ; font-size:17px; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .spacer{ line-height:0px; margin:0px; padding:0px; } /* End Images */ /* Begin Lists */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 0px 0 0px 10px; } .entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before, #sidebar ul ul li, #sidebar2 ul ul li { background-position:0 4px; padding:0px 0px 0px 0px; margin:0px; } div.entry ul{ margin:0px; padding:0px 0px 0px 20px; } div.entry ul li{ background-repeat:no-repeat; background-position:0 6px; padding:0px 0px 0px 25px; margin:0px; list-style-type:disc; list-style-position:inside; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol { margin: 0; padding: 0; font-family:Tahoma, Arial, Verdana; } #sidebar ul li, #sidebar2 ul li { list-style-type: none; list-style-image: none; margin-bottom: 20px; } #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol { margin: 5px 4px 0 10px; } #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol { margin: 5px 0 0 0px; } ol li, #sidebar ul ol li, #sidebar2 ul ol li{ list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li { margin: 0px 0 0; padding: 0px 0px 0px 0px; } #sidebar ul li a:link, #sidebar ul li a:visited, #sidebar2 ul li a:link, #sidebar2 ul li a:visited{ color:#797979 !important; } #sidebar ul li, #sidebar2 ul li { list-style-type: none; list-style-image: none; border:none; } #sidebar ul li li, #sidebar2 ul li li{ padding:3px 5px 3px 10px; border-bottom:solid 1px #797979; } #sidebar ul li li li, #sidebar2 ul li li li{ border-bottom:none; background-image:none; padding-top:0px ; } #sidebar ul ul ul li a, #sidebar ul ul ul li a:visited{ border-bottom:0px; padding:0px 0px 0px 12px!important; text-decoration:none; background-image:url(images/arrow.gif); background-position:0 3px; background-repeat:no-repeat; } #sidebar ul ul ul li a:hover{ text-decoration:underline; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 0px auto; padding: 10px 0px 0px 0px; text-align: center; } #sidebar #searchform #s, #sidebar2 #searchform #s { width: 108px; padding: 2px; } #searchsubmit, #sidebar #searchsubmit, #sidebar2 #searchsubmit { padding: 4px 0px 4px 0px; font-size:10px; width:46px; border:0px; background-color:#efb30a; color:#fff !important; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } #commentform{ } #commentform input { padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 0px 0 0px; } #commentnavi{ margin:0px 0px 0px 15px; } #respond h3{ margin:10px 0px 0px 0px; font-size:17px; } #commentform textarea { width: 90%; padding: 2px; } #commentform #submit { margin: 0px; width:170px; } /* End Form Elements */ .even, .alt { border-left: 1px solid #e3e3e3; } .thread-alt { background-color: transparent; } .thread-even { background-color: transparent; } .depth-1 { border: 1px solid #e3e3e3; } /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } ol.commentlist{ padding:0px; margin:0px 10px 0px 10px; } .commentlist li { margin: 15px 0 10px; padding: 5px 10px 10px 10px; list-style: none; } .commentlist li ul{ padding:0px; margin:0px; } .commentlist li ul li { margin-right: -5px; margin-left: 15px; } .commentlist p { margin: 10px 5px 10px 5px; } .children { padding: 0;} #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; width:182px; color:#797979; } #sidebar2 { padding: 0px 0px 0px 8px; margin: 0px 0px 0px 0px; float:left; width:182px; color:#797979; } #sidebar form, #sidebar2 form { margin: 0; } #sidebar li.widget_tag_cloud div, #sidebar2 li.widget_tag_cloud div{padding:4px 10px;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: transparent; } /* End Calendar */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 10px 10px; padding:0px 20px; border: 1px dashed #d3d1d1; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 0px; padding-bottom: 30px; } .navigation2 { display: block; text-align: center; margin-top: 0px; padding-bottom: 30px; } .navigation .alignleft a, .navigation2 .alignleft a, .navigation .alignright a, .navigation2 .alignright a{border:solid 1px #e2e2e2; padding:4px; float:left;} /* End Various Tags & Classes*/ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ div.post h2 a:link,div.post h2 a:visited, div.post h3 a:link,div.post h3 a:visited { color:#3a6496; font-family:Arial, Verdana, Tahoma; font-size:18px; padding:0px 10px 5px 0px; } div.post h3 a:hover, div.post h2 a:hover{ color: #638fc3; } .postmetadata a{ text-decoration: none; } .postmetadata a:hover{ text-decoration: underline; } .narrowcolumn h2, .narrowcolumn h3 { margin-top:0px; } label small{ color:#3f291c; } #comments, #respond{ color:#3f291c; padding:0px 0px 8px 5px; } h3#respond{ font-size:25px; font-weight:lighter; } .textwidget{ padding-left:10px; text-align:left; padding-right:5px; padding-top:5px; } /*=========================Frame Html=========================*/ body{ font-family:Arial, Verdana, tahoma; font-size:12px; margin:0px; padding:0px; line-height:18px; color:#3a3a3a; } a, a:visited{color:#3a6496; text-decoration:none;} a:hover{text-decoration:underline;} #container{ background-image:url(images/repat_x_top.gif); background-repeat:repeat-x; } #frame{ margin:0px auto 0px auto; width:950px; } #top{height:135px;} /*===================================================Menu Dropdown===================================================*/ #menu{height:37px;} #menu ul{margin:0px; padding:0px 0px 0px 0px;} #menu ul li{position:relative;} #menu ul li a{ background-image:url(images/line_top.gif); background-repeat:no-repeat; background-position:center left; } #menu ul li#home a, #menu ul li li a{background-image:none;} /*===================================================Content===================================================*/ #main{padding:10px 0px; float:left; width:950px} #top_left{float:left; width:475px;padding:13px 0px 0px 0px; vertical-align:bottom;} #logo{padding:20px 0px 0px 0px;} #logo h1{margin:0px; padding:0px; color:#8f8f8f; font-size:40px; line-height:42px; font-weight:lighter; letter-spacing:-1px;} #logo h1 a, #logo h1 a:visited{color:#8f8f8f;} #logo .textblue{color:#3c679c;} .desc{color:#e6ab07;} #logoimg{padding:0px;} #top_right{float:left; width:475px;padding:14px 0px 0px 0px; text-align:right;} #top_date{color:#386192; font-size:12px;} #top_ads{padding:8px 0px 0px 0px;} #top_subscibe{padding:8px 0px 0px 0px; vertical-align:top} #top_subscibe, #top_subscibe a, #top_subscibe a:visited{color:#a4a4a4;} #top_subscibe img{padding:0px 0px 0px 8px;} #top_content{background-image:url(images/bg_top_content.gif); background-repeat:repeat-y; float:left;} #headline{width:567px; float:left; position:relative;} #content_headline{ padding:14px 18px; color:#fff; float:left; } #featured{width:383px; float:left;} #content_featured{ padding:14px 18px; color:#fff; } /* Easy Slider */ #slider{ position:relative; margin:0px auto; width:530px; padding:10px 0px 0px 0px; height:267px; overflow:hidden;} #slider h2{color:#fff} #slider p{color:#fff} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:520px; height:240px; overflow:hidden; margin:0px; padding:0px 0px 0px 0px; } #prevBtn, #nextBtn{ display:block; width:50px; height:52px; position:absolute; top:135px; } #prevBtn{left:10px;} #nextBtn{left:900px;} #prevBtn a, #nextBtn a{ display:block; width:50px; height:52px; background:url(images/slide-prev.png) no-repeat 0 0; cursor:pointer; } #nextBtn a{ background:url(images/slide-next.png) no-repeat 0 0; } #main_block{ padding:10px 0px 0px 0px; width:950px; float:left;} #main_block_left{float:left; width:567px;} #main_left{border:solid 1px #e2e2e2; padding:10px;} #main_left2{border:solid 1px #e2e2e2; padding:10px; width:545px; margin-top:10px; float:left} #main_left2 .post{float:left; width:240px; height:200px; border-bottom:solid 1px #e2e2e2; overflow:hidden; padding:0px 30px 5px 0px; margin-bottom:15px;} #main_left2 .post p{padding:10px 0px 10px 0px; margin:0px;} #main_left2 .post .entry{padding:10px 0px;} #main_left2 .post h2, #main_left2 .post h2 a{font-size:14px !important; line-height:16px; font-weight:bold;} #main_block_right{float:left; width:383px;} #main_right{padding:0px 0px 0px 10px;} /*===================================================Footer===================================================*/ #footer{ float:left; clear:both; width:950px; padding:0px 0px 20px 0px;} #foot{ padding:20px 0px 0px 0px; background-image:url(images/line_footer.gif); background-position:top; background-repeat:repeat-x; } #foot_left{float:left;} #foot_left ul{margin:0px; padding:0px 0px 0px 0px;} #foot_left ul li{text-transform:uppercase; list-style-type:none; float:left; border-left:solid 1px; font-size:10px; line-height:5px;} #foot_left ul li.home{border-left:0px !important;} #foot_left ul li.home a{ padding-left:0px !important; font-size:11px !important;} #foot_left a, #foot_left a:visited{ color:#3a6496; text-decoration:none; padding:1px 10px 0px 10px; line-height:11px; font-size:11px; } #foot_left a.nopadding{padding:0px; font-size:12px;} #foot a:hover{ color:#e6ab07; text-decoration:none; } #foot_right{float:right; text-align:right;} #foot_right img{padding:0px 4px 0px 0px;} .title{ float:inherit; margin-left:60px;} .title h2{ background-image:url(images/line_dot.gif); background-repeat:repeat-x; background-position:bottom; padding:0px 0px 3px 0px; } .search_result h2 a{ font-size:14px !important; font-weight:bold; } .search_result .post{ padding:2px 0px 8px 0px; } .search_result .entry{ padding:0px; } a.more-link, a.more-link:visited{ display:block; margin-top:10px; padding:0px 0px 0px 0px; text-decoration:none!important; } a.more-link:hover{ text-decoration:underline !important; } .spacer{ padding:0px 10px; } /*====HEADLINE====*/ #content_headline img.left{ float:left; border:solid 3px #e6ab07; margin-right:8px; } #content_headline h2, #content_headline h2 a{color:#e6ab07; font-size:24px; line-height:26px;} #content_headline a, #content_headline a:visited{color:#e6ab07;} #content_headline h2 a:hover{text-decoration:underline;} #content_headline h2.cat_title, #content_headline h2.cat_title a, #content_headline h2.cat_title a:visited{ color:#fff; font-size:18px; padding-bottom:5px; } #content_headline h2.cat_title a:hover{text-decoration:none;} /*====FEATURED====*/ #content_featured img.left{ float:left; border:solid 3px #3a6496; margin-right:5px; } #content_featured h2.cat_title, #content_featured h2.cat_title a, #content_featured h2.cat_title a:visited{ color:#fff; font-size:18px; padding-bottom:5px; } .box_featured { height:75px;} .box_featured h2, .box_featured h2 a, .box_featured h2 a:visited{ color:#3a6496; font-size:14px; line-height:16px; font-weight:bold; } .box_featured a, .box_featured a:visited{ color:#fff; } /*====POST GLOBAL====*/ .entry img.left{ float:left; border:solid 3px #e2e2e2; margin-right:10px; } .date{font-size:11px;} /*====SWITCH TAB====*/ div.tabs-block, div.tabs-block a, div.tabs-block a:visited{color:#7a7a7a;} div.tabs-block{ width:353px; font-family:Arial !important; background-color:#3a6496; padding:0px 10px 10px 10px;} div.tabs-block ul{list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} div.tabs-block ul.tabs{ height:31px;} div.tabs-block ul.tabs li{ float:left; width:auto; padding:10px 1px 0 0;} div.tabs-block ul.tabs li a{display:block; float:left; font-weight:bold; cursor:pointer; padding:5px 15px 5px 15px; margin-right:9px; color:#e6ab07 !important; font-family:Arial; background-image:url(images/tab.gif); background-repeat:repeat-x; background-color:#fcfcfc; border:solid 1px #cbcdce;} * html div.tabs-block ul.tabs li a{margin-right:4px;} /*ie6 only*/ div.tabs-block ul.tabs li a.active{font-weight:bold; background-image:url(images/tab_active.gif); background-color:#fcbd0f; background-repeat:repeat-x; border:solid 1px #e1a90b; color:#fff !important;} div.tabs-block ul.tabs li a:hover{text-decoration:none;} div.tabs-block ul.tabs li a.active span.tab-l{ background:url(images/tab-a-l.jpg) no-repeat left top;} div.tabs-block ul.tabs li a.active span.tab-r{ background:url(images/tab-a-r.jpg) no-repeat right top;} div.tabs-block div.hidden{ display:none;} div.tabs-block div.tabcontent{ margin-top:18px; padding:5px 10px 10px 10px;font-family:Arial !important; border:solid 1px #cecfcf; background-color:#fff; text-align:left;} div.tabs-block div.tabcontent ul{list-style-type:none; margin:0px; padding:0px;} div.tabs-block div.tabcontent ul li{padding:0px 0px 0px 0px;background-image:url(images/list_yellow.gif); background-position:0px 8px; background-repeat:no-repeat; } div.tabs-block div.tabcontent ul li a{color:#7a7a7a; font-size:12px; font-family:Arial !important; padding:4px 0px 4px 0px; border-bottom:solid 1px #d0d0d0 !important; display:block; margin:0px 0px 0px 20px; float:none !important; } div.container_tabs{margin:0px 0px 0px 0px;} div.tabs-block h2{ font-size:22px; padding:9px 0px 0px 0px; color:#f62e3a } /*====ADS BOX====*/ .boxbanner{width:354px; padding:9px; float:left; border:solid 1px #e2e2e2;background-image:url(images/bg_box_ads.gif); background-repeat:repeat;} * html .boxbanner{padding:8px;} .banner{float:left; width:278px;} .banner2{float:left; width:76px;} .ads{float:left;} /* Styles for one-column display */ #wp125adwrap_1c { width:100%; } #wp125adwrap_1c .wp125ad { margin-bottom:0px; border:0px;} /* Styles for two-column display */ #wp125adwrap_2c { width:100%; } #wp125adwrap_2c .wp125ad { width:125px; float:left; padding:0px 4px 3px 0px !important; border:0px; margin-right:4px;} /*====PAGINATION====*/ .pagination{ text-align:center; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #e2e2e2 !important; color: #202020; background-color: #FFFFFF; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #e2e2e2; color: #202020; background-color: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #e2e2e2; color: #202020; background-color: #FFFFFF; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #3a6496 !important; color: #202020; background-color: #ffffff !important; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #202020; border: 1px solid #d1d1d1; background-color: #FFFFFF; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #3a6496 !important; color: #ffffff !important; background-color: #3a6496 !important; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #e2e2e2; color: #202020; background-color: #FFFFFF; }