/*
Theme Name: Clouds Rounds theme
Theme URI: http://all4wordpress.com/CloudsRounds/
Description: Clouds Rounds theme
Version: 1.0
Author: All4Wordpress
Author URI: http://all4wordpress.com/
*/

@import url(reset.css);

body{
	background-color: #f9f8e7;
	font-family: "Trebuchet MS";
	font-size: 13px;
	height: 100%;
	color: #434343;
}

html{
	height: 100%;
}

a{
	color: #2592c5;
}

a:hover{
	color: #f79500;
}

.container{
	min-width: 970px;
	max-width: 100%px;  
	margin: auto;
	background: transparent url(images/container.png) no-repeat top left; 
	min-height: 100%;
}

* html .container{
	width: expression((document.body.clientWidth < 971) ? "970px" : "100%" );	
}

.maintable{
	background: transparent url(images/maintable.png) no-repeat top right; 
	width: 100%;
	border-collapse: collapse;
}

.maintable td{
	vertical-align: top;
}

.header{
	height: 238px;
}

.column-1{
	width: 65%;
	padding: 0px 0px 20px 0px; 
}

.column-2{
	width: 35%;
}

.headtitle{
	font-size: 37px;
	height: 63px;
	color: white;
	padding: 10px 0px 0px 50px; 
}

.menu{
	background: transparent url(images/menu.png) no-repeat 0px 0px; 
}

.menu ul li{
	list-style-image: none;
	float: left;	
}

.menubox{
	height: 120px;
	background: transparent url(images/menubox.png) no-repeat top right;
	padding: 45px 0px 0px 40px; 
	margin: 0px 0px 0px 0px; 
}

html* .menubox{
	height: 120px;
}

.menuitemcurrent{
	float: left;
	background: transparent url(images/menuitem.png) no-repeat 0px 0px; 	
}

.menuitemcurrent div{
	font-size: 20px;
	color: white;
	background: transparent url(images/menuitemdiv.png) no-repeat top right;
	padding: 5px 11px 6px 11px;  
}

.menuitem{
	float: left;
}

.menuitem div{
	font-size: 20px;
	color: white;
	padding: 5px 11px 6px 11px;  
}

/* \ */

html* .menuitemcurrent div{
	padding: 6px 11px 9px 11px;  
}

/*  */

.menuitem a{
	color: #2eaced;
}

.menuitem a:hover{
	color: #f79500;
}

.search{
	width: 360px;
	height: 39px;
	background: transparent url(images/search.png) no-repeat 0px 0px; 
	padding: 17px 0px 0px 20px; 
	margin: 1px 0px 0px 0px; 
}

.search input.text{
	font-size: 16px;
	color: #1193c3;
	font-weight: bold; 
	border: 0;
	background-color: transparent; 
	float: left;
	width: 270px;
}

.search input{

}

.subscribe{
	background: transparent url(images/subscribe.png) no-repeat 0px 0px; 
	margin: 27px 5px 0px 0px; 
}

.subscribe .corner{
	height: 95px;
	padding: 15px 0px 0px 105px; 	
	background: transparent url(images/subscribecorner.png) no-repeat top right; 	
}

.subtitle a{
	color: #ffa803;
	font-size: 20px;
}

.subtitle a:hover{
	color: #2592c5;
}

.article{
	background: transparent url(images/article.png) no-repeat 0px 0px; 
	margin: 5px 10px 5px 10px; 	
}

.article-corner{
	height: 100px;
	background: transparent url(images/article-corner.png) no-repeat top right; 
}

.title{
	margin: 0px 0px 0px 105px; 
	padding: 15px 0px 0px 0px; 		
	line-height: 200%;
}

.date{
	position: absolute; 		
	text-align: center;
	width: 100px;
}

html* .date{
	float: left;
}

html* .date{
	position: relative;
}

.month{
	font-size: 11px;
	color: #e5e5e5;
	padding: 18px 0px 5px 0px; 
}

.day{
	font-size: 40px;
	font-family: Arial;
	letter-spacing: -2px;
	color: #626262;		
}

/* \ */

html*.day{
	margin: 6px 0px 0px 0px; 
	_margin: 0px 0px 0px 0px; 
}

/*  */




h1{
	color: #00b1eb;
	font-size: 30px;
	font-family: "Trebuchet MS";
}

h1 a{
	color: #00b1eb;
	text-decoration: none;
}

h1 a:hover{
	color: #f8b100;
}

.admin{
	background: transparent url(images/admin.png) no-repeat 0px 2px; 
	padding: 0px 0px 0px 21px; 
}

/* \ */

html * .admin{
	padding: 0px 0px 5px 21px; 
}

/*  */

.text{
	padding: 5px 10px 5px 10px; 
}

