/*

Theme Name: True Up 2010

Theme URI: http://www.idano.net

Description: A custom theme for the trueup.net website

Version: 1.0

Author: Dan Masters

Author URI: http://www.idano.net

*/



body {

	margin:0;

	background:url(images/bg.gif);

	color:#393536;

	font-size: 10px;

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align:center;

}



a { 

	color:#dd8021;

	text-decoration:none;

}



a:hover {

	text-decoration:underline; 

}



h1, h1 a, h2, h2 a, h3, h3 a, h4, h5, h6 {

	letter-spacing: 1px;

	margin:0 0 10px 0;

	color:#78543e;

	text-align:left;

	font-family: ""Sentinel", Georgia", "Times New Roman";

	font-weight: lighter;

}



h1 {font-size:26px;}

h2 {font-size:23px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}



.searchresults { 

     padding-top: 20px;

     padding-bottom: 25px }



.pagesubhead { 

     padding-top: 30px;

}



.faq { 

     padding-top: 35px; 

}



img {

	border:0;

}



input {

	font-size:12px;

}



input[type=text], textarea{

	background:#fff;

	border:1px inset #aaa;

}

input[type=submit] {

	background:#eee;

	border:1px outset #aaa;

}



textarea {

	font-size:12px;

}



pre {

	font-size:12px;

	overflow:auto;

}

code {

	font-size:12px;

	background-color:#f8f8f8;

	color:#111;

}



.adbetween { padding: 25px 0px 90px 0px;

             text-align: center; 

}



.singlepostbanner { padding: 20px 0px 25px 0px;

                    text-align: center; 

                    z-index:50;

}





/* Layout */

#page {

	width:950px;

	margin:0 auto;

	text-align:left;

	background-color: #FFF;

}



#wrapper {



}



#content{

	float:left;

	padding:20px 4% 20px 20px;

	width:600px;

}



#contentWide{

	float:left;

	padding:20px 4% 20px 20px;

	width:860px;

}



#sidebar{

	float:left;

	margin:0;

	padding:10px 10px 10px 0px;

	width:270px;

}



#sidebarLeft{

	float:left;

	margin:0;

	padding-top: 10px;

	width:133px;

}



#sidebarRight{

	float:left;

	margin:0;

	padding: 10px 0 0 5px ;

	width:122px;

}



#sidebarBottom {

	clear: both;

}



#footer {

	clear:both;

	padding:30px;

	border-top:5px solid #e7e5d3;

	text-align:left;

	font-size:10px;

	background:#f0efe6;

	color:#78543e;

	height: 100px;

}



#footer a {

	color:#aac;

}



/* Header */



#header {

	background:url(images/random/rotator.php);

	height:215px;

	margin:0;

}



#headertitle {

	float:left;

	margin: 20px 0 0 20px;

}

#headertitle h1 {

	margin:0;

}

#headertitle h1 a {

	background:transparent;

	color:#fff;

}

#headertitle h1 a:hover {

	text-decoration:none;

}



#headertitle p {

	margin:0;

	background:transparent;

	color:#fff;

	font-size:14px;

}



.search {

	float:right;

	padding:20px 10px 0 0;

}

.search form {

	margin:0;

	padding:0;

}

.search input {

	display:inline;

	width:218px;

	border:1px solid #69b;

	margin:0;

	padding:3px 5px;

	background:#38b;

	color:#ddd;

	font-size:1.1em;

}





/* Top navigation */

#navbar {

	height: 30px;

	margin: 0px;

	padding: 0px ;

	border-bottom: #f0eee0 solid 1px;



}



.sub-menu { z-index: 100;

}



#nav .page_item a:link, #nav .page_item a:visited {

	color: #a1988c;



}



#nav .current_page_item a:link, #nav .current_page_item a:visited {

	color: #54301b;

}	



#nav {

	margin:0 30px;

	padding: 0;

	list-style: none;



	}

	

#nav ul {

	padding:2px 0 0 0;

	margin:0;

	list-style: none;

	background:transparent;

	}



#nav a {

	display: block;

	padding: 8px;

	}

	

#nav .page_item a:hover {

	color: #54301b;

	display: block;

	text-decoration: none;

	padding: 8px;

}



#nav li {

	float: left;

	margin: 0;

	text-transform:uppercase;

	padding: 0 32px 0 0;

}

	

#nav li li {

	float: left;

	margin: 0;

	padding: 0;

	width: 224px;

	}

	

#nav li li a, #nav li li a:link, #nav li li a:visited {

	background: #f0eee0;

	color: #54301b;

	width: 130px;

	float: none;

	margin: 0;

	padding: 8px ;

	border-bottom: 1px solid #aaa;

	}

	

#nav li li a:hover, #nav li li a:active {

	background: #eae6d3;

	color: #54301b;

	}



#nav li ul {

	position: absolute;

	width: 160px;

	left: -15000px;

	}



#nav li:hover ul {

	left: auto;

	display: block;

	}

	

#nav li:hover ul, #nav li.sfhover ul {

	left: auto;

	}





/* Sidebar */





#sidebar ul {

	font-size:10px;

	padding:3px 5px 3px 15px;

	margin: 0;

}

#sidebar ul ul {

	font-size:1px;

}



#sidebar ul li {

	margin:0 0 14px 0;

}



#sidebar ul ul {

	margin:0;

	padding:0;

}



#sidebar li li {

	margin:2px 0;

}



#sidebar li li li {

	padding-left:10px;

}



#sidebar ul h2 {

	margin:0;

	padding:0;

	color:#4588c4;

	font-size:14px;

}



#sidebar img {

	float: left;

	/* padding: 7px; */

}



/* Post */

.post {

	margin:0 0 64px 0;

	clear:both;

}



.excerpt { font-size:12px;

           line-height:50px; }



.post p, .post ol li, .post ul li{

	margin-top:0;

	font-size:13px;

	line-height:23px;

}

.post li li {

	font-size:16px;

}

.post blockquote {

	padding:0 0 0 32px;

	border-left:6px solid #ccc;

	font-size:14px;

}

.post blockquote blockquote {

	margin-left:0;

	font-size:16px;

}



.postentry a {

}

.postentry a:hover {

	text-decoration:underline;

}



.postmetadataTop {

	clear:both;

	margin: 8px 0;

	font-size: 14px;

	color:#78543e;

	padding:0;

	font-family: "Sentinel", "Georgia", "Times New Roman";

	font-style: italic;

}

.postmetadata {

	clear:both;

	margin:10px 0;

	font-size:10px;

        line-height: 150%;

	color:#78543e;

	text-align:justify;

	border-top: #d6d1ba solid 1px;

	padding: 10px 0 0 0;

}

.shoptaxonomies {

	font-size:13px;
        
        line-height:23px;

}

.shoplist {

        font-size:13px;

	line-height:110%;

}

div.navigation {

	font-size:12px;

        margin-bottom:40px;

}



.postentry table {

	border-width:0 1px 1px 0;

	border-style:solid;

	border-color:#ccc;

	font-size:14px;

}





.postentry table tr td {

	padding:5px 10px;

	border-width:1px 0 0 1px;

	border-style:solid;

	border-color:#ccc;

	white-space:nowrap;

	text-align: center;

	vertical-align: top;

}



.postentry table tr th {

	border-width:1px 0 0 1px;

	border-style:solid;

	border-color:#ccc;

	padding:5px 10px;

	background:#f4f4f4;

	color:#666;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

}



/* Comments */



#commentFlag {

	width: 32px;

	height: 29px;

	background: url(images/comment-flag.png) no-repeat;

	float: right;

	padding: 5px 0 0 0;

	font-weight: bold;

        text-align:center; 

}



#commentFlag a, #commentFlag a:visited {

	color: #fff;

}



#comments {

	font-size:12px;

}



#comments h3 {

	margin-bottom: 0;

}



.commentlist {

	margin:20px 0;

	padding:0;

}



.commentlist li {

	list-style:none;

	margin:0;

	padding:0;

	border-top:#d6d1ba solid 1px;

}



li.comment div, li.pingback div {

	padding:20px;

	overflow:auto;

}



li.comment div div, li.pingback div div {

	padding:0;

	overflow:visible;

	font-size: 10px;

}



.commentlist li.even {

	background-color:#fafafa;

}



.commentlist li.odd {

	background-color:#f6f6f6;

}



ul.children li {

	list-style:none;

}



img.avatar {

	float:right;

	border:1px solid #eee;

	padding:2px;

	margin:0;

	background:#fff;

}



.comment-meta, .reply {

	margin:0;

	padding:0;

	font-size:13px;

}



.comment-author cite {

	font-style:normal;

	font-weight:bold;

	font-size:16px;

        line-height:130%;

}





textarea#comment {

	width:100%;



}



#comments div.navigation {

	font-size:13px;

        margin-top:15px;

}



/* Comment ends */







abbr {

	cursor:help;

	border-bottom: 2px dotted;

}



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

   margin: 5px 5px 5px 0;

}



.alignright {

   float: right;

   margin: 5px 0 5px 5px;

}



.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;

}

/*  Tabber  Style start -------------------- */

 

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}

.tabberlive {

 margin-top:1em;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

 margin:0;

 padding: 3px 0;

 font: bold 12px Verdana, sans-serif;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 	padding: 3px 0.5em;

 	margin-left: 3px;

	background:#f0eee0;;

 	text-decoration: none;

 	font-weight:lighter;

}



ul.tabbernav li a:link { 

	color: #aca095; 

}

ul.tabbernav li a:visited { 

	color: #aca095; 

}



ul.tabbernav li a:hover

{

 color: #54301a;

 background: #eae6d3;

}



ul.tabbernav li.tabberactive a

{

 	background-color: #eae6d3;

 	color: #54301a;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #54301a;

 background: #eae6d3;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 	padding:15px;

 	margin-bottom:10px;

	border-top:0;

	background: #EAE6D3;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}





/* Related Posts */

ul.related-posts {

	width:320px;

	margin:0;

	padding:0;

	list-style:none;

	float:left;

}

ul.related-posts li {

	width:320px;

	height:45px;

	margin:0 0 5px 0;

	padding:0;

	float:left;

	overflow:hidden;

	line-height:45px;

}

ul.related-posts img {

	margin:0;

	padding:0;

	float:left;

	border:0;

}

ul.related-posts a {

	width:265px;

	height:45px;

	float:left;

	margin:0;

	padding:0 0 0 10px;

	line-height:45px;

	text-decoration:none;

	font-size:13px;

	background:#f5f5f5;

}

ul.related-posts a:hover {

	text-decoration:none;

	background:#eeeeee;

}

h4.meta {

	margin:0 0 10px 0;

}


