/*  
Theme Name: PSDVIBE V3
Theme URI: http://psdvibe.com/
Description: The Third installment of PSDVIBE.
Version: 3.0
Author: Matthew Heidenreich
Author URI: http://ezgraphicstudio.com/
Tags: clean, colorful, modern
*/


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration: none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

body{
	position:relative;
	background:url(images/body_bg.jpg);
	color:#000;
	font:62.5% Arial,sans-serif;
}

#wrapper_bg{
	width: 100%;
	height: 125px;
	margin: 0 auto;
	background: url(images/container_bg.jpg) repeat-x;
}

#main{
	width: 992px;
	margin: auto;
}

#top_bar{
	width: 977px;
	height: 14px;
	padding: 5px 15px 0px 0px;
}

#top_bar ul{
	float: right;
}


#top_bar ul li{
	font-size: 12px;
	float: left;
	margin: 5px 0px 0px 21px;
}

#top_bar ul li a{
	color: #fff;
	font-weight: bold;
}

#top_bar ul li.twitter a{
	color: #c9e3f1;
	vertical-align: top;
}

#top_bar ul li.twitter a span{
	float: left;
	color: #c9e3f1;
}


#top_bar ul li.twitter a img{
	position: relative;
	float: left;
	margin: -5px 0px 0px 10px;
}


#header{
	width: 967px;
	height: 78px;
	padding: 50px 12px 0px 13px;
}

#logo{
	display: block;
	width: 183px;
	height: 68px;
	float: left;
	margin: 10px 0px 0px 0px;
	background: url(images/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#tutorials{
	display: block;
	width: 196px;
	height: 72px;
	float: left;
	margin: 0px 0px 0px 43px;
	background: url(images/tutorial_button.jpg) no-repeat;
	text-indent: -9999px;
}

#resources{
	display: block;
	width: 196px;
	height: 72px;
	float: left;
	margin: 0px 0px 0px 24px;
	background: url(images/resources_btn.jpg) no-repeat;
	text-indent: -9999px;
}

#search{
	width: 296px;
	height: 68px;
	float: left;
	margin: 10px 0px 0px 29px;
}

#search_input{
	width: 198px;
	height: 31px;
	padding: 2px;
	float: left;
	margin: 0px 4px 0px 0px;
	background: url(images/search_input.jpg) no-repeat;
}

#search_input input.search{
	width: 185px;
	height: 19px;
	padding: 6px;
	border: none;
	float: left;
	background: none;
}

#search input.button{
	display: block;
	width: 90px;
	height: 31px;
	border: none;
	float: left;
	margin: 2px 0px 0px 0px;
	background: url(images/search_btn.gif) no-repeat;
	text-indent: -9999px;
}

#search ul{
	float: right;
}

#search ul li{
	float: left;
	font-size: 13px;
	color: #fb9e3a;
	margin: 10px 0px 0px 7px;
}

#search ul li a span{
	float: left;
}

#search ul li a{
	color: #fff;
}

#search ul li a img{
	position: relative;
	float: left;
	margin: -8px 0px 0px 11px;
}

#container{
	width: 992px;
	padding: 0px 0px 0px 0px;
	background: url(images/content_bg.jpg) repeat-y ;
}

#content{
	width: 946px;
	float: left;
	padding: 36px 23px 0px 23px;
	background: url(images/content_top.jpg) no-repeat;
}

#content_btm{
	width: 992px;
	overflow: hidden;
	padding: 0px 0px 47px 0px;
	background: url(images/content_btm.jpg) no-repeat bottom;
	clear: both;
}

#left_column{
	width: 635px;
	float: left;
	padding: 0px 27px 140px 9px;
}

#left_column h1{
	display: block;
	width: 273px;
	height: 17px;
	float: left;
	margin: 17px 0px 16px 15px;
	background: url(images/tutorials_heading.jpg) no-repeat;
	text-indent: -9999px;
}