.imgleft{
	float: left;
	margin: 0px 15px 5px 0px; 
}

.commentsnumber{
	background: transparent url(images/commentsnumber.png) no-repeat 0px 0px; 
	margin: 10px 10px 5px 10px; 
}

.commentsnumber-corner{
	height: 100px;
	background: transparent url(images/article-corner.png) no-repeat top right; 
}

.ctitle{
	margin: 0px 0px 0px 120px; 	
	padding: 15px 0px 0px 0px; 		
}

.ctitle span{
	color: #4e4e4e;
	font-size: 15px;
}

h2{
	color: #6cda1d;
	font-size: 34px;
	letter-spacing: -1px;
}

h3{
	color: #ff9c00;
	font-size: 30px;
	letter-spacing: -1px;
}

.comment{
	margin: 10px 10px 10px 10px; 
}

.comment-text{
	background: transparent url(images/comment-topleft.png) no-repeat 0px 0px; 	
}

.comment-text div.br{
	background: transparent url(images/comment-bottomright.png) no-repeat bottom right; 
}

.comment-text div div.tr{
	background: transparent url(images/comment-topright.png) no-repeat top right; 
}

.comment-text div div div.bl{
	padding: 10px 10px 10px 10px; 
	background: transparent url(images/comment-bottomleft.png) no-repeat bottom left; 
}

* html .comment-text{
	border: 1px solid #f9f8e7; 
	background: transparent url(images/comment-topleft.png) no-repeat 1px 1px; 	
}

* html .comment-text div div div{
	margin-bottom: -1px;
}

*+html .comment-text{
/*	border: 1px solid #f9f8e7; */
}

*+html .comment-text div div div{
	margin-bottom: -1px;
}

.secondcomment{
	margin: 10px 0px 10px 0px; 
}

.secondcomment-text{
	background: transparent url(images/scomment-topleft.png) no-repeat 0px 0px; 	
}

.secondcomment-text div{
	background: transparent url(images/scomment-bottomright.png) no-repeat bottom right; 
}

.secondcomment-text div div{
	background: transparent url(images/scomment-topright.png) no-repeat top right; 
}

.secondcomment-text div div div{
	padding: 10px 10px 10px 10px; 
	background: transparent url(images/scomment-bottomleft.png) no-repeat bottom left; 
}

* html .secondcomment-text{
	border: 1px solid #f9f8e7; 
}

* html .secondcomment-text div div div{
	margin-bottom: -1px;
}

*+html .secondcomment-text{
	border: 1px solid white; 
}

*+html .secondcomment-text div div div{

}

.secondcomment-text div{

}

.author{
	color: #4e4e4e;
	font-size: 13px;
}

.author span{
	color: #47a900;
}

.clear{
	clear: both;
	font-size: 0px;
	height: 0px;
}

.leavecomment{
	background: transparent url(images/leavecomment.png) no-repeat 0px 0px; 
	margin: 5px 10px 5px 10px; 
}

.leavecomment-corner{
	height: 100px;
	background: transparent url(images/article-corner.png) no-repeat top right; 
}

.ltitle{
	margin: 0px 0px 0px 130px; 	
	padding: 15px 0px 0px 0px; 		
}

.leavecomment h1{
	font-size: 30px;
}

.leavecomment h3{
	margin: -5px 0px 0px 30px; 
}

.addcomment{
	margin: 20px 0px 0px 0px; 
}

/* \ */

html* .addcomment table{
	width: 70%;
}

/*  */

.addcomment table.textarea{
	width: 100%;
	margin: 0px 0px 0px 0px; 
}

.addcomment table td{
	padding: 7px; 	

}

td.label{
	font-size: 15px;
	color: #008bbf;
	width: 5%;
}

div.input{
	background: transparent url(images/divinput.png) no-repeat 0px 0px; 	
}

div.input div{
	background: transparent url(images/divinputdiv.png) no-repeat top right; 
	padding: 7px 2px 7px 15px; 
}

div.input div input{
	font-size: 13px;
	width: 95%;	
	background-color: transparent;
	border: 0; 
	color: #464646;
}

/* \ */

html * div.input div input{

}

/*  */

.addcomment textarea{
	width: 99%;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: italic;
	background-color: transparent;
	border: 0; 
}

.clabel{
	color: #008bbf;
}

.submit{
	display: block;
	float: right;
	font-size: 30px;
	color: #ff710d;
	margin: 0px 15px 0px 0px; 
	background: transparent url(images/submit.png) no-repeat 0px 0px; 
	padding: 2px 0px 5px 60px; 
	border: 0; 
	font-family: "Trebuchet MS";
	cursor: pointer;
	text-decoration: underline;	
}

.submit:hover{
	color: #2299ca;
}

