/*********************************************************************************************Theme Name: Yamidoo PRO MagazineTheme URI: http://www.wpzoom.com/themes/yamidoo/Description: A magazine style theme by WPZOOMVersion: 1.0Author: WPZOOMAuthor URI: http://www.wpzoom.com**********************************************************************************************0. CSS Reset ------------------------- All Theme Files1. Toolbox CSS ----------------------- All Theme Files2. Page Structure -------------------- All Theme Files3. Header ---------------------------- header.php4. Main Navigation ------------------- header.php5. Featured Slider ------------------- featured.php6. Featured Categories --------------- blocks.php7. Homepage Articles ------------------ index.php8. Single Articles & Pages ------------ single.php, page.php9. Comments -------------------------- comments.php10. Forms ---------------------------- searchform.php11. Sidebar & Widgets ------------------ sidebar.php12. Footer ---------------------------- footer.php**********************************************************************************************//********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files*********************************************************************************************/ * {margin:0;padding:0;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;} table {border-collapse: collapse;border-spacing: 0;} fieldset, img {border: 0;}address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;} ol, ul {list-style-type: none; list-style-position:inside;} caption, th {text-align: left;} h1, h2, h3, h4, h5, h6 {font-size: 100%; } q:before, q:after {content: '';} abbr, acronym {border: 0;}/* Global reset-RESET *//* The below restores some sensible defaults */strong { font-weight: bold }em { font-style: italic }a img { border:none } /* Gets rid of IE's blue borders */ table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; } th { color:#333; } th, td { line-height: 20px; padding: 4px; } tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } tr:nth-child(2n+1) { }/********************************************************************************************* 1. Toolbox CSS ------------------------- All Theme Files*********************************************************************************************/ #navigation {font-family:Helvetica,"Times New Roman",Times,serif;font-weight:bold;text-align:center;float:left;margin:0 auto;width:500px;} a#rss-sub, a#rss-sub:link, a#rss-sub:visited { height:37px; width:250px; background: url(images/rss-sub.gif) top left no-repeat; display:block; padding:0; margin: 0 0 5px; overflow: hidden; } a#rss-sub:hover, a#rss-sub:active { background: url(images/rss-sub.gif) bottom left no-repeat; } .email-sub {width:300px;float:right;height:96px;padding: 10px 0 0 10px; } .email-sub form { padding: 4px 0 0 0; margin:5px 0 0; background: url(images/email-sub.gif) top left no-repeat; } .email-sub input#sub { padding: 5px 5px 0; background: #fff; border:1px solid #ccc; width:160px; color:#999; height:21px; font-size: 10pt; float:left; clear:left; margin:40px 5px 0 0; } .email-sub input#subbutton { padding: 0; background: transparent url(images/submit.gif) top left no-repeat;; border:0; height:28px; width:60px; cursor:pointer; float:left; clear:right; margin:40px 0 0 0; } .email-sub input#subbutton:hover { background: transparent url(images/submit.gif) bottom right no-repeat;; } /* =WP-PageNavi-------------------------------------------------------------- */ .wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; } .wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #333; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #333; } .wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #666; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pagenav .wp-pagenavi a:hover { color: #fff; background: #666666; } .navigation { color: #fff; float: left; width: 100%; } .navigation .alignleft a, .navigation .alignright a { width: 125px; text-align: center; height: 20px; } /*.navigation a { color: #fff; background: #737070; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }*/ .navigation .alignleft { float: left; } .navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; } .navigation .alignright { float: right; } .post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; } .pagenav { /*background: #e7e9ed;*/ padding: 8px 10px; float: left; width: 648px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; } .pagenav a { color: #989898; } .pagenav a:hover { color: #656161; text-decoration: none; } .pagenav .floatleft { background: url(images/prev.png) no-repeat left 5px; padding-left: 20px; } .pagenav .floatright { background: url(images/next.png) no-repeat right 5px; padding-right: 20px; } .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: 10px; } .alignleft { float: left; margin: 10px 15px 5px 0; } .alignright { float: right; margin: 10px 0 8px 20px; } .clear { clear: both; } .floatleft,.more_left { float: left; } .floatright { float: right; } .transpBlack { background: url(transpBlack.png); } .wp-caption { border: 1px solid #B6B6B6; text-align: center; background-color: #EFEFEF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding:4px 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; color:#000; } a { color: #d9241d; outline: none; text-decoration: none; } a img { border: none; } a:hover { text-decoration: underline; } h1 { font-size: 26px; } h2 { font-size: 22px; } .post h2 a { font-size: 20px!important;} h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } html { overflow-y: scroll; } p { font-size: 1.3em/1.3em; margin-bottom:8px;} #wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; } #wp-calendar td { text-align: center; } #wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; } #wp-calendar td a:hover { text-decoration: none; } #wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; } #wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; } a.more { font-weight:bold; color:#2a2828; font-size:14px; float:right; font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; padding-right:34px; /*background:url(images/moreb.png) no-repeat right 2px;*/} a.more:hover { /*background:url(images/morebh.png) no-repeat right 2px;*/ color:#972626; text-decoration:none; } li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a { padding-left:16px; text-transform:uppercase; font-size:10px; color:#a0a0a0; margin:0 5px 5px 0; display:inline; border:none; } li.date { background:url(images/date.png) no-repeat; } li.comments { background:url(images/comments.png) no-repeat; } li.category { background:url(images/category.png) no-repeat 0 2px; } ul.post-meta li.author { background:url(images/author.png) no-repeat; } ul.post-meta li a { border-bottom:none; color:#a0a0a0; } ul.post-meta li a:hover {/* border-bottom:1px dotted #feea11;*/ text-decoration:none; } ul.post-meta { margin:5px 0; } #panes ul.post-meta { margin:0; }/********************************************************************************************* 2. Page Structure ------------------------- All Theme Files background:url(images/bg.png);*********************************************************************************************/ /*body{ font-size:14px; line-height:1.6; background-color:#333333; font-family:Helvetica,Arial,sans-serif; background: url(images/bodyBg.jpg) no-repeat center 0px #000; background-attachment: fixed;}*/ #content-wrap {width:1000px;background:#f0f1f3;float:left;margin-bottom:20px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } #page-wrap { width: 1000px; margin: 0 auto; overflow: hidden; padding: 0px;} #content #fullwidth.post {width:965px;} /********************************************************************************************* 3. Header ------------------------- header.php*********************************************************************************************/ #topnav { /*background:#1d1b1b url(images/bgtop.png) repeat-x;*/ height:30px; overflow: hidden; } #nav-wrap { width:960px; margin:0 auto; } #nav-wrap ul { float:right; margin-top:1px; } #header {float:left;width: 1000px;background: #333;padding-top: 8px;} #logo { float:left; display: inline; margin-left: 15px; margin-top: 10px; width:50%; } #ad468 { float:right; margin-top:15px; } /********************************************************************************************* 4. Main Navigation ------------------------- header.php*********************************************************************************************/ #menu { background: #333; margin:12px 0 0 0; width:1000px; float:left; border-top: #2D2929 1px solid; border-bottom: #2D2929 1px solid; padding: 3px 0px; } #menu ul.dropdown { width:850px; float:left; padding:0 10px; } #menu #nav { width:850px; } #header #menu .social { float:right; width:80px; height:30px; margin-top:2px; margin-right:5px; text-align:right; } #header #menu .social li { width:32px; display:inline; } /********************************************************************************************* 5. Featured Slider ------------------------- featured.php*********************************************************************************************/ #feature { float:left; width:1000px; height:351px; position:relative; clear:both; background:#000; } #navi ul { margin:0 auto; width:390px; position:absolute; top:255px; left:590px; }#navi li { float:left; list-style-type:none; text-align:center; display:inline; margin-left:14px;}#navi a { color:#333333; display:block; position:relative; word-spacing:-2px; font-size:11px; text-decoration:none; opacity:0.5;} #navi a.current { opacity:1; } #navi a:hover { opacity:1; }#navi img { border:1px solid #000; margin:0 0 9px 0; display:block; width:60px; height:50px; }#navi strong { display:block; font-size:13px;}/* panes */#panes { height:345px; /* must be relative so the individual panes can be absolutely positioned */ position:relative; overflow:hidden;}/* crossfading effect needs absolute positioning from the elements */#panes div { display:none; position:absolute; font-size:13px; color:#ede9e9; line-height:1.5; text-shadow:1px 1px 0 #000; overflow:hidden; padding:20px; width:965px; } #panes p a {color:#fff;font-weight:bold;}#panes img { float:left; margin:5px 40px 0 5px; width:540px; height:285px; border:1px solid #000000; -webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0); -moz-box-shadow: 0 0 30px rgba(0,0,0,1.0); box-shadow: 0 0 30px rgba(0,0,0,1.1);}#panes a.more { color:#6e6666; font-weight:bold; }#panes a.more:hover {background:url(images/moreb.png) no-repeat right 2px;color:#948787;}#panes h2 {font-size:22px;padding:0;margin:0 0 5px 0;line-height:1.2;}#panes h2 a {color:#da241d;line-height:1.2; } #panes p {padding:5px 0 0 0;} /********************************************************************************************* 6. Featured Categories ------------------------- blocks.php*********************************************************************************************/ #blocks {float:left;width:1000px;clear:both;} .colart { width:250px; height:197px; float:left; background:#1d1a1a; } .colart:hover h3 { background:#2c2727; } .colart h3 { text-align:center; background:#141212; font-family:Helvetica; font-size:13px; padding:4px 0; text-shadow:1px 1px 0 #000; text-transform:uppercase; } .colart h3 a { color:#da241d; font-weight:bold; } .colart .entry { color:#feea11; padding:0px 0px 0px 44px; } .colart h2 { font-family:Helvetica; font-size:18px; color:#da241d; font-weight:bold; line-height:1.4; margin-bottom:5px; } .colart h2 a { color:#feea11; } #blocks .more { color:#da241d; font-size:16px; font-family:"Helvetica","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; padding-right:34px; background:url(images/) no-repeat right 4px; margin-top:7px; float:left; } #blocks a.more:hover, #blocks .colart:hover .more { background:url(images/morebh.png) no-repeat right 4px; color:#972626; text-decoration:none; } #twitter_carousel { float:left; font-size:13px; font-weight:bold; margin:20px 0 5px 5px; padding:12px 15px 0 130px; background:url(images/twitterbg.png) no-repeat; width:835px; font-family:Helvetica; color:#333333; overflow:hidden; height:43px; } /********************************************************************************************* 7. Homepage Articles ------------------------- index.php*********************************************************************************************/ #content { /*background:url(images/h3bg.png) repeat-x top center;*/ float:left; width:664px; margin:15px 15px 13px 10px; } h3.title { clear: both; color: #FFFFFF; /*float: left;*/ font-family: "Helvetica","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-size: 15px; font-weight: normal; line-height: 21px; margin-bottom: 10px; padding-right: 15px; text-transform: uppercase; } #content .post { float:left; clear:both; width:664px; background:url(images/line.png) repeat-x bottom center; padding:13px 0; } #content .sticky h2 a { background:url(images/sticky.png) no-repeat 0 5px; padding-left:20px; } .post h2, .post h1 { margin-bottom:3px; } .post h1 a { font-size:30px; line-height:1.2; } .post h2 a { font-size:24px; line-height:1.2; } h3.topcat { /*word-spacing:-5px;*/ font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform:uppercase; color:#2a2828; font-size:16px; font-weight:bold; clear:both; /*background:#f0f1f3;*/ padding-right:15px; /*float:left;*/ line-height:1.1; } h3.topcat a { color:#D9241D; } h3.topcat ul li { display:inline; /*float:left;*/ padding-right:10px; } .post .thumb img { float:left; border:4px solid #222222; margin:5px 10px 5px 0; } #single ul.post-meta { /*background:url(images/line.png) repeat-x bottom center;*/ padding-left:10px;padding-top:5px; padding-bottom:10px; margin-bottom:10px; } #content.single { background:url(images/h3bg.png) repeat-x center -5px; } #content.page { background:none; } #content.page .post { padding:0; background:none; } #content.single .post { padding:10px 0 20px 0; background:none; } #content .post a.more { float:right; clear:both; background:url(images/moreb.png) no-repeat right 5px; } #content .post a.more:hover { background:url(images/morebh.png) no-repeat right 5px; } .post .entry { line-height:1.8; } .post .entry ul { margin:0 0 20px; padding:0 0 0 30px; } .post .entry ul li { list-style-type:square; } .post .entry ol { margin:0 0 20px; padding:0 0 0 30px; } .post .entry ol li { list-style-type:decimal; } .post .entry a { font-weight:bold; } .post blockquote { border-left:3px solid #CCCCCC; color:#777777; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; font-style:italic; line-height:1.8em; margin:10px 20px 10px 30px; padding-left:10px; } blockquote, q { quotes:none; } .post .alignleft { float:left; margin:10px 15px 10px 0; } .post .alignright { float:right; margin:10px 0px 10px 15px; } .prevnext { float:left; clear:both; width:610px; margin-bottom:20px; } .prevnext .previous { float:left; } .prevnext .next { float:right; text-align:right; } .prevnext a { padding: 2px 5px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; display:block; } /********************************************************************************************* 8. Single Articles & Pages ------------------------- single.php, page.php*********************************************************************************************/ .share { clear:both; background:url(images/line.png) repeat-x bottom center; padding-bottom:20px; margin-bottom:10px; } .share h3, .prevnext h3 { font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform:uppercase; font-size:16px; font-weight:bold; color:#2a2828; margin-bottom:10px; } .share li { padding:0 0 3px 20px; display:inline; margin-right:15px; } .share li a { color:#333; font-size:10px; font-weight:bold; text-transform:uppercase; } li.facebook { background:url(images/fbk.png) no-repeat left; } li.twitter { background:url(images/twitter.png) no-repeat left; } li.delicious { background:url(images/delicious.png) no-repeat left; } li.digg { background:url(images/digg.png) no-repeat left; } li.stumble { background:url(images/stumble.png) no-repeat left; } .tag-links {background:url(images/tag.png) no-repeat left 2px;padding-left:20px;float:left;clear:both;} .nextpage {background:url(images/page.png) no-repeat left;padding-left:20px;float:left;clear:both;margin-bottom:5px;font-weight:bold;} /********************************************************************************************* 9. Comments ------------------------- comments.php*********************************************************************************************/ #comments, #respond { float: left; /*background: url(images/h3bg.png) repeat-x 2px -5px;*/ clear: both; margin: 15px 0; float: left; width: 610px; } #comments ul.children #respond { background: none; width: 95%; } #comments h3, #respond h3 { font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #fff; padding-right: 15px; line-height: 1; float: left; clear: both; margin-bottom: 15px; } #comments div.comments { margin: 0 0 10px 0; } #comments div.comments h2 { font-size: 18px; font-weight: normal; } #comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; } #comments ol.commentlist div.comment-content { margin-left: 95px; } #comments cite { font-style: normal; font-weight: normal; } #comments p.trackbackurl { font-size: 11px; } #comments p.trackbackurl span.url { font-weight: bold; padding: 1px; } #comments a.more-link { display: block; margin: 10px 0 0; } #comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; } #comments .comments { padding: 0px 0; clear: left; } #comments .comments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; background: url(images/line.png) repeat-x top center; float: left; width: 100%; } #comments .comments li ul li { padding: 10px 0 5px 0; } #comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; } #comments .comments li ul.children { margin-top: 10px; padding: 0; width: 95%; } #comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; } #comments .comments li ul li { border: none; } .comment-body { position: relative; } .comment-body p a { text-decoration: underline; } #comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 14px; } #comments blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; } #comments .comments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; } #comments .comments cite.fn a { color: #3B3232; } #comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; } #comments .comments div.gravatar img { margin: 0; } #comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; } #comments .comment-author { float: left; } #comments .comment-author img.avatar { float: left; } #comments .comment-meta { position: absolute; top: 20px; left: 60px; } #comments .comments div.comment-content { } .comments p, .comments li.author p { font-size: 11px; line-height: 20px; margin-left: 225px; margin-bottom:10px;} #comments .comments .avatar { float: left; margin: 0 10px 0 0; } #comments .comments span.says { display: none; } #comments .comments .children { margin: 0 0 0 0; } #comments .comments .commentmetadata a.comment-edit-link { background: none; } #comments .comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; } #comments .comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; } #comments .comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; } #comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; } #comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; } #comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; } #comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; } #comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; } #commentform { color: #6F6F6F; clear: both; } #commentform code { font-size: 11px; } #commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; } #commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; } #comments textarea, #commentform textarea { width: 580px; height: 160px; } #comments ul.children textarea, #commentform ul.children textarea { width: 450px; } #comments #submit, #commentform #submit { background: #000 url(images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 6px 15px 6px; color: #fff !important; font-size: 12px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; word-spacing: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #000; border: none; position: relative; cursor: pointer; overflow: visible; width: auto; cursor: hand; margin: 12px 0; } #comments #submit:hover, #commentform #submit:hover { background: #333; } #commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; } /********************************************************************************************* 10. Forms ------------------------- searchform.php*********************************************************************************************/ #respond input { background: #f5f6f9; border: 1px solid #b7bdc7; -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; margin:0 8px 5px 0;} #respond textarea { background: #f5f6f9; border: 1px solid #b7bdc7; -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; } #searchform #s { /*background: #f5f6f9; border: 1px solid #b7bdc7; */ color: #666; font-size:17px; padding: 5px; margin:0 5px 5px 0; } #sidebar #searchform {float:left; clear:both;} #submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC; font-size: 10px; font-weight:bold; padding: 5px; } input { padding:5px; } #searchsubmit { background:url(images/all-images.png) no-repeat 0 -87px; height:33px; margin:2px 0px 0 0; padding:0; font-size:0px; width:95px; border:none; cursor:pointer; float:left;} #searchsubmit:hover{ background:url(images/all-images.png) no-repeat -95px -87px; } /******************11. Sidebar & Widgets ------------------------- sidebar.php****************/ #sidebar { float:left; width:300px; margin:25px 0 0 5px; background:#e7e9ed; position:relative; } #sidebar h3 { font-size:26px; color:#4c677c; } #tabs {/* background:url(images/bgtabs.png);*/ padding:6px; float:left; clear:both; width:634px; margin-bottom:5px; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 31px; /*--Set height of tabs--*/ width: 100%; } ul.tabs li { float: left; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ background:#383838; margin: 0 2px -1px; line-height: 31px; /*--Vertically aligns the text within the tab--*/ border-left: none; overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color:#FFED11; display: block; font-size: 11px; text-transform:uppercase; font-weight:bold; padding: 0 8px; outline: none; cursor:pointer; } ul.tabs li a:hover { } html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background:#DA241D; color:#fff; } .tab_container { overflow: hidden; clear: both; float: left; background: #383838; padding:6px; width:623px; } .tab_content { padding:0 0; font-size: 12px;/* background: #f0f1f3; border:1px solid #d6cece;*/ } .tab_container #tab4 { padding:10px; font-family:Georgia; } #sidebar .widget { background:url(images/h3bg.png) repeat-x top center; clear:both; float:left; margin:0 0 10px 5px; padding-right:5px; width:284px; } #sidebar .widget h3 { font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform:uppercase; color:#2a2828; font-size:22px; font-weight:bold; clear:both; line-height:1; background:#e7e9ed; padding-right:15px; float:left; margin-bottom:10px; letter-spacing:-1px; word-spacing:3px; } #sidebar .widget div { margin:5px 0; padding:0 15px 10px 0; clear:both; } #sidebar .widget ul { clear:both; } #sidebar .widget ul li { list-style-type:square; padding:0; } #sidebar .widget ul ul { margin:0; padding:0 0 0 15px; } #sidebar .tab_container .recentcomments, #sidebar .tab_container .popular { color:#a3a0a0; font-size:11px; } #sidebar .tab_container .recentcomments li, #sidebar .tab_container .popular li { border-bottom:1px solid #ced7de; padding:5px 10px; clear:both; } #sidebar .tab_container .recentcomments li:last-child, #sidebar .tab_container .popular li:last-child { border-bottom:none; } #sidebar .tab_container .recentcomments a, #sidebar .tab_container .popular a { font-weight:bold; color:#3b3232; font-size:14px; display:block; } #sidebar .tab_container .recentcomments img { float: left; margin: 5px 8px 5px 0; width: 50px; } #sidebar .tab_container .popular li ul.post-meta li.comments { padding:0; text-align:right; } #sidebar .tab_container .popular li ul.post-meta li.comments a:hover { text-decoration:underline; } #sidebar #cat, #sidebar select { width:268px; } #sidebar #cat, #sidebar select { background:#F7F7F7; border:1px solid #cdcfd4; color:#333333; display:inline; font-family:Arial,Tahoma,Verdana; font-size:12px; padding:5px; line-height:1.5; margin:5px 0; clear:both; float:left; } ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float:left;} ul.gallery img:hover { border: 2px solid #0C2B41; } ul.gallery a { border: none; } ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border:none;} ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; } #sidebar .widget ul.gallery li { border: none; padding: 0 6px 8px 0; float:left; list-style-type:none; list-style-position:outside;} /********************************************************************************************* 12. Footer ------------------------- footer.php*********************************************************************************************/ #footer { float:left; background:#333 url(images/bgfooter.png) repeat-x top center; padding:10px 25px 15px 25px; width:950px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #infowidget { width:445px; float:left; text-align:center; } #infowidget span { color:#9a9a9a; font-size:14px; font-family:Helvetica; font-weight:bold; } #infowidget ul { width:100%; color:#716e6e; font-size:10px; font-weight:bold; text-transform:uppercase; } #infowidget li { padding:0 0 4px 23px; margin:0 15px 3px 0; width:40%; float:left; text-align:left; color:#D9241D; } #infowidget li a { color:#D9241D; font-size:10px; font-weight:bold; text-transform:uppercase; } #infowidget li.rss { background:url(images/feed.png) no-repeat left; } #infowidget li.phone { background:url(images/phone.png) no-repeat left; } #infowidget li.email { background:url(images/email.png) no-repeat left; } #footer_search { margin:20px 0 0 20px; height:40px; background:#555; border:1px solid #555; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:right; width:440px; padding:15px 15px 25px 25px; color:#9f9f9f; font-style:italic; font-weight:bold; } #footer_search #s { width:380px; background:#f0f2f4; border:1px solid #cbcfd2; } #footer .hr { clear:both; background:#222; border-bottom:1px solid #fff; height:1px; float:left; width:100%; margin:12px 0 7px 0; } #copyright { float:center; width:800px; font-size:10px; font-weight:bold; color:#6c6666; text-transform:uppercase; } #designed { float:right; width:145px; font-size:10px; font-weight:bold; color:#6c6666; text-transform:uppercase; } .m-banner { float:left; padding:10px 10px 15px 15px; } /*----addCss---*/.email-sub form { margin-top: 3px;} .email-sub small { line-height: 30px; display: block; } .widget{ clear:both; } .popup{ width:500px; height:auto; overflow:auto; background:#151515; }