/* 
Theme Name: webstuff2
Theme URL: http://tweetmentions.com
Description: 
Author: Hendrik Minnie
Author URI: http://twitter.com/therealminnie
Version: 1.0.4

*/

/* reset CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a:focus,a:hover,a:active { outline:none }
/* end reset CSS*/


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Helvetica, Arial;
/*	background: #DDEEF6 url(images/bg.jpg) repeat-x fixed 0 0;*/
	font-size:13px;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}



a:hover{
text-decoration:underline}

element.style {
display:block;
}
#wrapper {



float:left;
width:100%;
}

#container{
	text-align:left;
	margin: 0px auto;
	padding: 0px 0 80px 0;
	border:0;
	width: 900px;
	clear:both;
	float:left;
}

#content{
width:900px;
float:left;

}
#content h2{font-size:18px;margin-bottom:15px;color:#2F332A;font-weight:bold;
padding-bottom:5px;font-size:20px;line-height:20px }
#content p{padding-bottom:20px}

#content h3{font-size:20px;margin-bottom:15px;}
#content h4{font-size:15px;margin-bottom:0px;font-weight:bold;}
.catpage{ margin-top:0px}



#content h3 a{
 color:#528036;
text-decoration:none;}

#content h1{
font-size:44px;
line-height:44px;
color:#000000;
font-weight:bold;
margin-bottom:10px;
line-height:12px;

}

#topnav{
text-align:right;
margin-bottom:40px;

}

#topnav ul {
float: right;
margin: 0;
padding: 0 15px;
list-style-type: none;
}

#topnav ul li {
float: right;
padding: 3px 15px 0 15px;
line-height: 24px;
display: block;
}

#topnav ul li a {
color: #fff;
font-size:15px;
border-bottom:1px dotted #ffffff;
}
#topnav ul li a:link,
#topnav ul li a:visited {
color: #fff;


}
#topnav ul li a:hover,
#topnav ul li a:active {
color: #fff;
text-decoration: none;
}

#topnav ul li.current_page_item a:link,
#topnav ul li.current_page_item a:visited,
#topnav ul li.current_page_item a:hover,
#topnav ul li.current_page_item a:active {
color: #fff;
text-decoration: none;
}


.more{
float:right;
font-size:10px;
margin-right:10px;
}

.more a{
 color:#2277BB;;

}

.title .vtext{
clear:both;
display:block;
}



#doctitle{
clear:both;
padding:10px 0 14px 7px;
width:98.5%;
color:#333333;
font-family:Helvetica,Arial,Sans-serif;
font-size:18px;
}

#doctitle strong{
font-weight:bold;
font-style:italic;
text-transform: capitalize; 
}

#topnav {
float:left;
width:100%;
height:47px;
font-size:11px;
text-align:right;
}

#topnav .info{margin:15px 25px 0 0;   }
#topnav .info ul{margin-right:4px;}
#topnav .info ul li{display:inline;float:right;margin-right:10px;}


#header{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
	width:100%;
	height:200px;
	float:left;
	position:relative;

}

#header_inner {
background-color:transparent;
padding:30px 25px;
}

#post{}
#postmeta{}
#navigation{}
#searchform{}
#sidebar{
width:180px;
float:left;
padding:20px;
line-height:1.75;
margin:0 0 20px;
word-spacing:-0.1em;
font-size:10px;
}


/*      sidebar            */

#sidebar h2 {
color:#333333;
font-family:Helvetica,Arial,Sans-serif;
font-size:18px;
line-height:1.2;
}


#sidebar h2{font-weight:bolder;margin:5px 0 10px;}

#sidebar ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#sidebar ul li a {
font-size:12px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px 0px 5px 0;
white-space:nowrap;
}


/*       end sidebar section      */

/*         header           */

.tagline {
float:right;
font-family:Helvetica,Arial,Sans-serif;
font-size:18px;
line-height:24px;
margin:8px 149px 0 0;
width:315px;
}

.sitedescription{
clear:both;
float:right;
font-family:Helvetica,Arial,Sans-serif;
font-size:12px;
line-height:12px;
margin:0px 149px 0 0;
width:315px;

}

#infobar{
float:left;
min-height:30px;
background:#000000;
width:730px;
height:50px;
line-height:18px;
padding:20px 25px;

}

.sitename{
height:100px;
}




.firefox-windows #home_search_submit {
padding:9px 10px 8px;
}

#bird {
left:291px;
position:absolute;
top:-32px;
}

/*         end  header section          */

/*         post/entry   */

.head{
margin-left:20px;
}





.catpleft{
float:left;
width:400px;
}

.catpright{
margin:5px 0 0 20px;
float:left;
margin-left:20px;
width:400px;
}

#content .catpage .head p{
font-size:29px;
}

#content .catpage h1{
font-size:24px;
margin-top:15px;
}

#content .catpage p{
color:#747D67;
font-size:14px;
line-height:21px;
}

#content .blogpage h1{
font-size:18px;
margin-top:5px;
margin-bottom:5px;
}



#content .blogpage .hentry  p,li{
color:#747D67;
font-size:14px;
line-height:21px;

}

ol{
margin-bottom:20px;
}