.post{
	width: 620px;
	float: left;
	padding: 22px 10px 31px 5px;
	border-bottom: 1px solid #e6e6e6;
}

.thumbnail{
	width: 224px;
	height: 179px;
	float: left;
	margin: 0px 12px 0px 0px;
}

.post h2{
	font-size: 17px;
	color: #323232;
}

.post h2 a{
	color: #323232;
}

.post a{
	color: #9cca68;
}



.blue{
	font-size: 1.2em;
	margin: 3px 0px 0px 0px;
}

.blue span{
	width: auto;
	color: #ffffff;
    height: 12px;
	float: left;
    padding: 5px 5px;
	font-style: normal;
    background: #4b748a;
	margin: 0px;
	overflow: hidden;
}

.blue span a{
	color: #ffffff;
}

.blue span a:hover{
	color: #ffffff;
	text-decoration: none;
}

.blue span a:visited{
	color: #ffffff;
	text-decoration: none;
}

.excerpt{
	width: 360px;
	font-size: 12px;
	margin: 16px 0px 25px 0px;
	color: #323232;
	float: left;
	font-style: italic;
}

.comms_read{
	float: left;
}

.comms_read ul li{
	float: left;
	font-size: 13px;
	color: #cccccc;
	margin: 0px 12px 0px 0px;
}

.comms_read ul li a{
	color: #9cca68;
	font-style: italic;
	font-weight: bold;
}

#navigation{
	width: 620px;
	float: left;
	padding: 22px 10px 0px 5px;
}

.alignleft{
	float: left;
}

.alignleft a{
	display: block;
	width: 72px;
	height: 31px;
	background: url(images/back.gif) no-repeat;
}


.alignright{
	float: right;
}

.alignright a{
	display: block;
	width: 72px;
	height: 31px;
	background: url(images/next.gif) no-repeat;
}


#right_column{
	width: 275px;
	float: left;
	padding: 0px 0px 100px 0px;
}

#right_column h2.sponsors{
	font-size: 13px;
	color: #717171;
	margin: 7px 0px 10px 9px;
}

#right_column h2{
	font-size: 13px;
	color: #323232;
	margin: 7px 0px 10px 0px;
}


#sponsors{
	width: 271px;
	padding: 0px 0px 9px 4px;
	float: left;
}

#sponsors ul li{
	display: block;
	width: 125px;
	height: 125px;
	margin: 0px 0px 4px 5px;
	float: left;
	background: url(images/add.gif) no-repeat;
}

#featured_tutorial{
	width: 231px;
	float: left;
	padding: 10px 34px 10px 10px;
	background: #f1e4aa url(images/featured_bg.gif) top repeat-x;
}

#featured_tutorial img{
	float: left;
	margin: 10px 0px 0px 5px;
	border: 1px solid #f5ebc2;
}

#most_popular{
	width: 275px;
	float: left;
	background: #eeeded url(images/most_popular_bg.gif) top repeat-x;
}

#most_popular h2{
	margin: 15px 0px 11px 10px;
}


#most_popular ul li{
	display: block;
	width: 263px;
	height: 27px;
	color: #323232;
	font-size: 12px;
	padding: 17px 0px 0px 12px;
	background: #deecfe;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d1e3fe;
}

#most_popular ul li a{
	color: #323232;
}
#buysellads{
	width: 260px;
	float: left;
	padding: 0px 6px 0px 9px;
	background: #FFFFFF;
}

#community_links{
	width: 260px;
	float: left;
	padding: 0px 6px 0px 9px;
	background: url(images/community_link.gif) repeat-x;
}

#community_links h2{
	margin: 7px 0px 26px 0px;
}

#community_links ul li{
	display: block;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #f1f1f1;
}

#community_links ul li h3{
	font-size: 12px;
	font-weight: normal;
	color: #749e45;
}

