/*  
Theme Name: The Morning After
Theme URI: http://code.google.com/p/the-morning-after/
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.
Version: 1.3.2
Author: Arun Kale
Author URI: http://themasterplan.in/

Please read the license in the README.txt included with the theme.
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Start The Morning After stylesheet
-------------------------------------------------------------- */
.clear{clear: both;}

.container { background: white;  padding-left:10px; padding-right:10px; width: 960px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}

a { color: #000; text-decoration: none; }
h2 { font-family: Arial black, "Times New Roman", Times, serif;
font-size:25px;}


/* Header styles
-------------------------------------------------------------- */
#header { padding: 1.5em 0 0 0; height: 108px;  }

#header img		{width: 50px; height: 50px; float: right; padding: 5px; }
#header #logo { 
width: 168px;
height: 70px; 
border:none;
float: left;
}

#header ul{
float: left;
width:500px;
}

#header .searchbar{
float: right;
width: 250px;
margin-top: 35px;
}


#header ul li {
float: left;
margin: 10px;
list-style: none;
font-size: 18px;
font-weight: bold;
margin-top: 30px;
background: white;
padding: 5px;
}

#header a:hover{
color:#d9d9d9;
}


.title { padding: 0.5em 0 0 0.5em; font: 16px arial black, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #111; background:#f107cd; position:relative;  top:70px;}

#flash{
float: right;
position: relative;
width: 310px;
height: 285px;
background: black;
}

#banner{
float: right;
position: relative;
width: 310px;
height: 250px;;
background: black;
margin-top: 10px;
}


.header_titel{
width: 500px;
background: red;
float: left;
}


.over{
background: red;
}
/* Home page columns
-------------------------------------------------------------- */
#home{
float: left;
width: 640px;

}

#home_posts_div{
width: 650px;
float: left;
position: relative;
left: 0px;
}

#home_posts{
width:298px;
float: left;
background: white;
margin-right: 25px;
margin-bottom: 10px;
height: 250px;
border: 1px solid #d9d9d9;
}

#home_posts img{
width: 298px;
height: 100px;
}

.excerpt_home{
padding: 10px 10px 15px 10px;
}

.titel_home{
font-size: 15px;
font-weight: bold;
width: 300px;
padding: 0px 10px 0px 10px;

}

.titel_home span{
color: white;
	background:url(images/datum_home.gif) no-repeat;
	width: 55px;
	height: 50px;
	float: right;
	padding-left: 5px;
}


#errorsearch{
float:left; width: 500px; 
}

#s{
padding: 5px;
border: 1px solid #d9d9d9;
font-size: 12px;
font-style: italic;
color: #222;
}


#searchsubmit{
background: #eeeeee;
border: 1px solid #d9d9d9;
padding: 5px;
cursor: pointer;
}

#error_search{
width: 958px;
}

#error_search_links{
float: left;
width: 260px;
margin-right: 20px;
}


#error_search_rechts{
float:right;
width: 640px;
}
/*
RELATED POSTS
*/

