/*   
Theme Name: CToW
Theme URI: ctow.fxrdesign.com
Description: My Theme for CToW
Author: Francisco Ruiz
Author URI: www.fxrdesign.com

Version: 1.0
.
General comments/License Statement if any.
Please do not copy or use this template on any other site. Thank you
.
*/

/********** Start Selectors **********/
html, body{font:80% "Trebuchet MS", Verdana, sans-serif normal ; height: 100%; margin: 0; padding: 0; width:100%}
body{background: #780101 url('images/bg/bg-body.jpg') repeat-x top left;}

div{margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6{color: #000; font-weight: normal; margin: 0; padding: 0;}
h1, h2, h3{font-family: Georgia, serif;}
h4, h5, h6{font-family: "Trebuchet MS"}
h1{font-size: 2.2em;}
h2{font-size: 1.5em; font-style: italic;}
h3{font-size: 1em; font-style: italic;}
h4{color: #999; font-size: 1.1em;}
h5{color: #960; font-size: 1em; font-style: italic;}

ol, ul, li{margin: 0; padding: 0;}

a, a:visited{color: #900; text-decoration: none;}
a:hover, a:active{color: #900; text-decoration: underline;}
h1 a, h1 a:visited, h1 a:hover{text-decoration: none;}
/********** End Selectors **********/

/********** Start General Classes **********/
.orange-cap{color: #EB8707;}
.clearit{clear: both; font-size: 0px; line-height: 0px;}
.floatL{clear: none; float: left;}
.floatR{clear: none; float: right;}
.txt-center{margin:0 auto; text-align:center;}
img{border: 0; margin: 0; padding: 0;}
.wp-caption{background-color: #f9e8ce; border:1px solid #c95; font-size:1em; padding-top:5px; text-align: center;}
.wp-caption img{margin: 0 auto; text-align: center;}
p.wp-caption-text{margin: 0; padding: 5px;}
.wp-caption-text{color: #555; font-style: italic; text-align: center;}
.alignright {float:right; margin:0 0 1em 1em;}
.alignleft {float:left; margin:0 1em 1em 0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
/********** End General Classes **********/

/********** Start "The Loop" Classes ***********/
.post-meta{border-top: 1px solid #999; margin:0; padding-top: 0px; width: 100%;}
.entry{font-size: 1.2em; padding: 0px 0 16px 0; width: 100%;}
.entry ul{list-style-image: url('images/bul/bul-categories.gif'); list-style-type: circle; padding: 6px 0 0 18px;}
.entry ul li{padding-bottom:5px;}
.commentlist{margin: 0 auto; padding: 0 2.5em;}
.avatar{float: left; padding-right: 1em;}
/********** End "The Loop" Classes ***********/

/********** Start IDs **********/
#wrap-all{background: url('images/bg/bg-wrap-tier1.jpg') repeat-y top center; height: auto; margin:0 auto; width:960px;}

/********** Start Header **********/
#wrap-header{background: url('images/bg/bg-wrap-header.jpg') no-repeat top center; height: 189px;}
img#ctow-title{position: relative; top: 51px; left:182px;}
#top-nav{float:right; position: relative; top:80px; right:190px;}
#top-nav ul li{display: inline; font-size: 1.4em; padding-left: 7px;}
#top-nav a, #top-nav a:visited {color:#fff; text-decoration: none;}
#top-nav a:hover{text-decoration: underline;}
/********** End Header **********/

/********** Start Categories/Blogroll **********/
#wrap-categories{
	background: url('images/bg/bg-wrap-categories.jpg') no-repeat top left; 
	clear: none; 
	float: left; 
	height:513px; 
	width:230px;
	}
#categories{position: relative; top: 264px; left: 27px; width:129px;}

#wrap-blogroll{
	background: url('images/bg/bg-wrap-blogroll.jpg') no-repeat top right; 
	clear: none; 
	float: right; 
	height:513px; 
	width:230px;
	}
#blogroll{position: relative; top: 174px; left: 80px; width:129px;}

#categories ul, #blogroll ul{font-size:1.2em; list-style-image: url('images/bul/bul-categories.gif'); list-style-type: circle; padding: 6px 0 0 18px;}
#categories ul li, #blogroll ul li{padding-bottom:5px;}
/********** End Categories/Blogroll **********/

/********** Start Content **********/
#content{
	background: url('images/bg/bg-content.jpg') #fff no-repeat top center; 
	clear: none; 
	float: left;
	/*min-height: 513px;*/
	margin: 0 auto;
	padding: 0 10px;
	width: 480px;
	}
/********** End Content **********/

/********** Start Comments **********/
#wrap-comments{font-size:1.1em;}
#wrap-comments-top{background: url('images/bg/bg-wrap-comments-top.gif') no-repeat top left; height: 8px; width: 480px;}
#wrap-comments-mid{background: url('images/bg/bg-wrap-comments-mid.gif') repeat-y top left; width: 480px;}
#wrap-comments p{margin: 0; padding: 1em 0 0 0;}
#wrap-comments-btm{background: url('images/bg/bg-wrap-comments-btm.gif') no-repeat top left; height: 8px; width: 480px;}
#wrap-comments ul{list-style-type: none; padding: .5em 1em;}
#wrap-comments h3{color: #cb6; font-size:1.2em; padding: 1em 0;}
#wrap-comments li{background-color: #fcf9ee; padding: 1em;}
#wrap-comments li.alt{background-color: #f2ecd4;}
#comment{width: 100%;}
/********** End Comments **********/

#wrap-footer{
	background: url('images/bg/bg-wrap-footer.jpg') no-repeat bottom center; 
	height: 260px; 
	margin: 0 auto; 
	width: 620px;
	}
#footer{margin: 0 auto; width: 530px; text-align: center; position: relative; top: 156px; }
#footer-piece1{text-align: left; width: 260px;}
#footer-piece2{text-align: left; width: 260px;}

#footer form, #footer-icons{margin: 0; padding: 1em 1em 1em 0;}
#s{
	background: url('images/misc/misc-search-field.gif') no-repeat top left;
	border: 0px;
	height: 18px;
	margin: 0;
	padding:6px 0 0 2px;
	width: 150px;
	}
#searchsubmit{
	background: url('images/misc/misc-search-btn.gif') no-repeat top left;
	border: 0px;
	height: 24px;
	margin: 0px 0 0 0;
	padding:0;
	width: 65px;
	}
#footer-icons img{margin-right: 1.5em;}
#copyright{width: 100%;}
/********** Ent IDs **********/