#community_links ul li h3 a{
	color: #749e45;
}


#community_links ul li span{
	clear: left;
	font-size: 12px;
	color: #717171;
}

#community_form{
	width: 265px;
	padding: 19px 0px 0px 10px;
}

#community_form p{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

/*--------------------------Single Post------------------------------*/


.post_single{
	width: 606px;
	float: left;
	padding: 17px 0px 31px 24px;
	border-bottom: 1px solid #e6e6e6;
}

.post_single h3{
	font-size: 17px;
	color: #323232;
	float: left;
	padding: 0px 0px 0px 19px;
	background: url(images/h3_background.gif) no-repeat center left;
}

.post_single h3 a{
	color: #323232;
}


.post_meta{
	position:relative;
	float: right;
	text-align: right;
	font-size: 13px;
	color: #323232;
	margin: -10px 0px 0px 0px;
	font-style: italic;
}

.post_meta span{
	float: right;
	text-align: right;
	font-size: 11px;
	font-style: normal;
}

.post_single .excerpt{
	width: 370px;
	float: left;
	clear: both;
	margin: 40px 0px 0px 0px;
}

.post_single .thumbnail{
	width: 224px;
	height: 179px;
	float: right;
	margin: 23px 5px 0px 0px;
}

#author_container{
	width: 337px;
	height: 47px;
	float: left;
	padding: 8px 0px 0px 10px;
	margin: 38px 0px 0px 0px;
	background: url(images/author_bg.jpg) no-repeat;
}

#author_container a{
	color: #fff;
}

#author_information{
	width: 202px;
	height: 40px;
	float: left;
}

#author_information .gravator{
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px 8px 0px 0px;
}

#author_container h4{
	width: 110px;
	font-size: 13px;
	color: #a4a9ad;
	float: left;
	margin: 5px 0px 0px 8px;
}

#author_container h5{
	font-size: 13px;
	color: #fff;
	float: left;
	margin: 5px 0px 0px 8px;
}

#category_information{
	width: 123px;
	height: 40px;
	float: left;
	background: url(images/categroy_information_bg.gif) repeat-y left;
	padding: 0px 0px 0px 0px;
}

#category_information h5{
	clear: left;
}

.entry{
	width: 606px;
	float: left;
	padding: 5px 0px 31px 24px;
}


.entry p{
	color: #323232;
	font-size: 12px;
	clear: both;
	margin: 20px 0px 15px 0px;
}

.entry pre{
       float: left;
       clear: both;
}

.entry p a{
	color: #9cca68;
}


img.centered {
	display: block;
	margin-left: auto;
	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;
	}



#social{
	width: 621px;
	height: 128px;
	float: left;
	clear: both;
	padding: 17px 0px 0px 13px;
	background: url(images/social_bg.jpg) no-repeat;
}

.related_posts{
	width: 290px;
	float: left;
}

.showsome_love{
	width: 330px;
	float: left;
}

.related_posts h2{
	height: 22px;
	font-size: 16px;
	color: #fff;
	padding: 0px 0px 10px 33px;
	background: url(images/related_post_bg.gif) no-repeat;
}

.related_posts ul{
	margin: 0px 0px 0px 35px;
}

.related_posts ul li{
	font-size: 12px;
	color: #bababa;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 8px;
	background: url(images/related_posts_li_bg.gif) no-repeat center left;
}

.related_posts ul li a{
	color: #bababa;
}


.showsome_love h2{
	font-size: 16px;
	color: #fff;
	padding: 0px 0px 0px 34px;
	background: url(images/showsome_love_bg.jpg) no-repeat top left;
}

.showsome_love h2 span{
	font-size: 12px;
	color: #bababa;
}

.showsome_love ul{
	margin: 16px 0px 0px 34px;
}

.showsome_love ul li{
	float: left;
	margin: 0px 15px 0px 0px;
}


/*-------------------------------Comments---------------------------------*/