ol li{
list-style:decimal;
margin-left:20px;
}

ul li{
list-style:square;
}

#content .blogpage .hentry {
float:left;
padding:40px 60px 40px 40px;
}

small{
font-size:10px;p
}

#content .blogpage .hentry img {
border:#CCCCCC 1px solid;
padding:2px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
}

.blogleft {
float:left;
width:150px;
}


#contact h3{
font-size:36px;
}


#contact p{
font-size:30px;
margin-left:30px;
}

#contact h6{
font-size:20px;
}

.catpage .hentry{
position:relative;
width:820px;
float:left;
padding:40px 60px 40px 40px;
background:transparent url(images/header-bg.png) repeat-x scroll 0 0;
margin-bottom:40px;
font-size:20px;
filter:alpha(opacity=100); opacity:1;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomright:20px;
margin-bottom:40px;
filter:alpha(opacity=100); opacity:1;
border:10px #ffffff solid;
border-left:none;
}




.hentry{
position:relative;
padding:40px 60px 40px 180px;
width:740px;
border:10px #ffffff solid;
border-left:none;
background:transparent url(images/post-bg.png) repeat-x scroll 0 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomright:20px;
margin-bottom:40px;
font-size:36px;
filter:alpha(opacity=100); opacity:1;
}




.hentry:hover{background:#F7F7F7;}

.hentry ul{
margin-bottom:20px;


}

.hentry ul li{
list-style:disc;
margin-left:20px;
}

.hentry .panel{position:absolute;top:7px;right:5px;border:none;line-height:18px;vertical-align:middle;display:none;}
.hentry .panel .add_fav a,.hentry .panel .add_comment a{outline-style:none;outline-width:medium;background-position:50% 50%;background-repeat:no-repeat;display:block;height:16px;padding:3px 8px;margin-right:3px;}
.hentry .panel .add_fav a{background-image:url(images/icon_tweet.gif);}
.hentry .panel .add_comment a{background-image:url(images/icon_comment.gif);}

.hentry:hover .panel{display:block;}

.keygraphic{position:relative;top:-100px;left:0px;z-index:10;float:none;width:200px;height:90px}

.hentry .adminpanel{position:absolute;bottom:0px;left:70px;border:none;line-height:18px;vertical-align:middle;display:none;}
.hentry .adminpanel .category_keywords a,.hentry .adminpanel .post_tags a,.hentry .adminpanel .post_categories a,.hentry .adminpanel .spam_protector a,.hentry .adminpanel .block_author a,.hentry .adminpanel .edit_post a{outline-style:none;outline-width:medium;background-position:50% 50%;background-repeat:no-repeat;display:block;height:16px;padding:3px 8px;margin-right:15px;}
.hentry .adminpanel .edit_post a{background-image:url(images/pencil_16.png);float:left;}
.hentry .adminpanel .category_keywords a{background-image:url(images/plus_16.png);float:left;}
.hentry .adminpanel .post_tags a{background-image:url(images/label_16.png);float:left;}
.hentry .adminpanel .post_categories a{background-image:url(images/save_16.png);float:left;}
.hentry .adminpanel .block_author a{background-image:url(images/block_user_16.png);float:left;}
.hentry .adminpanel .spam_protector a{background-image:url(images/delete_16.png);float:left;}
.hentry:hover .adminpanel{display:block;}






.avatar{width:48px;margin:0;position: absolute;
	top:30px;left:30px;z-index:9;
}

.postdetail{margin-left:0px;width:100%;clear:both;}
.postmeta{line-height:15px;display:block;color:#999;font-size:0.764em;padding:5px 5px 5px 0;}
.postmeta span{margin:0 5px 0 0;padding:0 0 2px;}
.postmeta span a{color:#999;text-decoration:none;}

#footer{
position: fixed;
bottom:0;
left:0;
height:50px;
background:#000000;
width:100%;
clear:both;
padding:10px;
}

.footerleft{ width:40%;float:left}
.footerright{width:40%;float:right}

/*    end post/entry       */

#header_inner  #s{
	color: #f000;
	font-size: 18px;
	width: 335px;
	height: 32px;
	padding: 9px 0px 0 15px;
	font-family:Helvetica,Arial,Sans-serif;
font-size:18px;
	background:url(images/search-button.png) no-repeat;
	margin-right: 0px;
	border: none;
	margin: 0 auto;
}

#header_inner  #s:focus {
	background: url(images/search-button.png) no-repeat left -41px;
	outline: none;
}

#header_inner  #searchsubmit{

	border:none;
	width: 82px;
	height: 41px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search-button.png) no-repeat top right;
	margin-left:-5px;
}

#header_inner  #searchsubmit:hover {
	background: url(images/search-button.png) no-repeat bottom right;
}



#twitter-follow { border: 0;position: fixed;  top:39% !important; right:0;}


/* general styles */
blockquote {
display: block;
padding: 0 20px;
width: 350px;
}
blockquote:before, blockquote:after {
color: #528036; /*#69c;*/
display: block;
font-size: 400%;
width: 30px;
}

blockquote:before {
content: open-quote;
height: 20px;
margin-left: -0.40em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -40px;
margin-left: 355px;
}
/* close general styles*/