/* 
Theme Name: Traction Review Theme
Theme URI: 
Description: Traction Review Theme
Version: 1.0
Author: Brian Cummiskey
Author URI: http://www.skeymedia.com
*/

/* Various elements */

body {
	background-color: #fff;
	margin: 10px 0;
	font: 72% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

div {
	margin: 0;
	padding: 0;
}

p {
	font-size: 1.1em;
}

a {
 	color: #467AA7;
	font-weight: bold;
}

a:hover {
	color: #2a5a8a;
}

code {
	font-size: 1.1em;
	display: block;
	font-family: "Courier New", Courier, monospace;
	background-color: #ffffcc;
	padding: 5px;
	margin: 10px;
	border: 1px solid #959595;
}

blockquote {
	background: url(images/quote.gif) left no-repeat;
	margin: 0;
	padding: 0 40px 0 40px;
	text-align: justify;
	font-size: 0.9em;
}

/* Main wrapper */

#wrap {
	width: 97%;
	margin:  0 auto;
	border: 1px solid #969696;
}

/* Masthead --- top of header */

#masthead {
	background: url(images/headerback.gif) repeat-x top left;
	height: 120px;
	margin: 0;
	padding: 0;
}



#masthead div.left-masthead {
        background: url(images/header.gif) no-repeat top left;
	height: 120px;
margin: 0;
padding: 0;
}


#masthead h1 { 
margin: 0;
       padding: 60px 0 0 220px;
font-family: "Georgia", arial, sans-serif;
}

#masthead h1 a { text-decoration: none; color: #5f5e61; font-size: 20px;}

#masthead p { 
margin: 0;
       padding: 3px 0 0 220px;
font-weight: bold;
}



/* Middle header image and text */

#header {
        background: #333;
        height: 2px;
	margin: 0;
	padding: 0;
	color: #EAEFF7;
}

/* Horizontal navigation menu */

#navigation {
	clear: both;
	background: url(images/bg_head_bottom_nav.jpg) repeat-x top left;
	height: 40px;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	margin: 0px;
	height: 40px;
	float: left;
	list-style: none;
	border-right: 1px solid #AFAFAF;
}

#navigation li a {
	font-family:"trebuchet ms",arial,sans-serif;
	display: block;
	padding: 11px 14px 11px 14px;
	color: #7d7d7d;
	font-weight: bold;
	font-size: 1.105em;
	text-decoration: none;
}

#navigation li a:hover {
	background-color: #d2d2d2;
	color: #000;
}

/* Breadcrumbs and search bar */

#crumb-search {
	background: #efefef;
	height: 40px;
	margin: 0;
	padding: 0;
}

/* Breadcrumbs */

#breadcrumb {
	float: left;
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	color: #7D7D7D;
	font-weight: bold;
	font-size: 0.9em;
	width:700px;
}

#breadcrumb a {
	background: url(images/bg_bullet_arrow.gif) left no-repeat;
	padding: 0 2px 0 10px;
	text-decoration: none;
	color: #467AA7;
}

#breadcrumb a:hover {
	color: #2a5a8a;
	text-decoration: underline;
}

/* Search form */

#searchbar {
text-align: right;
	margin: 0;
	padding: 0;
}

#searchbar fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#searchform {
	padding: 10px 15px 0 0;
	color: #000;
}

#searchbox {
	border: 1px solid #BEBEBE;
	height: 17px;
	width: 120px;
}

#searchbutton {
	background-color: #E6E6E6;
	border: 1px solid #BEBEBE;
	color: #808080;
	padding:0;
	font-size: 1em;
	height: 20px;
	width: 35px;
	text-align: center;
	cursor: pointer;
}

#searchbutton:hover {
	background-color: #dcdcdc;
	color: #404040;
	border: 1px solid #404040;
}





/* Main content area */


#content .post, #content .page {
	margin: 0;
	padding: 0 15px 10px 15px;
}

#content h2 {
	font-size: 1.8em;
	font-family:"trebuchet ms",arial,sans-serif;
        background: url(images/bg_corner_topright.gif) #7698be no-repeat top right;
	/*margin: 0 -1px 0 0;*/
        padding: 2px 25px 2px 25px;
	border-bottom: 7px solid #333;
	color: #333;
}

#content h2 a {
	color: #fff;
	text-decoration: none;
}

#content h2 a:hover {
	color: #444;
	text-decoration: none;
}

