/*
Theme Name: Tronic
Theme URI: http://www.themetraffic.com/2010/02/24/tronic-free-wordpress-theme/
Description: Licensed under the <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons (by-nc-nd) 3.0 License</a>.  Attribution links must remain in footer.
Version: v1.0 [281+]
Author: Theme Traffic
Author URI: http://www.themetraffic.com/
Tags: Grey, Gray, Red, Orange, Green, Blue, Purple, Custom Colors, Custom Header, Theme Options, Two Columns, Right Sidebar, Fixed Width, Widget Ready
*/

html{
background: #313131 url(images/html.gif) repeat;
}
body, div, h1, h2, h3, h4, h5, h6, blockquote, p, ul, ol, form, span, table, input, textarea, select, legend{
margin: 0;
padding: 0;
}
body{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 13px;
color: #333;
}
input, textarea, select{
color: #333;
}
:focus{
outline: 0;
}
hr{
display: none;
}
dl, dt, dd{
margin-left: 0;
padding-left: 0;
}
a{
outline: none; 
overflow: hidden;
font-weight: normal;
text-decoration: underline;
color: 	#B30000;
}
a:hover{
text-decoration: none;
}
.clear{
margin: 0; 
padding: 0; 
clear: both; 
height: 0;
}
#outerBox{
margin: 10px auto 0 auto;
width: 970px;
}
/**
*
* Top Box
*
*/
#topBox{
width: 970px;
height: 170px;
}
#topBoxMid, #topBoxMidBlue{
background-image: url(images/tronicBlue.gif);
}
#topBoxMidRed{
background-image: url(images/tronicRed.gif);
}
#topBoxMidOrange{
background-image: url(images/tronicOrange.gif);
}
#topBoxMidGreen{
background-image: url(images/tronicGreen.gif);
}
#topBoxMidPurple{
background-image: url(images/tronicPurple.gif);
}
#topBoxMidGrey{
background-image: url(images/tronicGrey.gif);
}
#topBoxMidTronic{
background-image: url(images/tronic.gif);
}
#topBoxMid, #topBoxMidBlue, #topBoxMidRed, #topBoxMidOrange, #topBoxMidGreen, #topBoxMidPurple, #topBoxMidGrey, #topBoxMidTronic{
width: 970px;
height: 135px;
background-position: 4px 3px;
background-repeat: no-repeat;
overflow: hidden;
}
#topBoxMid h1, #topBoxMidBlue h1,
#topBoxMidRed h1, #topBoxMidOrange h1,
#topBoxMidGreen h1, #topBoxMidPurple h1,
#topBoxMidGrey h1, #topBoxMidTronic h1{
width: 970px;
height: 135px;
position: relative;
font-size: 48px;
line-height: 135px;
text-align: center;
overflow: hidden;
}
#topBoxMid h1 a, #topBoxMidBlue h1 a,
#topBoxMidRed h1 a, #topBoxMidOrange h1 a,
#topBoxMidGreen h1 a, #topBoxMidPurple h1 a,
#topBoxMidGrey h1 a, #topBoxMidTronic h1 a{
text-decoration: none;
color: #4d4b4b;
}
#topBoxMid h1 a:hover, #topBoxMidBlue h1 a:hover,
#topBoxMidRed h1 a:hover, #topBoxMidOrange h1 a:hover,
#topBoxMidGreen h1 a:hover, #topBoxMidPurple h1 a:hover,
#topBoxMidGrey h1 a:hover, #topBoxMidTronic h1 a:hover{
text-decoration: underline;
}
#topBoxMid h1 span, #topBoxMidBlue h1 span,
#topBoxMidRed h1 span, #topBoxMidOrange h1 span,
#topBoxMidGreen h1 span, #topBoxMidPurple h1 span,
#topBoxMidGrey h1 span, #topBoxMidTronic h1 span{
width: 970px;
height: 135px;
display:block;
position: absolute;
background: url(images/topBoxComp.png) no-repeat;
background-position: 0 0;
top: 0;
left: 0;
}
.description{
color: #fff;
display: none;
}
#container{
width: 970px;
float: left;
background: url(images/container.gif) top right repeat-y;
}
#containerBot{
width: 970px;
height: 10px;
float: left;
background: url(images/containerBot.gif) bottom right no-repeat;
}
/**
*
* MENU
*
*/
#outerMenu{
background: url(images/topBoxComp.png) no-repeat;
background-position: 0 -135px;
width: 970px;
float: left;
height: 35px;
}
#menu{
width: 970px;
float: left;
height: 35px;
overflow: hidden;
}
ul.button{
margin: 0 0 0 5px;
list-style: none;
float: left;
clear: left;
}
ul.button li.page_item, ul.button li.cat-item{
float: left;
}
ul.button li.page_item a, ul.button li.cat-item a{
float: left;
text-decoration: none;
color: #858585;
height: 35px;
line-height: 35px;
padding: 0 12px 0 10px;
font-weight: bold;
margin-right: 1px;
background: url(images/menuA.gif) top right no-repeat;
}
ul.button li.page_item a:hover, ul.button li.cat-item a:hover{
color: #f1f1f1;
}
ul.button li.page_item a:hover span{}
ul.button li.current_page_item a, ul.button li.current-cat a {
color: #f1f1f1;
}
ul.button li.current_page_item a span{}
/**
*
* Posts
*
*/
#contentOuter{
background: url(images/contentOuter.gif) top left repeat-y;
width: 667px;
float: left;
}
#content{
background: url(images/topBoxComp.png) no-repeat;
background-position: 0 -170px;
width: 667px;
float: left;
}
#contentBot{
padding-top: 19px;
width: 667px;
background: url(images/botComp.gif) no-repeat;
background-position: 646px bottom;
float: left;
}
.post{
margin: 0 0 10px 0;
padding-top: 0;
padding-left: 11px;
width: 643px;
float: left;
}
.postInner{
width: 643px;
padding-top: 10px;
float: left;
background-color: #f1f1f1;
}
.postInnerContent{
width: 620px;
margin-left: 12px;
}
.postBot, .postBotBlue, .postHeader, .postHeaderBlue {
background: url(images/postCompBlue.gif) no-repeat;
}
.postBotRed, .postHeaderRed{
background: url(images/postCompRed.gif) no-repeat;
}
.postBotOrange, .postHeaderOrange{
background: url(images/postCompOrange.gif) no-repeat;
}
.postBotGreen, .postHeaderGreen{
background: url(images/postCompGreen.gif) no-repeat;
}
.postBotPurple, .postHeaderPurple{
background: url(images/postCompPurple.gif) no-repeat;
}
.postBotGrey, .postHeaderGrey{
background: url(images/postCompGrey.gif) no-repeat;
}
.postBot, .postBotBlue, .postBotRed, .postBotOrange, .postBotGreen, .postBotPurple, .postBotGrey{
background-position: left bottom;
width: 643px;
padding-bottom: 13px;
float: left;
}
/**
*
* Post and Page H2
*
*/
.postHeader, .postHeaderBlue, .postHeaderRed, .postHeaderOrange, .postHeaderGreen, .postHeaderPurple, .postHeaderGrey{
background-position: left top;
background-color: #e2e2e2;
width: 643px;
float: left;
height: 49px;
overflow: hidden;
}
.postHeader H2, .postHeaderBlue H2, .postHeaderRed H2, .postHeaderOrange H2, .postHeaderGreen H2, .postHeaderPurple H2, .postHeaderGrey H2{
white-space: nowrap;
overflow: hidden;
height: 49px;
line-height: 49px;
font-size: 24px;
padding-left: 17px;
width: 573px;
overflow: hidden;
}
/**
*
* Post Date
*
*/
.postHeaderDate{
width: 46px;
height: 39px;
padding-top: 10px;
text-align: center;
float: left;
color: #f1f1f1;
}
.postHeaderDate .day{
display: block;
font-size: 16px;
line-height: 16px;
font-weight: bold;
letter-spacing: -1px;
margin-top: 1px;
}
.postHeaderDate .month{
display: block;
font-size: 9px;
line-height: 9px;
text-transform: uppercase;
}
/**
*
* Pages
*
*/
#pager{
background-position: 0 -49px;
}
#pager .postHeaderDate{
width: 12px;
}
/**
*
* Post Categories and Tags
*
*/
.post .categories{
line-height: 26px;
width: 100%;
border-top: 1px #E2E2E2 solid;
border-bottom: 1px #E2E2E2 solid;
float: left;
margin-bottom: 0;
font-size: 11px;
}
span.catSpan{
float:left;
}
.post .categories a{}
.post .categories a:hover{
text-decoration: none;
}
/**
*
* Post Elements
*
*/
.post h1, .post h2, .post h3{
margin-bottom: 10px;	
}
.post h4, .post h5, .post h6{
font-size: 12px;
margin-bottom: 10px;
}
.post div{
clear: both;
}
.post p{
margin-bottom: 10px;
}
.post ul, .post ol{
list-style-position: inside;
margin: 0 0 10px 10px;
}
.post ul{
list-style-type: disc;
}
.post blockquote, .post pre{
padding: 4px 4px 0 4px;
background-color: #E2E2E2;
margin-bottom: 10px;
}
.post pre{
padding-bottom: 10px;
}
/**
*
* Post Form Elements
*
*/
.post fieldset{
border: none;
margin: 0;
padding: 0;
}
.post legend{
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
.post input{
padding:3px;
margin-bottom:10px;
}
/* class="text_field" and class="password" */
.post .text_field, .post .password{
border: none;
background-color: #E2E2E2;
width: 250px;
}
.post textarea{
border: none;
background-color: #E2E2E2;
width:610px;
height:100px;
padding:5px;
overflow: auto;
}
.post select{
padding: 4px;
overflow: auto;
border: none;
background-color: #E2E2E2;
margin-bottom: 10px;
width: 250px;
}
.post label{
font-weight: bold;
display: block;
margin-bottom: 10px;
}
/* class="file_upload" */
.post .file_upload{
display: block;
}
.post .button{
color: #000;
}
/**
*
* Post Comments
*
*/
.comments_template {
padding-top: 10px;
}
.comments_template label{
display: block;
width: 250px;
text-align:left;
margin: 0;
padding-bottom: 5px;
}
.comments_template p{
padding-top: 7px;
}
.comments_template p.nocomments{
padding: 0;
}
ol.commentlist{
margin:0;
padding:0;
}
.commentlist li{
list-style:none;
padding: 10px 10px 5px 10px;
margin-bottom: 10px;
}
.item{
border: 1px #E2E2E2 solid;
}
.altitem{
background-color: #E2E2E2;
border: none;
}
.commentlist cite{
display:block;
height: 44px;
}	
.commentlist cite img{
padding:1px;
border:1px solid #9E9EA0;
float:left;
margin-right:9px;
}
.commentlist .author, .commentlist .time{
line-height: 20px;	
}
/**
*
* Post Table
*
*/
.post table{
border-bottom: 1px #333 solid;
border-left: 1px #333 solid;
margin-bottom: 10px;
}
.post table th{
background-color: #E2E2E2;
}
.post table td, .post table th{
text-align: left;
padding: 3px;
border-top: 1px #333 solid;
border-right: 1px #333 solid;
}
.post table td img{
border: none;
}
.post table td a{
padding:0px;
}
/* class="odd" */
.post table tr.odd{
background-color: #E2E2E2;
}
/**
*
* Post Images
*
*/
.aligncenter,
div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.alignleft{
float: left;
margin-right: 10px;
}
.alignright{
float: right;
margin-left: 10px;
}
.wp-caption{
text-align: center;
background-color: #E2E2E2;
padding-top: 4px;
margin-bottom: 5px;
}
.wp-caption img{
margin: 0;
padding: 0;
border: none;
}
.wp-caption p.wp-caption-text{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/**
*
* Navigation
*
*/
.navigation, .wp-pagenavi{
padding: 5px 0 15px 0;
text-align: center;
width: 667px;
}
.navigation a, .navigation a:visited, .wp-pagenavi a, .wp-pagenavi a:visited{
padding: 2px 6px; 
margin: 2px;
text-decoration: none;
color: #f1f1f1;
background-color: #505050;
border: 1px #363636 solid;
border-bottom-width: 2px;
}
.navigation a:hover, .wp-pagenavi a:hover{
color: #999;
background-color: #404040;
border: 1px #363636 solid;
}
/**
*
* Page and Single Navigation
*
*/
a.more-link{
text-decoration: none;
}
.readMoreNav{
float: right;
}
.readMoreNav a, .readMoreNav a:visited{
padding: 2px 6px; 
text-decoration: none;
background-color: #fff;
border: 1px #e2e2e2 solid;
}
.readMoreNav a:hover{
background-color: #fafafa;
}
/**
*
* Sidebar
*
*/
#sidebar{
background: #363636 url(images/sidebar.gif) top left repeat-y;
width: 303px;
float: right;
}
#sidebar, #sidebar select, #sidebar a{
color: #f1f1f1;
}
#sidebarTop{
background: url(images/topBoxComp.png) no-repeat;
background-position: -667px -170px;
padding: 10px 0 7px 0;
width: 303px;
float: right;
}
#sidebarContent{
width: 280px;
float: right;
}
#sidebarBot{
background: url(images/botComp.gif) no-repeat;
background-position: -21px bottom;
width: 303px;
float: left;
}
#sidebar .widget{
clear: both;
}
.outerWidget{
width: 280px;
}
.innerWidget{
width: 267px;
margin: 0 auto;
}
.sBar{}
.sBar ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.sBar li{
padding: 4px 4px 4px 19px;
margin-bottom: 2px;
background: url(images/widgetBullet-2.gif) left no-repeat;
}
.sBar li ul{
padding-left: 20px;
}
.sBar .widget{
width: 267px;
}
/* All headers in sidebar and footer */
.sBar .widget h2{
background: url(images/h2.gif) top left no-repeat;
text-align: left;
padding: 0 0 0 10px;
width: 270px;
height: 58px;
line-height: 58px;
font-weight: bold;
font-size: 16px;
overflow: hidden;
}
.sBar h2 a{
font-weight: bold;
text-decoration: none;
}
.sBar h2 img{
display: none;
}
.sBar select, .widget_archive select, .widget_categories select{
font-size: 14px;
line-height: 20px;
background: none;
border: none;
width: 260px;
padding: 4px;
background-color: #363636;
}
.post select{
padding: 4px;
overflow: auto;
border: none;
background-color: #E2E2E2;
margin-bottom: 10px;
width: 250px;
}
/**
*
*	Recent Categories
*
*/
.sBar .widget_categories li{
background-image: none;
padding: 4px;
}
.sBar .widget_categories li a{
padding-left: 15px;
background: url(images/widgetBullet-1.gif) left no-repeat;
}
/**
*
* Search
*
*/
.widget_search .innerWidget{
background: url(images/widgetSearch.gif) top left no-repeat;
width: 269px;
height: 32px;
}
.s{
margin-top: 4px;
margin-left: 10px;
background:transparent none repeat scroll 0 0;
float: left;
width: 212px;
font-size: 14px;
line-height: 20px;
border: none;
padding: 3px 0;
color: #E2E2E2;
}
input.searchsubmit{
border: none;
height: 32px;
width: 32px;
margin-left: 10px;
float: left;
color: #363636;
background: none;
cursor: help;
}
/**
*
* Calendar
*
*/
.sBar table#wp-calendar{
width: 263px;
}
.sBar table#wp-calendar caption{
width: 263px;
text-align: left;
padding: 3px 2px;
border-bottom: 1px #595959 solid;
}
table#wp-calendar td, table#wp-calendar th{
height: 24px;
text-align: center;
}
table#wp-calendar td.pad, table#wp-calendar tfoot td{
background: none;
border: none;
}
table#wp-calendar a{
font-weight: bold;
}
table#wp-calendar #today{
font-weight: bold;
border-top: 1px #595959 solid;
border-bottom: 1px #595959 solid;
}
/**
*
* Tag Cloud
*
*/
.widget_tag_cloud div{
}
.widget_tag_cloud a{
padding: 0 3px 5px 0;
white-space: nowrap;
vertical-align: super;
}
.widget_tag_cloud a:hover{
text-decoration: none;
}
/**
*
*	RSS
*
*/
.widget_rss li{
background-image: none;
padding: 4px 4px 4px 0;
}
.widget_rss li a{
padding-left: 15px;
background: url(images/widgetBullet-1.gif) left no-repeat;
display: block;
}
.rss-date, .widget_rss cite{
margin-top: 5px;
padding: 0 2px;
border-top: 1px #595959 solid;
border-bottom: 1px #595959 solid;
display: block;
}
.rssSummary{
margin-top: 5px;
padding: 0 2px;
}
/**
*
*	Meta
*
*/
.sBar abbr{
border: none;
}
/*
Stylesheet for the WP125 ad management plugin
URL: http://www.webmaster-source.com/wp125-ad-plugin-wordpress/
*/
#wp125 .outerWidget{
float: left;
padding-left: 5px;
width: 275px;
}
#wp125 .innerWidget{
float: left;
}
#wp125 .widgetBottom{
float: left;
}
/* Styles for one-column display */
#wp125adwrap_1c{
width:100%;
text-align: center;
}
#wp125adwrap_1c .wp125ad{
margin-bottom:10px;
}
#wp125adwrap_1c .wp125ad img{
border:none;
}
/* Styles for two-column display */
#wp125adwrap_2c{
width:100%;
}
#wp125adwrap_2c .wp125ad{
width:125px;
float:left;
padding: 4px;
}
#wp125adwrap_2c .wp125ad img{
border:none;
}

h2 a{
color:black;
}


.catSpan a{
color:black;
}

.readMoreNav a{
color:black;
}

.comments_template a{
color:black;
}