/*
Theme Name: TwitterClouds
Theme URI: http://www.wordpressthemesbook.com
Description: Twitter Wordpress Theme by http://www.wordpressthemesbook.com.
Author: WordpressThemesBook.com
Author URI: http://www.wordpressthemesbook.com
*/

/******* BODY ********/

body {
font:.75em 'Lucida Grande',sans-serif;
color:#333;
background: #c0deed url(images/bg-clouds.png) repeat-x;
text-align: left;
margin:0;
}

#main {
width:763px;
margin:10px auto;
}

#contentpart {
background:#fff url(images/bg.gif) repeat-y;
overflow:hidden;
margin:20px 0 20px 0;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

img {
border:none;
}

a {
text-decoration:none;
color:#2276BB;
}

a:hover {
text-decoration:underline;
}

clear {
clear:both;
}

/******* HEADER ********/

#header {
height:50px;
}

.logo {
width:333px;
float:left;
}

.topmenu {
float:right;
text-align:right;
margin-top:8px;
}

.topmenu ul{
background:#fff;
margin:2px 0 0 0;
padding:7px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

.topmenu ul li{
list-style:none;
display:inline;
}

.topmenu ul li{
font-size:12px;
padding:0 3px 0 3px;
}

/******* FEATURED POST ********/

.featuredpost {
background:#fff;
border:4px solid #dddddd;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
margin:0;
padding:16px 16px 16px 16px;
overflow:hidden;
}

.featuredleft {
margin:0;
float:left;
width:550px;
}

.featuredright {
margin:0 0 0 0;
float:right;
width:134px;
}

.new {
color:#C00;
}

.featuredpost h2{
color:#5c5c5c;
font-size:18px;
margin:0;
padding:0;
}

.featuredpost h2 a{
color:#5c5c5c;
}

.readtherest {
width:61px;
background:url(images/readmore.gif) repeat-x;
padding:4px 7px 4px 7px;
border:1px solid #ccc;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
}

.readtherest:hover {
border:1px solid #999999;
}

.readtherest a{
color:#333333;
font-size:11px;
}

.readtherest a:hover{
color:#333333;
text-decoration:none;
}

.readtherest:hover a{
color:#000000;
}

/******* POSTS ********/

.postsbody {
width:523px;
float:left;
margin:0px 20px 16px 20px;
overflow:hidden;
}

.postsbody h2{
color:#5c5c5c;
margin-bottom:0;
font-size:16px;
font-weight:normal;
border-bottom:1px solid #eeeeee;
}

.posts {
border-bottom:1px solid #eeeeee;
padding:10px 3px 10px 0;
margin:0;
overflow:hidden;
}

.posts:hover {
background:#f7f7f7;
}

.avatarpart {
float:left;
width:74px;
}

.postpart {
float:right;
width:440px;
}

.postpart h2{
border-bottom:none;
float:left;
margin:0;
padding:1px 4px 0 0;
line-height:16px;
font-weight:bold;
font-size:15px;
}

.postpart h2 a{
border-bottom:none;
float:left;
margin:0;
padding:0;
line-height:16px;
}

.homepageentry p{
margin:0 0 10px 0;
padding:0;
font-size:14px;
line-height:18px;
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
}

small {
margin:0;
padding:0;
}

.postinfosmall {
margin:5px 0 0 0;
padding:0;
float:left;
width:300px;
color:#999999;
}

.postreplies {
width:100px;
float:right;
margin:5px 5px 0 0;
padding:0;
text-align:right;
}

.postreplies a{
background:url(images/comment.png) no-repeat left;
background-position: 0 0;
height:15px;
padding:0 0 0 15px;
}

.postreplies a:hover{
background:url(images/comment.png) no-repeat left;
background-position: 0 -15px;
}

/******* SIDEBAR RIGHT ********/

.sidebar_right {
width:200px;
float:right;
}

.followme {
margin:-10px 0 -20px 10px;
}

.sidebar_right h2 {
padding:0 14px 0 14px;
font-size:1.05em;
font-weight:normal;
margin:11px 0 3px 0;
}

.sidebar_right .minus {
background: url(images/toggle.png) no-repeat right;
background-position: 170px -15px;
height:15px;
}	

.sidebar_right .plus {
background: url(images/toggle.png) no-repeat right;
background-position: 170px 0;
height:15px;
}
	
.sidebar_right .widget.minus {
display:none;
}

.sidebar_right .widget.plus {
display:block;
}

.sidebar_right li{
list-style:none;
margin:0;
padding:0;
}

.sidebar_right li ul {
margin:0 0 10px 0;
padding:0 0 5px 1px;
background:url(images/ulbottom.gif) no-repeat bottom;
}

.sidebar_right li ul li{
list-style:none;
margin:0;
padding:6px 10px 6px 14px;
}

.sidebar_right li ul li.rss{
list-style:none;
margin:0;
padding:6px 10px 6px 34px;
background:url(images/rss.png) no-repeat left;
background-position:14px 6px;
}

.sidebar_right li ul li.rss:hover{
background:#edfeff url(images/rss.png) no-repeat left;
background-position:14px 6px;
}

.sidebar_right li ul li:hover{
background:#edfeff;
}

.sidebar_right li ul li a:hover{
text-decoration:none;
}

.textwidget {
margin:0;
padding:0 14px 0 14px;
}

.sidebar_right ul{
margin:0 0 10px 0;
padding:0 0 5px 1px;
background:url(images/ulbottom.gif) no-repeat bottom;
}

.sidebar_right ul li{
list-style:none;
margin:0;
padding:6px 10px 6px 14px;
}

.sidebar_right ul li:hover{
background:#edfeff;
}

.sidebar_right ul li a:hover{
text-decoration:none;
}

/******* SEARCH ********/
#main_search{
height:30px;
margin:14px 0 7px 10px;
padding:0;
}