#content h2.pagetitle {
	border-bottom: none;
	background: #5a6b7c url(images/bg_corner_topright.gif) top right no-repeat;
	font-family:"trebuchet ms",arial,sans-serif;
	color: #fff;
	margin: 0 10px 20px 15px;
	padding: 3px 5px;
	font-size: 1.3em;
}

h1.center { font-size: 1.8em; }

#content .entry h1 {
	font-size: 1.9em;
	color: #646464;
}

#content .entry h2 {
	font-size: 1.8em;
	color: #646464;
	border-bottom: none;
}

#content .entry h3 {
	font-size: 1.5em;
	color: #646464;
}

#content .entry h4 {
	font-size: 1.1em;
	color: #646464;
}

#content a {
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content p {
	font-size: 1.1em;
}

#content p.prefix {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#content p.suffix {
	font-size: 0.9em;
	background: #E1E1E1 url(images/bg_corner_topright.gif) top right no-repeat;
	color: #000;
	padding: 5px;
	font-weight: normal;
	line-height: 16px;
	clear: both;
}

#content p.suffix a {
	color: #467AA7;
	text-decoration: none;
}

#content p.suffix a:hover {
	color: #2a5a8a;
	text-decoration: underline;
}

#content p.edit {
	margin: 0;
	padding: 0;
	font-size: 0.9em; 
}

#content ul, #content ol {
	padding: 6px 0 6px 30px;
	margin: 0 0 0 30px;
}

#content li {
	font-size: 1.05em;
	padding: 2px 0 2px 0;
}

#content ul li {
	list-style: square url(images/bg_bullet_full_2.gif);
}

.navigation, .bottomnavigation {
	height: 15px;
}

.navigation .alignleft, .bottomnavigation .alignleft {
	float: left	
}

.navigation .alignright, .bottomnavigation .alignright {
	float: right;
}

.entry {
	overflow: hidden;
}

.entry a {
	overflow: hidden;
}

.entry img {
	overflow: hidden;
}

/* Monsterous hack to get IE6 to cut off an image bigger than the post area */

* html .entry p {
	width: 99%;
	overflow: hidden;
}


/* Sidebars */

/* Colour of right sidbar menu header */
#right-sidebar h2 {
	background-color: #7698be;
}

/* Colour of right sidebar menu body */
#right-sidebar ul ul, #right-sidebar li, #right-sidebar li li, #right-sidebar li li li {
	background-color: #d4dde4;
}

/* Colour of left sidebar menu header */
#sidebar h2.pages, #sidebar li h2 {
	background-color: #7698be;	
        border-bottom: 3px solid #333;
/*	background: url(images/pageh2bg.gif) #efefef repeat-x top left; */
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	list-style: none;
}


#sidebar h2.pages {
	color: #fff;
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 -1px 10px 0;
	padding: 5px 0 5px 20px;
}

#sidebar li h2 {
	background-image: none;
	color: #fff;
	font-size: 1.2em;
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 20px;
}

#sidebar a {
	font-size: 1.1em;
	color: #467AA7;
	font-weight: bold;
	text-decoration: none;
}


#sidebar li li {
	padding: 0;
	margin: 0 0 0 20px;
}

#sidebar  li li a {
	background: url(images/bg_bullet_full_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}

#sidebar li li a:hover {
	background: url(images/bg_bullet_full_2.gif) no-repeat left;
	color: #2a5a8a;
	text-decoration: underline;
}

#sidebar li li li {
	padding: 0;
	margin: 0 0 0 10px;	
}

#sidebar li li li a {
	background: url(images/bg_bullet_half_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}

#sidebar li li li a:hover {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	color: #2a5a8a;
	text-decoration: underline;
}

#sidebar li.recentcomments {
	padding: 2px 0 2px 0;
	margin: 0 10px 0 10px;
	font-size: 1em;
	border-bottom: 1px solid #BEBEBE;
}

#sidebar li.recentcomments a {
	font-size: 1em;
	background-image: none;
}

#sidebar li#recentposts ul li.recentposts a {
	padding: 0;
	margin: 0;
	background-image: none;
	font-size: 0.95em;
} 

#sidebar li#recentposts ul li.recentposts {
	border-bottom: 1px solid #BEBEBE;
	margin: 0 10px 0 10px;
	padding: 2px 0 2px 0;
}

#sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
	margin: 0;
}

#sidebar div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}

#sidebar div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 0 0 0 15px;
}

#sidebar #wp-calendar {
	text-align: center;
}

#sidebar #wp-calendar a {
	text-decoration: none;
}