.comments{
	width: 635px;
	float: left;
	clear: both;
	padding: 30px 0px 0px 0px;
}

.comments h2 a{
	color: #7a7a7a;
	margin: 0px 0px 0px 0px;
}


.comments h3{
	font-size: 17px;
	color: #7a7a7a;
	margin: 0px 0px 14px 15px;
	font-style: italic;
}

.comments_container{
	width: 635px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url(images/comments_container_bg.gif) repeat-y;
}

.comments_text{
	width: 629px;
	float: left;
	padding: 17px 0px 0px 6px;
	background: url(images/comments_container_top.gif) no-repeat;
}

.comments_text ul li{
	display: block;
	width: 620px;
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
}

.comments_text ul li .avator{
	width: 76px;
	height: 73px;
	margin: 0px 2px 0px 0px;
	padding: 12px 0px 0px 13px;
	float: left;
	background: url(images/avator_bg.gif) no-repeat;
}

.comments_text ul li .comms{
	width: 527px;
	float: left;
	background: url(images/comms_bg.gif) repeat-y;
}

.comments_text ul li .comms_text{
	width: 473px;
	float: left;
	padding: 20px 10px 0px 44px;
	background: url(images/comms_top.gif) no-repeat;
}

.comments_text ul li .comms_text h2{
	color: #323232;
	font-size: 13px;
	margin: 0px 0px 6px 0px;
}

.comments_text ul li .comms_text p{
	color: #323232;
	min-height: 35px;
	font-size: 12px;
}

.comments_text ul li .comms_btm{
	width: 527px;
	float: left;
	overflow: hidden;
	padding: 13px 0px 0px 0px;
	background: url(images/comms_btm.gif) no-repeat bottom;
}

.comments_text ul li .date{
	float: right;
	color: #626262;
	font-size: 11px;
	padding: 2px 14px 0px 0px;
}

.comments_text ul li .date a{
	color: #626262;
}

.comments_text ul li .reply a{
	color: #626262;
}



.comments_btm{
	width: 635px;
	float: left;
	clear: both;
	padding: 0px 0px 17px 0px;
	background: url(images/comments_container_btm.gif) no-repeat bottom;
}


#comemnts_form{
	width: 603px;
	float: left;
	padding: 0px 0px 0px 26px;
}

#comemnts_form p{
	display: block;
	width: 600px;
	float: left;
	clear: both;
	margin: 0px 0px 5px 0px;
}

#comemnts_form p span{
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	color: #323232;
	float: left;
	margin: 13px 0px 0px 0px;
	text-align: right;
}

#comemnts_form p span.input{
	display: block;
	width: 337px;
	height: 31px;
	padding: 9px;
	margin: 0px 0px 0px 13px;
	background: url(images/comment_input_bg.gif) no-repeat;
}

#comemnts_form p span.input input{
	width: 331px;
	height: 25px;
	padding: 3px;
	background: none;
	border: none;
}

#comemnts_form p span.textarea{
	display: block;
	width: 338px;
	height: 154px;
	padding: 8px 9px 6px 8px;
	margin: 0px 0px 0px 13px;
	background: url(images/comments_textarea_bg.gif) no-repeat;
}

#comemnts_form p span.textarea textarea{
	width: 340px;
	height: 151px;
	background: none;
	border: none;
}

#comemnts_form p span.button{
	display: block;
	width: 154px;
	height: 49px;
	margin: 0px 0px 0px 20px;
}

#comemnts_form p span.button input{
	display: block;
	width: 154px;
	height: 49px;
	background: none;
}




















	
	






#footer{
	width: 992px;
	clear: both;
	text-align: center;
	font-size: 13px;
	color: #fff;
	padding: 12px 0px 0px 0px;
}











.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
#wrapper{
	width: 100%;
	margin:0 auto;
	background: url(images/wrapper_bg.jpg) no-repeat top center;
}