.footerleft{
	background: transparent url(images/footer-left.png) no-repeat 0px 0px; 
	vertical-align: top;
}

.footerright{
	background: transparent url(images/footer-right.png) no-repeat top right; 
	vertical-align: top;
	color: white;
	font-size: 11px;
	padding: 25px 0px 0px 10px;  	
	line-height: 110%;
}

.footerleft div{
	height: 45px;
	background: transparent url(images/footer-left-corner.png) no-repeat top right; 
	color: white;
	font-size: 11px;
	padding: 25px 0px 0px 75px;  
	line-height: 110%;	
}

.footerright a{
	color: white;
}

.tools{
	background: transparent url(images/tools.png) no-repeat 0px 0px; 	
	margin: 0px 10px 0px 10px; 
}

.tools div.corner{
	background: transparent url(images/toolsdiv.png) no-repeat top right; 	
	padding: 4px 7px 5px 7px; 	
}

.tools a{
	color: white;
	font-size: 11px;	
}

.tools div.right{
	float: right;
}

.tools div.left{
	float: left;
}	

a.com{
	display: block;
	float: left;
	background: transparent url(images/comments.png) no-repeat 0px 0px; 
	padding: 6px 0px 6px 35px; 
	margin: 0px 10px 0px 0px; 
}

/* \ */

html* a.com{
	padding: 8px 0px 8px 35px; 
}

/*  */

.share{
	display: block;
	float: left;
	background: transparent url(images/share.png) no-repeat 0px 0px; 
	padding: 6px 0px 6px 35px; 
	margin: 0px 10px 0px 0px; 
}

.post{
	display: block;
	float: left;
	background: transparent url(images/post.png) no-repeat 0px 0px; 
	padding: 6px 0px 6px 35px; 
	margin: 0px 10px 0px 0px; 
}

/* \ */

html* a.com{
	padding: 8px 0px 8px 35px; 	
}

html* .post{
	padding: 8px 0px 8px 35px; 	
}

html* .share{
	padding: 8px 0px 8px 35px; 	
}

/*  */

.sidebartitle{
	background: transparent url(images/sidebar-title.png) no-repeat 0px 1px; 
}

.sidebartitle div{
	background: transparent url(images/sidebar-title-corner.png) no-repeat top right; 
	padding: 5px 30px 6px 40px; 
	color: white;
	font-size: 16px;
	font-weight: bold; 
}

.sidebar li{
	margin: 9px 0px 9px 0px; 
}

.sidebar ul{
	margin-bottom: 20px;
}

/* \ */

.sidebartitle div{
	padding: 7px 30px 8px 40px; 
}

/*  */

table.sidebar{
	width: 99%;
	margin: 5px 0px 0px 0px; 
}

td.sidebar{

}

table.sidebar td{
	padding: 1px; 
	width: 50%;
}

table.sidebar p{
	margin: 15px 15px 15px 15px; 
}

table.sidebar ul{
	list-style-type: none;
	margin: 15px 0px 15px 0px; 
	line-height: 150%;
}

table.sidebar ul li{
	padding: 0px 0px 0px 25px; 
	list-style-image: none;
}

table.sidebar li.selected{
	color: white;
	background: transparent url(images/sidebarlisel.png) no-repeat 0px 2px; 
}

table.sidebar li.selected div{
	color: white;
	background: transparent url(images/sidebarlisel-corner.png) no-repeat 100% 2px;
	padding: 2px 0px 2px 0px;  
}

.center{
	text-align: center;
}

.tags a{
	color: #008bbf;
	text-decoration: none; 
}

.tags a:hover{
	color: #f79500;
        text-decoration: none;
}

a.t1{
	font-size: 11px;
}

a.t2{
	font-size: 12px;
}

a.t3{
	font-size: 13px;
}

a.t4{
	font-size: 14px;
}

a.t5{
	font-size: 15px;
	font-weight: bold; 
}

a.t6{
	font-size: 16px;
	font-weight: bold; 
}

a.t7{
	font-size: 17px;
	font-weight: bold; 
}

a.t8{
	font-size: 20px;
	font-weight: bold; 
}

a.t9{
	font-size: 24px;
	font-weight: bold; 
}

.text p{
	margin: 0px 15px 0px 15px; 
	color: #434343;
}

ol, ul{
	margin: 10px 0px 10px 50px; 
}

ul li{
	list-style-type: none;	
	list-style-image: url(images/bullet.png);
}

ol li{
	color: #1aadf3;
	font-weight: bold; 
}

ol li span{
	color: #2e2e2e;
	font-weight: normal; 
}

a.next{
	display: block;
	background: transparent url(images/next.png) no-repeat 0px 0px; 	
	padding: 1px 0px 2px 25px; 
	font-weight: bold; 
}

p.categories a{

}