#sidebar td {
	font-size: 0.9em;
	border: 1px solid #BEBEBE;
	padding: 3px;
	background-color: #ffffff;
}

#sidebar td.pad {
	border: none;
	background: transparent;
}

#sidebar td#prev, #sidebar td#next {
	border: none;	
	background: transparent;
}

#sidebar #today {
	background-color: #ffff99;
}

/* Right sidebar */

#right-sidebar {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}

#right-sidebar ul {
	list-style: none;
	width: 186px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}

#right-sidebar ul ul {
	margin: 0;
	padding: 0;
}

#right-sidebar span {
	background: url(images/bg_corner_topleft.gif) top left no-repeat;
	padding: 5px 5px 5px 10px;
}

#right-sidebar h2 {
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 0 5px 0;
	margin: 0 0 7px 0;
	font-size: 1.2em;
	color: #fff;
}

/* Change spacing below right hand menus */
#right-sidebar li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

#right-sidebar li li {
	background-image: none;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: none;
}

#right-sidebar li li li {
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: none;

}

#right-sidebar a {
	line-height: 16px;
	text-decoration: none;
}

#right-sidebar li li a {
	background: url(images/bg_bullet_full_2.gif) left no-repeat;
	padding-left: 12px;
}

#right-sidebar li li li a {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	padding-left: 12px;
}

#right-sidebar a:hover {
	text-decoration: underline;
}

#right-sidebar li.recentcomments {
	padding: 2px 10px 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #89AAD6; 
}

#right-sidebar li.recentcomments a {
	background-image: none;
}

#right-sidebar li.recentposts {
	padding: 2px 0 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #89AAD6; 
}

#right-sidebar li.recentposts a {
	margin: 0;
	padding: 0;
	background-image: none;
}

#right-sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
}

#right-sidebar div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}

#right-sidebar div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 5px 5px 0 7px;
}

#right-sidebar #wp-calendar {
	text-align: center;
}

#right-sidebar #wp-calendar a {
	text-decoration: none;
}

#right-sidebar td {
	font-size: 0.9em;
	border: 1px solid #89AAD6;
	padding: 3px;
	background-color: #ffffff;
}

#right-sidebar td.pad {
	border: none;
	background: transparent;
}

#right-sidebar td#prev, td#next {
	border: none;	
	background: transparent;
}

#right-sidebar #today {
	background-color: #ffff99;
}

/* Footer */

#footer {
	clear: both;
	background: url(images/bg_foot.jpg) repeat-x top left;
        height: 40px;
	text-align: left;
        padding-left: 5px;
}

#footer p {
	padding: 10px 0 2px 0;
	color: #7d7d7d;
	font-size: 0.9em;
}

#footer a {
	text-decoration: underline;
	color: #7d7d7d;
}

#footer a:hover {
	text-decoration: none;
	color: #000;
}

/* Comment form */

#commentwrap {
	/*background-color: #F0F0F0;
	border: 1px solid #DCDCDC;
	padding: 0 10px 10px 10px;
	margin: 0 5px 10px 5px;*/
}

#commentform {
	margin: 0;
	padding: 10px;
	border: 1px solid #DCDCDC;
}

#author {
	border: 1px solid #DCDCDC;
	height: 17px;
	width: 190px;
}

#email {
	border: 1px solid #DCDCDC;
	height: 17px;
	width: 190px;
}

#url {
	border: 1px solid #DCDCDC;	
	height: 17px;
	width: 190px;
}

#comment {
	width: 405px;
	border: 1px solid #DCDCDC;
}

#submit {
	background-color: #E6E6E6;
	border: 1px solid #BEBEBE;
	color: #808080;
	padding:0;
	font-size: 1em;
	height: 30px;
	width: 405px;
	text-align: center;
	cursor: pointer;	
}

#submit:hover {
	background-color: #dcdcdc;
	color: #404040;
	border: 1px solid #404040;
}

/* Comments display */

#content ol.commentlist {
	padding: 0 0px 0 0px;
	margin: 0 15px 10px 30px;
}

#content ol.commentlist li {
	background: #ffff99 url(images/bg_corner_topright.gif) no-repeat top right;
	margin: 5px 0 5px 0;
	padding: 10px;
}

#content ol.commentlist li.alt {
	background: #d4dde4 url(images/bg_corner_topright.gif) top right no-repeat;
}

/* Images */

img.left {
	float: left;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 1px solid #E6E6E6;
}