#searchform_top{
padding:0px 0px 0 0;
float:left;
}

#searchform_top_text{
width:131px;
border:0px;
background:url(images/search.gif) no-repeat;
color:#737272;
font-size:15px;
float:left;
margin:0 0 0 0;
height:27px;
padding:4px 8px 0 8px;
}

#gosearch{
float:left;
}

/******* NAVIGATION ********/

.navigation {
height:34px;
margin:15px 0 15px 0;
}

.nalignleft a:hover {
border:1px solid #999999;
text-decoration:none;
}

.nalignright a:hover {
border:1px solid #999999;
text-decoration:none;
}

.nalignleft a{
float:left;
width: 100px;
padding:9px 7px 9px 7px;
background:url(images/navi.gif) repeat-x;
border:1px solid #ccc;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
text-align:center;
font-weight:bold;
}

.nalignright a{
float:right;
width: 100px;
padding:9px 7px 9px 7px;
background:url(images/navi.gif) repeat-x;
border:1px solid #ccc;
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
text-align:center;
font-weight:bold;
}


/******* FOOTER ********/

#footer {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
background:#fff;
clear:both;
padding:5px;
text-align:center;
}

/*********COMMENTS ******/

.commentlist li .avatar { 
float: left;
width:73px;
height:73px;
margin-right:11px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
color:#51504a;
}

.commentlist p {
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
font-size:14px;
}

#commentform p {

}

.commentmetadata {
font-size:9px;
}

.commentlist li, #commentform input, #commentform textarea {

}

.commentlist li ul li {

}

.commentlist li {
overflow:hidden;
height:100%;
}

h3.comments {
padding: 0;
margin: 0px 0 0px 0;
color:#444444;
}

h3#comments {
padding: 0 0 10px 0;
margin: 10px 0 0 0;
color:#444444;
border-bottom:1px solid #eeeeee;
}

#respond {
margin:10px 0 0 0;
background:#f8f7f1;
padding:0 0 0 7px;
color:#444444;
border:1px solid #eceae3;
}

h3.respond {
padding: 0;
margin: 10px 0 10px 0px;
color:#444444;
}

#respond h3{
padding: 0;
margin: 10px 10px 10px 0px;
color:#444444;
float:right;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
width:523px;
margin:0 0px 0 0px;
}

.commentlist li {
margin: 0;
padding: 5px 0 0 0;
list-style: none;
border-bottom:1px solid #eeeeee;
}

.commentlist li:hover {
background:#f7f7f7;
}

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

.commentlist p {
margin: 10px 5px 10px 84px;
}

.children { padding: 0; }

#commentform p {
margin: 5px 0 0 0px;
}

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

.commentmetadata {
margin: 0;
display: block;
}


#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#commentform #submit {
margin: 0 0 5px auto;
float: right;
}

blockquote {
background:url(images/quote.png) no-repeat left top;
padding:0 0 0 15px;
margin-right:3px;
}

/*global/universal image classes */

img.alignleft, img.left { float: left; margin-right:5px;}
img.alignright, img.right { float: right; margin-left:5px;}
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*—:[ image captioning ]:—*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*global/universal image classes */