#related_posts 		{width: 620px; background: #eeeeee; padding: 0px 10px 0px 10px; margin-bottom: 10px;  float: left; border: 1px solid #d9d9d9;}
.related_heel		{width: 600px;  }
.related_heel li	{float: left; width: 160px; margin: 0px 30px 0px 0px ; text-align: center; padding: 0px; }
.related-posts a:hover	{color:#d9d9d9;}
.related-posts img	{border: 1px solid #d9d9d9;}
#related_posts h2	{color: grey; padding-bottom: 10px; margin-left: 10px;}



/* featured post */

#home_featured { margin: 0 0 1.1em 0; float: left; width: 600px;}
.feat_content { float: left;  padding:10px; border:1px #d9d9d9 solid; width:604px; background:#eeeeee; margin-top:10px; position: relative; bottom: 10px; height: 170px; }

.feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
.feat_title { font: 700 22px Arial black, serif; padding: 0 0 0.3em 0; }
.feat_title a { color: #222; }

.mededelingen_content { float: right; color: #cacaca; padding: 0 0.7em 0.4em 0.7em; padding:10px; border:1px #d9d9d9 solid; width:296px; background:#222; padding:10px; margin-top:10px; width: 290px;}

#home_left{
width:600px;

}

.date{
	float:right;
	background:url(images/bg/date.gif) no-repeat;
	width:81px;
	height:41px;
  	font: 15px Arial black, serif;
  	color:#fff;
	padding:5px;
	font-weight: normal;
}



.feat_exc{
padding-top:10px;
color:#222;
font-style:italic;
}


/* Archive styles
-------------------------------------------------------------- */


.archive_name{
position:relative;
top:10px;
}

.archive_number{
width: 100px;
float: left;
}


#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0;  }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #224970; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; position:relative;top:10px; }
.archive_number { width:150px; padding: 0.5em 1.5em; margin: 0;  color: #fff; height: 70px; background: url(images/bg/search_results.gif) no-repeat;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; width:615px; position:relative; bottom:11px;}
.archive_title span {font-size: 12px; font-weight:bold; float: right; margin-right: 10px; color:white; margin-top: 4px;}



.archive_post_meta { color: #fff;}
.archive_post_meta a, .post_meta a { color: #d9d9d9; padding: 10px; }
.archive_post_meta a:hover, .post_meta a:hover { color: #d9d9d9; text-decoration: underline; }



/* Single post styles
-------------------------------------------------------------- */

.post_meta { color: #666; padding: 2px; 10px 10px 10px; }
.post_meta_tag { color: #666; }
.post_meta p img { margin: 0; padding: 0; float: none; }
.post_meta p { margin: 0 0 0.4em 0; font: "Trebuchet MS", 12px; padding:10px; }
#post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p { text-align: right; line-height: 1.5em; }
#post_content p img { margin: 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
#post_content p a, #arch_content p a { color: #224970; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

#content{
width:620px;
padding:0px 10px 10px 10px;
margin-top: 10px;
background: #eeeeee;
border: 1px solid #d9d9d9;
float: left;
}

.single_titel{
padding: 15px 0px 5px 0px;
}

#sidebar_single{
position:relative;
bottom:76px;
}


#sidebar{
width:320px;
float: right;
}

#sidebar a{
font-size: 14px;
font-weight: bold;
color: #00adae;;
}



#sidebar img{
float: left;
}

#single{
width: 600px;
float: left;
}

#fotos {
width: 300px;
top:10px;
position: relative;
top:10px;
}

#fotos p{
color: black;
z-index: 1500;
float: right;
}

#fotos{
cursor: pointer;
}


.sneaker_foto{
padding-left: 10px;
width: 50px;
height: 50px;
}


.title_mededelingen	{
height: 50px;
}

.postList_categorie{
font: 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
width:270px;
}

postList_categorie p {
text-align:justify;
}

.postList_categorie li{
border-bottom:1px solid #d9d9d9;
list-style:none;
margin-left:-20px;
padding-left:20px;
height:30px;
margin-top:15px;
}



/* archives page */

#page_content{
width:620px;
background:#eeeeee;
border: 1px solid #d9d9d9;
padding:10px;
margin-top:10px;
}

#page_content h2{
color:#000;
font-family: Arial black, "Times New Roman", Times, serif;
font-size:25px;
padding:0 10px 10px 10px;
background: url(images/bg/page_content.gif) no-repeat;
height:51px;
}
ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 2px; }
ul.archives li a, ul.wp-tag-cloud li a { color: #224970; }
ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #000; background: #eee; }

/* Footer
-------------------------------------------------------------- */

#footer {background:#222 url(images/bg/footer.gif) no-repeat top center; height:250px; width:960px;  padding: 1em 0 0 0; color: #666; margin: 0 auto; margin-top: 10px; }

#navigatie{
padding-top:20px;
}

.footer_titel{
color:white;
padding:0 5px 5px 20px;
}

#footer p{
padding: 0px 30px 30px 30px;
text-align: left;
}

#footer .tekst{
width: 500px;
float:left;

}

#footer .sponsor{
float: left;
width:200px;

}

#footer .links{
float: left;
width: 200px;

}

.header_footer{
padding: 0px;
color:white;
padding-left: 30px;
padding-top: 25px;
}


/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: url(images/bg/input.gif) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 5px 0 0 5px; color: #FFF; font: bold 0.9em arial black, sans-serif; float: left; }

/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; font:25px arial Black; background:#d9d9d9; width:620px; padding:10px;}
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { background: url(images/bg/mast4bg.gif) no-repeat; height: 27px; width:100px; text-transform: uppercase; font-family: Arial black; font-size: 10px;; line-height: 1.8em; padding: 0 0 0 5px; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; background:url(images/bg/page_content.gif) no-repeat; height:41px; padding: 5px; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; color:white; }
.navigation { color:black;}
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.em { background: #dadada; float: left; }

.navlink {
        margin:0px 48px 20px 40px;
        color:#808080;
        text-align:center;
        font-size:10px;
}


/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }