/*
Theme Name: Prebuilt
Theme URI: http://www.devlounge.net
Description: A theme built by Astereostudio and Devlounge.
Version: 2.0.1
Author: Astereostudio & Devlounge
*/


/* Base Layout 
++ This is how the main site is structured. This includes wraps to
hold everything together in a clean and efficient way. These styles
are all used in the header.php, as they are repeated throughout everypage.
*/

body {
margin-top: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:  url(/wp-content/themes/prebuilt/images/bg_header2.gif) repeat-x;
color: #666;
/*font-size: 1.0em;*/
}

a img {
border: none;

}
 
a {
color: #D2B548;
text-decoration: underline;
}

a:hover {
color: #BE420E;
text-decoration: none;
}


h2 a, h3 a, h4 a, h5 a, h6 a  {
color: #BE420E;
text-decoration: underline;
}

h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover {
color: #D2B548;
text-decoration: underline;
}

img {
	border-style: solid; 
	border-width: 0px; 
	margin: 0px; 
	padding: 0px; 
	float: none;
	display: inline;
	position: relative;
}

.imagecenter{
 min-width: 400px;
float: none;
margin: auto;
}

#catimage {
float:left;
margin-right: 5px;
margin-top: 15px;
}

.post strong.withcolor {
color: #BE420E;
}
h1, h2, h3, h4, #header ul li {

font: 0.8em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #BE420E;
margin-top: 0px;
margin-bottom: 0px;
padding: 5px 0px 0px 0px;
}

#header ul li {
/*
font: 1em Arial, Helvetica, sans-serif;
*/
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #BE420E;
margin-top: 0px;
margin-bottom: 0px;
}

p, ul, ol {
font-size: 0.8em;
}
ul.children {
font-size: 1em;
}

.stuffholder {
padding:15px 0px;
}
.stuffholder2 {
padding:0px;
}
.stuffholder5 {
padding:10px 0px;
}

.stuffclear {
clear: both;
padding-bottom:15px;
}
.stuffclear2 {
clear: both;
padding-bottom:0px;
border-bottom: 1px solid #F7EDCA;
}
.stuffclear3 {
clear: both;
margin-bottom:10px;
border-bottom: 1px solid #F7EDCA;
}
.stuffclear5 {
clear: both;
padding-bottom:10px;
}

.stuffleft {
font-size: 0.8em;
width: 50% !important;
float: left;
}

.stuffright {
font-size: 0.8em;
width: 45% !important;
float: right;
text-align:right;
}


#wrap {
width: 750px;
height: 100%;

margin: 0 auto;
border: 0px;
}

#header {
width: 750px;
height: 103px;
margin: 0 0 0 0;
margin-bottom: 20px;
background:  url(/wp-content/themes/prebuilt/images/bg_header_logo3.gif) no-repeat;
}

#pagelist {
	font-size: 0.7em;
	text-align: right; 
	margin: 0px 0px 12px 0px;
}

#header ul {
	font-size: 1em;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
	left: 0px;
	}

#header ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#header ul li a {
	padding: 5px 10px 8px;
	color: white;
	margin: 0px;
	}

#header ul li a:hover {
	color: #fff !important;
	background-color: #BE420E !important;
	text-decoration: none;
	}

#header ul li.current_page_item a {
	color: #BE420E !important;
	text-decoration: none;
	}

#header ul li.current_page_item a:hover {
	color: #fff !important;
	}

/* Index
++ In this case, we'll be splitting into two columns, but because
our recent comments feature is located in the sidebar, all of that will
be styled in the sidebar section below. This is where classes such as headlines
and post links are defined.
*/

#hppost {
width: 510px;
padding-left: 5px;
padding-right: 10px;
float: left;
border-right: 1px solid #F7EDCA;
}

#breadcrumb h1 {
	font: 0.7em Verdana, Arial, helvetica, san-serif;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-weight: normal;
	color: #E4CE82;
}

#intro {
border-bottom: 1px solid #F7EDCA;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#intro h1 {
font: 1.5em Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-weight: bold;
padding-top:0px;
margin-top:0px;
}
#intro h1 a {
text-decoration: none;
color: #BE420E;
}
#intro h1 a:hover {
text-decoration: underline;
}

.postmetadatatop {
	margin: 0px;
	padding: 0px;
}
.postmetadatatop ul {
	font-size: 0.55em;
	line-height: 1.3em;
	color: #E4CE82;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	left: 0px;
	}

.postmetadatatop ul li {
	list-style-type:none;
	margin: 0;
	}

.postmetadatatop ul li a {
	margin: 0;
	color: #E4CE82;
	text-decoration: underline;
	}

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

#aboutauthor {
width: 100%;
float: left;
font-size: 0.7em;
background-color: #FBF6DE;
border: 1px solid #F7EDCA;
padding: 5px 5px 0px 0px;
margin: 10px 20px 0px 0px;
}
#aboutauthor h4 {
border: 0px;
margin: 0px;
padding: 5px 0px 0px 0px;
}

