/*  
Theme Name: WhatsInYourEmail
Theme URI: http://www.WhatsInYourEmail.com/
Description: This theme was developed for the WhatsInYourEmail.com website.
Version: v1.0
Author: Mitchell Hedditch
Author URI: http://blog.MitchellHedditch.com

	WhatsInYourEmail.com
	 http://www.WhatsInYourEmail.com

	This theme was designed and built by Mitchell Hedditch.
	whose blog you will find at http://blog.mitchellhedditch.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

/* Default CSS Settings */

@import url("default.css");
@import url("msg.css");



/******************HEADER SETTINGS***********************/

#header {background: transparent; margin:0px; width: 1000px; float: left;}


#header_content {display:block; background:#427CB8; border:1px solid #c8c8c8; /*border-width:0 1px;*/ padding: 10px 0px 0px 0px; width: 1000px; color: #fff;}

.header_xtop, .header_xbottom {
		display:block; 
		background: transparent; 
		font-size:1px;
		}

.header_xb1, .header_xb2, .header_xb3, .header_xb4 
		{
		display:block; 
		overflow:hidden;
		}

.header_xb1, .header_xb2, .header_xb3
		{
		height:1px;
		}

.header_xb2, .header_xb3, .header_xb4 
		{
		background:#90B557;
		border-left:1px solid #90B557;
		border-right:1px solid #90B557;
		}

.header_xb1 		
		{
		margin:0 5px;
		background:#90B557;
		}

.header_xb2 		
		{
		margin:0 3px; 
		border-width:0 2px;
		}

.header_xb3 		
		{
		margin:0 2px;
		}

.header_xb4 		
		{
		height:2px;
		margin:0 1px;
		}
		
#logo_container
		{
		margin: 0px;
		border: 0px;
		padding: 0px 0px 8px 0px;
		width: 1000px;
		background: #427CB8;
		float: left;
		}

#logo		{
		margin: 0px 0px 0px 10px;
		border: 0px;
		padding: 0px;
		width: 490px;
		display: inline;
		float: left;
		font-weight: bold;
		font-size: 14pt;
		font-family: Monaco, Verdana, "Courier New", monospaced;
		line-height: 23px;
		}

#logo a	{color: #FFF;}
#logo a:visited {color: #FFF;}
#logo a:hover {color: #FFF;}

#search		{
		display: inline;
		float: right;
		margin: 0px 10px 0px 0px;
		border: 0px;
		padding: 0px;
		width: 490px;
                  }
	
#search form, input
		{
		float: right;
                  }

/*MENU CSS*/

#menu	{
		display: block;
		float: left;
		margin: 0px;
		border: 0px;
		padding: 5px 10px 5px 10px;
		width: 980px;
		line-height: 20px;
		background: #1B5790;
		}

#menu ul	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		float: left;
		}

#menu li	{
		padding: 0px 8px;
		display: inline;
		float: left;
		}
		
#menu a	{color: #A0D4FF;}
#menu a:visited {color: #A0D4FF;}
#menu a:hover {color: #C4F8FF;}

#popularity_menu
		{
		float: left;
		}
		
#media_menu
		{
		float: right;
		}

/*END MENU CSS*/

#header_spacer
		{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 1000px;
		height: 5px;
		background: #90B557;
		float: left;
		}
		
#categories	{
		display: block;
		margin: 0px;
		border: 0px;
		padding: 5px 10px 0px 10px;
		width: 980px;
		line-height: 20px;
		background: #90B557;
		}

#categories ul	{
		margin: 0px auto;
		}

#categories li	{
		padding: 5px 5px 0px;
		display: inline;
		}
		
#categories a	{color: #2F5300; padding: 2px;}
#categories a:visited {color: #2F5300;}
#categories a:hover {color: #012B00;  background: #C1E685; padding: 2px;}
/******************END HEADER****************************/


/******************Content Area*************************/
#wrapper	{
		margin: 20px 0px;
		border: 0px;
		padding: 0px;
		width: 1000px;
		background: #fff;
		color: #000;
		display: inline;
		float: left;
		}
		
#content	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 750px;
		background: #fff;
		color: #000;
		float: left;
        	display: inline;
		overflow: hidden;
		}

.post_clip	{
		margin: 0px 50px 15px 20px;
		border: 0px;
		padding: 0px;
		width: 750px;
		display: inline;
		float: left;
		font-size: 10pt;
		font-family: arial, verdana, sans-serif !important;
		}

.bump_button	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 48px;
		display: inline;
		float: left;
		}

.post_body_excerpt
		{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 510px;
		display: inline;
		float: left;
		overflow: hidden;
		}

.post_image	{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 100px;
		display: inline;
		float: right;
		}
		
.post_image img
		{
		margin: 0px;
		padding: 4px;
		border: 1px solid #000;
		}

.post_image a, a:visited, a:hover
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		text-decoration: none;
		}

.post_title
		{
		margin: 0px 10px;
		border: 0px;
		padding: 0px;
		width: 490px;
		display: inline;
		float: left;
		font-size: 16px;
		font-weight: bold;
		}

.post_title a	{
		text-decoration: underline;
                  }


.post_clip_txt
		{
		margin: 7px 10px;
		border: 0px;
		padding: 0px;
		width: 490px;
		display: inline;
		float: left;
		}

.post_clip_txt a  {
                  font-weight: normal;
                  text-decoration: underline;
                  }


.post_info
		{
		margin: 0px 10px;
		border: 0px;
		padding: 0px;
		width: 490px;
		display: inline;
		float: left;
		font-size: 11px;
                  font-weight: normal;
		}

