/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #333;
	text-align: center;
	}

#ust_header {
	height:104px;
	background: url('images/header_bottom_bg.gif') repeat-x bottom center;
	}
	#ust_featured {
	height:113px;  width:113px; position:absolute; margin:auto 0px auto auto; text-align:left; 
	background: url('images/featured.png') no-repeat left;
	}
		#ust_recent {
	height:113px;  width:113px; position:absolute; margin:auto 0px auto auto; text-align:left; 
	background: url('images/recent.png') no-repeat left;
	}
	
	#alt_footer {
	height:227px;
	background: url('images/footer_bottom.png') repeat-x bottom center;
	}
	
		#ana_header {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:102px;
	}
	
	    #ana_footer {
	height:227px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px; margin-bottom:0px; padding:0px;
	}
	
	#copyright {clear: both; width: 100%; height: 55px;  margin-bottom: 0px; padding-bottom: 0px;}
#copyrightcontent {width: 1000px; height: 55px; margin: 0 auto;  margin-bottom: 0px; padding-bottom: 0px;}

.copytext { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#515050; line-height:3.875em; }
.copytext a, .copytext a:visited, .copytext a:active { color:#9A9898;  text-shadow:0 1px 1px #000000;}
.copytext a:hover { color:#9A9898; border-bottom:dashed 1px; }

.floatright {float: right;}

.sharelist {list-style: none; margin: 6px 0 0 0;}
	.sharelist li {float: left; display: block;}
	
	#footer1 {clear: both; width: 100%; height: 180px; padding:0px; margin:0px; }
#footercontent {width: 1000px; height: 180px; margin: 0;) no-repeat; padding:0px;}

	#footercolumn1 {float: left; width: 90px; text-align:left; height: 100px; margin-right: 44px; position: relative; top: 20px;}
	#footercolumn2 {float: left; width: 280px; height: 100px; text-align:left; margin-right: 44px; position: relative; top: 20px;}
	#footercolumn4 {float: left; width: 280px; height: 100px; text-align:left; margin-right: 44px; position: relative; top: 20px;}
	#footercolumn3 {float: right; width: 200px; height: 100px; margin: 0; text-align:left; position: relative;  top: 20px;}

.navlist { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; width: 290px; list-style:none; color:#515050; line-height:22px; }
.navlist li {float: left; width: 145px;}
.navlist li a, .copytext a:visited, .copytext a:active { color:#666464;  }
.navlist li a:hover { color:#666464; border-bottom:dashed 1px; }

.footertext a { color:#888; }
.footertext a:visited {color: #888;}
.footertext a:hover { color:#999; border-bottom:dashed 1px; }

h5 { color:#eee; text-shadow:0 1px 2px #000; font-size: 1.10em; text-transform: uppercase; font-weight: bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin:0; }
	
#top {clear: both; width: 100%; height: 102px;}
#topcontent {width: 1000px; height: 100%; margin: 0 auto;}
#logo {float: left; position: relative; top: 19px;}
#logo a, #logo a:hover {display: block; width: 282px; height: 45px; outline:none; background: url("images/ttemplate_logo.gif") no-repeat; text-indent: -9999px; border-bottom: 0px;}

#topnavcontainer {float: left; width: 263px; height: 76px; display: block; background: url("images/by_colors.gif") no-repeat top left; position: relative; top: 19px; left:10px; background-color:#F5F5F5; overflow: hidden;}

#topnav {float: left; display: inline; margin: 55px 0px 0px 11px; padding:0px; height: 15px;}
#topnav span {display: none; text-indent: -9999px;}
#topnav li, #topnav a, #topnav a:visited {height: 15px; display:block; list-style:none;  white-space: nowrap; outline:none;}
#topnav a:hover { border:1px solid #000000; height:14px; }
#topnav li {float: left; display:inline;}

.color_red {width: 15px; height: 16px; background:#CF050E;}
.color_pink {width: 15px; height: 16px; margin-left:10px; background:#D569D9;}
.color_green {width: 15px; height: 13px; margin-left:10px; background:#A3CB46;}
.color_yellow {width: 15px; height: 15px; margin-left:10px; background:#EBEB3B;}
.color_blue {width: 15px; height: 15px; margin-left:10px; background:#4573CB;}
.color_black {width: 15px; height: 15px; margin-left:10px; background:#000000;}
.color_gray{width: 15px; height: 15px; margin-left:10px; background:#7F8A9E;}
.color_orange {width: 15px; height: 15px; margin-left:10px; background:#CD6E00;}
.color_white { margin-left:10px; background:#FCFCFC; border:1px solid #D5D5D5;}
.color_brown {width: 15px; height: 15px; margin-left:10px; background:#74563A;}

#topnavcontainer2 {float: left; width: 263px; height: 76px; display: block; background: url("images/by_price.gif") no-repeat top left; position: relative; top: 19px; left:12px; background-color:#F5F5F5; overflow: hidden;}

#topnav2 {float: left; display: inline; margin: 56px 0px 0px 6px; padding:0px; }

#topnav2 li{ list-style:none; float:left; margin-left:5px;}
#topnav2 a { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;  background-color:#6AB409; padding-left:5px;   padding-right:5px; height:14px;  text-decoration:none; font-size:11px; list-style:none;  outline:none;}
#topnav2 a:hover { background-color:#4D8306; }






#abouttab {float: left; position: relative; left: 28px; outline:none;}
#abouttab a {display: block; height: 33px; width: 73px; outline:none; background: url("images/about.png") no-repeat; text-indent: -9999px;}
#abouttab a:hover {background-position: 0 -34px; border-bottom: 0px; outline:none;}

#faqtab {float: left; position: relative; left: 27px; outline:none;}
#faqtab a {display: block; height: 33px; width: 49px; outline:none; background: url("images/faq.png") no-repeat; text-indent: -9999px;}
#faqtab a:hover {background-position: 0 -34px; border-bottom: 0px; outline:none;}

#contacttab {float: left; position: relative; left: 26px; outline:none;}
#contacttab a {display: block; height: 33px; width: 64px; outline:none; background: url("images/contact.png") no-repeat; text-indent: -9999px;}
#contacttab a:hover {background-position: 0 -34px; border-bottom: 0px; outline:none;}

.btn { border:0px solid #333333; width:25px; height:25px; outline:none; background-color: #191919; background: transparent url("images/search_icon.png") no-repeat; background-position:90% 70%; color:#FFCC66;  cursor:pointer; padding:3px;}

.busca { border:1px solid #F4F4F4; background-color: #F4F4F4; color:#646262; font-size:14px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; padding:0px 2px 2px 2px; width:130px;}

#content {
background-color:#f0efef; margin-top:26px; width:725px; margin-bottom:26px; 
float:right;
font-size: 1.2em;
	}
	


.sidebar{ float:left; width:229px;  margin-top:0px; background-color:#F8F8F8; text-align:left; border-right:1px solid #E7E6E6; border-left:1px solid #E7E6E6; padding:0px 0 0 18px;}
#sidebar_nav{ padding:0px 0 0px 0; margin-top:0px;  border-left:1px solid #DDDDDD; margin-left:auto; margin-bottom:0px; background:url("images/sidebar_nav_spacer.jpg") no-repeat 0 0;}
#sidebar_nav li{ width:229px; list-style:none;  cursor:pointer;  text-align:left; display:block; margin-bottom:0px; background:url("images/sidebar_nav_spacer.png") repeat-x 0 bottom; padding-bottom:0px;}
#sidebar_nav a{ height:37px; display:block; outline:none; cursor:pointer; padding:0 0 0 22px; text-decoration:none; color:#6A6969; font-size:14px; background:url("images/sidebar_a.png") repeat-x 0 0;}
#sidebar_nav a span{display:inline-block; height:30px; font-family:Arial, Helvetica, sans-serif; padding-top:11px; font-weight:bold; display:inline-block;}
#sidebar_nav a:hover{ color:#5B950D; background:url("images/sidebar_a_hover.png") repeat-x 0 0;}
#sidebar_nav li.active{ width:250px;  background-image:none; margin-top:-3px; padding-bottom:0px;}
#sidebar_nav li.active a{ height:41px; color:#64A212;  margin-left:-1px; background:url("images/sidebar_active.png") no-repeat 0 0;}
#sidebar_nav li.active a:hover{ height:41px; color:#49770A;   margin-left:-1px; background:url("images/sidebar_active.png") no-repeat 0 0;}
#sidebar_nav li a .a_wp{ display:block;}


#sidebar_nav5{ padding:0px 0 0px 0; margin-top:0px;  border-left:1px solid #DDDDDD; margin-left:auto; margin-bottom:0px; background:url("images/sidebar_nav_spacer.jpg") repeat-x 0 0;}
#sidebar_nav5 li{ width:288px; list-style:none;  cursor:pointer;  text-align:left; display:block; margin-bottom:0px; background:url("images/sidebar_nav_spacer.png") repeat-x 0 bottom; padding-bottom:0px;}
#sidebar_nav5 a{ height:27px; display:block; outline:none; cursor:pointer; padding:10px 0 0 22px; text-decoration:none; color:#6A6969; font-size:14px; background:url("images/sidebar_a.png") repeat-x 0 0;}

#sidebar_nav5 a:hover{ color:#5B950D; background:url("images/sidebar_a_hover.png") repeat-x 0 0;}
#sidebar_nav5 li.active{ width:288px;  background-image:none; margin-top:-3px; padding-bottom:0px;}
#sidebar_nav5 li.active a{ height:41px; color:#64A212;  margin-left:-1px; background:url("images/sidebar_active.png") no-repeat 0 0;}
#sidebar_nav5 li.active a:hover{ height:41px; color:#49770A;   margin-left:-1px; background:url("images/sidebar_active.png") no-repeat 0 0;}






.follow_bg { background: url("images/follow_us.png") no-repeat top left; width:223px; text-align:left; height:49px; padding:0px;  margin: 7px 0px 5px 0px; }
.why_ttemplate { background: url("images/why_ttemplate.gif") no-repeat top left; width:223px; text-align:left; height:156px; padding:0px;  margin: 7px 0px 5px 0px; }
.browsers_ttemplate { background: url("images/browsers_ttemplate.gif") no-repeat top left; width:223px; text-align:left; height:115px; padding:0px;  margin: 7px 0px 5px 0px; }


.right_rss { background: url("images/rss.png") no-repeat top left; width:32px; text-align:left; height:32px; margin-top:0px;  margin-bottom:0px; float: left; margin-left:3px; cursor:pointer; padding: 0px;  }

.right_facebook { background: url("images/facebook.png") no-repeat top left; width:32px; text-align:left; margin-top:0px; margin-bottom:0px; height:32px; float: left; margin-left:3px; cursor:pointer; padding: 0px;  }

.right_twitter { background: url("images/twitter.png") no-repeat top left; width:32px; text-align:left; margin-top:0px; margin-bottom:0px; height:32px; float: left; margin-left:0px; cursor:pointer; padding: 0px;  }


#template_details{text-decoration:underline; float:right; width:157px; height:28px; background: url("images/template_details.png") no-repeat top left; background-position:top; padding:0px; margin:0px;}
#template_details:hover{ background-position:bottom;}

.template_image{border:1px solid #e7e6e6; padding:5px; background-color:#f0f0f0; display:block; width:380px; height:160px; margin:10px; float:left;}
.template_image:hover{border:1px solid #afaeae; background-color:#f0f0f0;}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.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, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #64a212;
	text-decoration: none;
	}

a:hover {
	color: #45700b;
	text-decoration: none;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 0px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 1000px;
	border: 1px solid #959596;
	}


.post {
	margin: 0 0 40px;
	padding:0px;
	text-align: justify;
	}

.post hr {
	display: block;
	}
.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

input.text{  /* General style for my inputs when they're not highlighted */
  width:300px;  
  background-color:#FFFFFF;
  border:1px solid #000;
}


.inputHighlighted{  /* Highlighting style */
  background-color:#317082;
  color:#FFF;
  width:300px;
  border:1px solid #000;
} 


/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	 background-position:top;
	margin: 0px 0 0; color:#000000;  padding:4px 10px 4px 53px; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; position:relative;
		margin-top: 0px;
	background: #f1f8df url("images/big_title_back.png") no-repeat top left; width:616px; height:26px;
	text-align: left;
	}

h2.pagetitle {

}

.morelink{ background-color:#999998; cursor:pointer; text-align:center; color:#FFF; width:96px; float:right; margin-bottom:10px; margin-top:10px; height:14px; padding:2px;}
.morelink:hover{background-color:#5e5e5e;}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	margin:0px;
	max-width: 100%;
	}
	
	entry img {
	padding: 0;
	margin:0px;
	max-width: 200px;
	}

/*	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-top:0px;
	padding-top:0px;
	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;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

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 8px 10px;
	padding:0px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#commentform input {
	width: 170px;
	padding: 3px;
	border:1px solid #999999;
	background-color:#ffffff;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 3px;
	margin-top:5px;
	border:1px solid #999999;
	background-color:#ffffff;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
padding:3px; height:20px; width:110px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#6ab409; color:#FFFFFF;
margin-right:-7px;
border:0px;
	float: right;
	}
	#commentform #submit:hover {
 background-color:#53870e;

	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* 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;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}

dl.gallery-item img {
padding:1px;
background-color:#ffffff;
width:206px; 
float:left;
clear:left;
}


dl.gallery-item{
padding-right:0px;


 border:none;
 margin:0px 0px 1px 1px;

}

dl.gallery-icon{
background:#000000;
padding:0px;
border:none;
margin:0px;

}

#gallery-1{
background:#efeeee url('images/screenshots.gif') no-repeat;
background-position:left top;
margin-top:20px;
padding-top:45px;
padding-left:10px;

padding-bottom:0px; border-bottom:1px solid #dfdede;
border-top:2px solid #dfdede;


}


   
/* End captions */


/* "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." */