/* Entry & Post Styling
++ This is where we will be styling the paragraph elements and their link states, to eliminate image borders and allow you to set different image link styles.
*/
.entry {
border-bottom: 1px solid #F7EDCA;
}

/*   no extra stuyling needed, as standard format rules apply   */

/* Sidebar
++ The sidebar is where you can put anything you'd like to display
on the sides (heh, get it?), of each page. In this case, Prebuilt's
sitebar comes with built in support for the "Recent Comments" plugin,
along with pulling Gravatars for that person. To style these elements,
we introduce the sidebar classes.
*/

#sidebar {
width: 210px;
float: right;
vertical-align: top;
} 

#sidebar p {
font-size: 0.8em;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
}

#sidebar span {
font-size: 0.8em;
}

#sidebar ul{
	list-style-type:bullet;
	margin:8px 0;
	padding:0;
}
#sidebar ul li{
	margin-left:20px;

}

#sidebar form{
	
	margin:8px 0px 8px 0px;
	

}
/* Comments
++ Here we are setting the styles, colors, and etc for the post comments. Prior to prebuilt 2, we didn't even add any css for this (forgot really), so now go have fun and customize away!
*/

#commentarea {
width: 100%;
margin-top: 0px;
}
#commentarea h4{
border-bottom: 1px solid #F7EDCA;
padding-bottom: 10px;
}
/*
#precomments {
width: 100%;
}

#precomments p {
float: right;
border: 0px;
margin: 5px 0px;
}
*/

/*
#precomments {
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
background-color: #f7f7f7;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
}

#precomments strong {
font: 1em Arial, verdana;
font-weight: bold;
}

#precomments a {
font-size: 0.8em;
border: 0px;
}

#precomments img {
vertical-align: absmiddle;
border: 0px;
}

*/
/*
.comleft {
width: 45% !important;
float: left;
margin-bottom: 15px;
}

.comright {
width: 50% !important;
float: right;
margin-bottom: 15px;
background-color:#F7F7F7;
padding:4px;
border: 1px solid #eee;
}
*/


p.postmetadata {
font-size: 1em;
display:inline;
color: #ccc;
}

p.cauthor {
font-size: 0.8em;
display:inline;
font-weight: bold;
}

p.postmetadata a {
font-size: 0.8em;
color: #ccc;
background-color:#fff;
text-decoration:none;
}
p.postmetadata a:hover {
text-decoration:underline;
}





.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:250px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}


.alt{
	background:#fff;
	padding:0.5em;
}

.alt2{
	background: #fff url(/wp-content/themes/prebuilt/styles/%27images/postdata.gif%27) 15px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	margin: 10px auto;
	padding: 5px 20px 5px 45px;
}

.comment-even, .comment-preview {
	background-color: #F8FAFC;
}

.comment-odd {
	background-color: #fff; /* Change this colour to add "Flip flopping" backgrounds */
}

.authorcomment { /* Author background color */
	background-color: #f7f7f7;
}

/* Comment/Trackback Favatars & Gravatars */
.comment-favatar {
	-moz-opacity:0.5;
	opacity: 0.5;
	
	background: center center;
	float: right;
	margin: 2px 0 0 0; 
	width: 16px;
	height: 16px;
}
.comment-favatar:hover {
	-moz-opacity:1;
	opacity: 1;
}
.trackback-favatar {
	background: center center;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 6px 0 2px;
	cursor: pointer;
}
.comment-gravatar img {
	float: right;
	padding: 2px;
	margin: 0;
	border: 1px solid #A5A5A3;
	width: 30px;
	height: 30px;
	background: #fff url(/wp-content/themes/prebuilt/styles/wp-content/gravatars/avatar.jpg) no-repeat center center;
}

#commentform textarea {
	width: 90%;
}

.gravatar {
	margin-right: -5px;
	float: right;
	border: 0px;
	}

#commentlist blockquote {
	border-left: 10px solid #ebebeb;
	padding-left:20px;
	background-color:#ccc;
}

/* gravatar / skippy.net plugin
*/

.gravatar {
        float:left;
        padding: 3px;
        border: 1px solid #000;
        background: #fff;
}

.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #000;
        background: #fff;
}

/* avatar / cheesemasterdan.com plugin
*/ 

.penciledit {
margin: 0px;
border: 0px; 
padding: 3px 0px 0px 0px;
float: right;
}

.cmd-avatar {
clear: none;
text-align: left;
float: left;
display: block;
margin: 0px 5px 0px 0px;
border: 1px #eee solid; 
padding: 3px;
}

.entry img {

text-align: left;
display: block;
margin: 0px 5px 0px 0px;
border: 1px #eee solid; 
padding: 3px 0px 3px 0px;
}

.entry2 img {

clear: none;
text-align: left;
float: left;
display: block;
margin: 0px 5px 0px 0px;
border: 1px #eee solid; 
padding: 3px;
}

.stuffholder img {
clear: none;
display: inline;
float: left;
margin: 0px 5px 0px 0px;
border: 0px #eee solid; 
padding: 3px;
}
.stuffright img {
clear: none;
display: inline;
float: right;
margin: 0px 5px 0px 0px;
border: 0px #eee solid; 
padding: 3px;
}

.postmetadatatop .cmd-avatar
{
clear: none;
display: inline;
float: left;
margin: 0px 3px 0px 0px;
border: 1px #eee solid; 
padding: 0px;
width:25px;
height:25px;
filter: Alpha(Opacity=50);
-moz-opacity:.5;
opacity:.5;
}

/* Middle Spacer
++ This is where we have some quick styling to create
a space between content above and the extras below. We are now just leaving a nice white cap, to increase whitespace and spacing.
*/

#secdivide {
width: 746px;
height: 30px;
margin: 0 auto;
background-color: #fff;
margin-top:8px;
margin-bottom: 8px;
}


/* Tag Cloud
*/

#tagcloud {
padding: 10px;	
font-family: Arial;
font-weight: normal;
text-align:center;
}
#tagcloud a {
font-family: Arial;
text-decoration: none;
}
#tagcloud a:hover {
text-decoration: underline;
}

#sidebar #tagcloud {
font-size:0.6em;
font-weight: normal;
}

/* Flickr Intergration
++ This styles your flickt images, called in via rss
in the flickrss plugin. You can style your images
however, giving them borders, rollover colors, etc.
*/

#flickr ul li { 
padding: 0; 
margin: 0; 
border: 0; 
}

#flickr a img { 
border: 1px #F7EDCA solid; 
padding: 3px; 
margin: 3px;
}

#flickr a:hover img { 
border: 1px #999 solid;
} 

#flickr ul { list-style: none; }
#flickr ul li { display: inline; }

/* Extras
++ This is for category listings, search, archives, etc.
We have set this area up you it can be filled with whatever you may want to put here.
*/

#extras {
width: 746px;
height: 100%;
padding-bottom: 5px;
margin: 0 auto;
list-style-type: none;
background-color: #f7f7f7;
margin-bottom: 10px;
}

#extras .holder {
padding: 5px;
}

#extras .aboutphoto {
width: 100px;
height: 80px;
float: left;
padding-left: 20px;
margin-right: 20px;
}

#extras .abouttxt {
font-size: 10px;
padding-right: 20px;
}



#extras h2 {
font-weight: bold;
font-size: 12px;
margin-bottom: 5px;
}

#extras a {
color: #999;
text-decoration: none;
}

#extras a:hover {
color: #000;
}

#extras ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#extras ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.extrasinside {
padding: 5px;
font-size: 10px;
line-height: 12px;
color: #999;
}

/* Footer
++ The footer is where it all comes together and comes to a close. Styling this is fairly simple, because there's not much to do.
*/

#footer {
color: #E4CE82;
width: 747px;
font-size: 0.7em;
margin: 0 auto;
padding-top: 5px;
border-top: 0px solid #F7EDCA;
}


/* Search
*/
#sform {
font-size:0.8em;
font-family: verdana;
padding: 15px 0px 5px 0px;
margin:0px;
height:25px;
}

#hppost #sform {
font-size:0.8em;
padding: 0px 0px 20px 0px;
margin:0px;
}

#header #sform {
text-align:right;
font-size:0.8em;
padding: 20px 0px 8px 0px;
margin:0px;
}

/* Cal
++ We tweaked out the calander so it looks alot smoother than the default widget one. Here's how it works. It's been set to light greys so it matches all our color schemes.
*/

#wp-calendar {
	background-color:#F1F1EF; 		
	border-top:1px solid #FFFFFF;	
	font-size:9px;
	vertical-align:middle;
	text-align:center;
        width: 210px;
        margin-bottom: 12px;
}

#wp-calendar a {
border: 0px;
text-decoration: none;
}

#wp-calendar a:hover {
border: 0px;
text-decoration: none;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #f7f7f7;
	color: #222;
}

#wp-calendar caption {
	color: #999;
	font-size: 10px;
	text-align: center;
	padding: 2px;
}

#wp-calendar td {
	color:#333333;
	font: normal 9px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	background-color: #FFFFFF;
}

#wp-calendar td.pad:hover {
	font-size:9px;
	color:#222;
	background-color: #e2e2e2;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #ccc;
	color: #222;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
.yt_container{

}
.yt_video_full{

}
.yt_video_thumbs{

}
.yt_video_thumb{
	float:left;
	width: 150px;
	height: 160px;
	padding: 0px;
	margin: 5px 10px;
}
.yt_video_thumb_img{
	background-color: #fff;
}
.yt_video_thumb_shadow{
	float: left;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
}
.yt_video_thumb_shadow img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}
.yt_thumb_meta_label{
	font-size: 0.8em;
}