img.right {
	float: right;
	margin: 5px 0 0 5px;
	padding: 5px;
	border: 1px solid #E6E6E6;
}

.entry img.wp-smiley {
	border: none;
	margin: 0;
	padding: 0;
}

.entry img {
	margin: 5px;
	padding: 5px;	
	border: 1px solid #E6E6E6;
}

.entry a img {
	border: 1px solid #E6E6E6;
}

.entry a:hover img {
	border: 1px solid #515151;
}

/* Various styles */

.strong {
	font-weight: bold;
	font-size: 1.1em;
}

div.row { clear: both; margin: 0 0 10px 0; padding: 0;}
div.row input { display: inline; border: 1px solid#333; margin: 0; padding: 0; }
div.row label { margin:0; padding: 0; }




#tr_contentwrapper {  float: right; text-align: left; width: 79%;}
#content {  width: 99%; background: #fff; }

#sidebar {
	float: left;
	width: 20%;
	padding: 0 0 10px 0;
	margin: 0;
background: #f3f4f5;
font-size: .9em;
border-right: 1px solid #dedede;
}

#footer { clear: both; }
#footer a img { border: none; }
#tr_wrapper { clear: both; background: #f3f4f5; }

p.userratings { font-size: 1.3em; text-align: center;  font-weight: bold; }

p.loginheader { text-align: center; font-size: 1.4em; }

div.navigation { margin-bottom: 14px; }

#posttags { float: right; padding: 5px; border: 1px solid #dedede; }
#posttags h4 { margin: 0; padding: 3px; font-size: 1em; font-weight: bold; }

#posttags ul { list-style: square; margin: 0; padding: 0 5px 0 18px; }
#posttags li { margin: 0; padding: 0 0 5px 2px; }
#posttags li a { padding: 0; margin: 0; }

div.iad {float: left; padding: 5px; }

.ratingsjump {text-align: left; padding: 2px; }
.ratingsjump ul { list-style: none; margin: 0; padding: 0 5px 0 1px; }
.ratingsjump li { margin: 0; padding: 0 0 5px 2px; }
.ratingsjump li a { padding: 0; margin: 0; }

div.acc { margin-left: -99999px; }


ul#sidebarads a {
	background: #fff !important;
	padding-left: 10px;
	line-height: 20px;
}

ul#sidebarads a:hover {
	background: #fff !important;
}


.ainline { float: right; padding: 0 0 5px 5px; margin: 0;}
.ainline p {  margin: 0; padding: 0 0 5px 0; }
.pinline { }

.auctionads { text-align: center; margin: 2px auto;}

.hpga { margin-left: 40px; }
.lhpga { float: left; padding: 0 50px 0 0;}

h3 { font-size: 1.3em; }


#ifyoulikedthat { clear: both; margin: 3px 0 10px 0; }

#maincats li a { font-size: 1.3em; color: #333; }
#maincats ul.children li a { font-size: 1.1em; color: #467AA7;
	font-weight: bold;}

em.hp { font-size: .8em;}

#inad { float: left; padding: 0 5px 5px 0; }

h3.clearad { clear: left; }
h3.rev { margin: 0; padding: 5px; background: #f3f4f5; color: #555; letter-spacing: 3px;}

#sidebarad { text-align: center;  margin: 0 auto; }

.inlinead { margin: 0; padding: 0 0 2px 0;}

#btmad { margin: 0 auto 0 auto; text-align: center; padding: 2px 0 0 0; }


 dl.table-display
{
width: 35.1em;
margin: 2em 0;
padding: 0;
}

.table-display dt
{
width: 12em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 20em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

#utqg { 
border-collapse: collapse;
padding: 3px;
margin: 0;
border: 1px solid #ddd;
}
#utqg th, #utqg td { 
padding: 5px; 
border-collapse: collapse;
margin: 0;
border: 1px solid #ddd;
}
#utqg th { 
text-align: center; 
}

p.syn { font-size: 8px; }

/*#reviews ul { background: url(/wp-content/themes/tr_theme/images/listbg.gif) no-repeat bottom right; }

#articles { float: left;  width: 336px; margin: 0; }
#news { float: left;  width: 336px; margin: 0 0 0 20px; }
*/



#srtbl { border: 1px solid #666; border-collapse: collapse; margin: 0 auto 0 auto; padding: 0; font-size: .9em;}
#srtbl td, #srtbl th { border: 1px solid #666;  padding: .3em; margin: 0; }
#srtbl th { text-align: center; background: #555; color: #fff; }