.comments_link	{
		margin: 0px 20px 0px 0px;
                  display: inline;
                  float: left;
		}

.bounce_link	{
		margin: 0px 20px 0px 0px;
		display: inline;
		float: left;
		}

.share_link	{
		margin: 0px 20px 0px 0px;
		display: inline;
		float: left;
		}

.emailed_by	{
		margin: 0px;
		display: inline;
		float: left;
                  font-weight: normal;
		}

.emailed_by a     {
                  font-weight: bold;
                  }
		
.edit_email	{
		margin: 0px 0px 0px 20px;
		display: inline;
		float: left;
                }


.content_ad
		{
		margin: 0px 90px 15px;
		border: 1px solid #333;
		padding: 0px;
		text-align: center;
		width: 468px;
		background: transparent;
		display: inline;
		float: left;
		font-size: 7pt;
		}
		
#paginate	{
		margin: 0px 120px 15px;
                  /*text-align: center;*/
		line-height: 30px;
		color: #1B5790;
		}

#privacy_list   {
		list-style: disc;
		}

#privacy_list li{
		margin-bottom: 5px;
		margin: 0 30px;
		text-align: justify;
		}

/******************End Content Area*********************/

/******************SIDEBAR******************************/

#sidebar {
	background: transparent;
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	width: 250px; 
	float: left; 
	display: inline; 
	padding: 0px;
	}

#top_sidebar_ad
	{
	margin: 0px 0px 10px 0px;
	border: 0px;
	padding: 0px;
	width: 250px;
	float: left;
	display: block;
	}
	
#sidebar_content 
         {
         display:block; 
         background:#f8f8f8; 
         border:5px solid #c8c8c8; 
         border-width:0 1px; 
         padding: 5px 0px 0px;
         font-size: 10px;
         width: 248px;
         overflow: hidden;
         }

.sidebar-box
         {
         margin: 0px;
         border: 0 solid #e8e8e8;
         border-width: 0 0 1px 0;
         padding: 5px 2px;
         width: 244px;
         display: inline;
         float: left;
         }

.bottom
         {
         border-width: 0;
         padding: 5px 7px 0px;
         }

.sidebar-box li, ul, .list ul, li
         {
         list-style: none;
	padding: 2px 5px;
	margin: 0px;
         }

.bottom_sidebar_ad
         {
         margin: 30px 0px;
         }

#sidebar h1, #sidebar h2, #sidebar p {margin:0 10px 0 0; letter-spacing:1px;}
#sidebar h1 {font-size:2.5em; color:#666;}
#sidebar h2 {font-size:2em;color:#06a; border:0;}
#sidebar p {padding-bottom:0.5em;}
#sidebar h2 {padding-top:0.5em;}

.login   {
         margin: 0px;
         border: 0;
         padding: 2px 0px;
         width: 100%;
         display: block;
         float: left;
         overflow: hidden;
         }

.login input
         {
         margin: 0px;
         padding: 0px;
         display: inline;
         float: right;
         }

.login label
         {
         margin: 0px;
         border: 0px;
         padding: 0px;
         display: inline;
         float: left;
         }


/******************ENED SIDEBAR*************************/

/******************COMMENTS****************************/
#comment-template
		{
		margin: 10px 15px 10px 5px;
		border: 0px solid #e8e8e8;
		border-width: 1px 0 0 0;
		padding: 0px;
		width: 710px;
		font-size: 10pt;
		font-family: arial, verdana, sans-serif !important;
		}
		
.comment-box
		{
		margin: 0px;
		border: 0px solid #e8e8e8;
		border-width: 0 0 1px 0;
		padding: 7px 10px;
		width: 690px;
		display: inline;
		float: left;
		overflow: hidden;
		}
		
.avatar
		{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 50px;
		display: inline;
		float: left;
		}
		
.author
		{
		margin: 0px;
		border: 0px;
		padding: 0px;
		width: 150px;
		display: inline;
		float: left;
		}
		
.text
		{
		margin: 0px;
		border: 0px solid #000;
		padding: 0px;
		width: 490px;
		display: inline;
		float: left;
		}

/*****************END COMMENTS************************/

/******************FOOTER CSS***************************/
#footer	{
		background: transparent;
		width: 1000px;
		margin: 0px;
		padding: 0px;
		float: left;
		}

#footer_content {
		display: block;
		padding: 5px 0px;
		background:#f8f8f8;
		border:0 solid #c8c8c8;
		border-width:0px 1px;
		height: 10px;
		line-height: 10px;
		font-size: 10px;
		}

#footer_content ul	
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		float: right;
		}

#footer_content	li	
		{
		padding: 0px 10px 0px 4px;
		display: inline;
		}
		
#footer_content p
		{
		margin: 0px;
		border: 0px;
		padding: 0px;
		}
/******************END FOOTER CSS***********************/



/******************ROUNDED CORNERS*************************/
.xtop, .xbottom {
		display:block; 
		background:transparent; 
		font-size:1px;
		}

.xb1, .xb2, .xb3, .xb4 
		{
		display:block; 
		overflow:hidden;
		}

.xb1, .xb2, .xb3
		{
		height:1px;
		}

.xb2, .xb3, .xb4 
		{
		background:#f8f8f8;
		border-left:1px solid #c8c8c8;
		border-right:1px solid #c8c8c8;
		}

.xb1 		{
		margin:0 5px;
		background:#c8c8c8;
		}

.xb2 		{
		margin:0 3px; 
		border-width:0 2px;
		}

.xb3 		{
		margin:0 2px;
		}

.xb4 		{
		height:2px;
		margin:0 1px;
		}
/******************END ROUNDED CORNERS*********************/


/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */