/*  
Theme Name: Mondoblog Theme
Theme URI: 
Description: A simple theme for mondoblog.se
Version: 1.0
Author: Kristofer H
Author URI: 

*/

html, body {
	
	margin:0 auto;
	line-height:1.5;
	text-align:center; 
	height:100%;
}

body {
    padding: 0;
	padding-bottom: 20px; /* Some nice space in IE */
	margin: 0;
	text-align: center;
	/* background: black; */ /* orginal #f0f0f0 */
	background:#f0f0f0 url('images/pinkbackground.jpg') no-repeat top center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	}

p   {font-size: 11px;}
a   {color:#333;border:none;text-decoration:none;}
a img	{border:none;}

input.disabledinput { color:#aaa; font-style:italic; }
input[type=checkbox] { margin:0; padding:0; width:14px; height:14px; }

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.hidden { display:none; }

#blogs_list #blogresultstitle { background:#000; color:#FFF; font-weight:bold; font-size:12px; padding:4px; }
#blogs_list .header { padding:20px 20px 10px 22px; }
#blogs_list .header .blogsearch input { width:170px; }
#blogs_list .header .viewonly { padding:1px 0 0 1px; }
#blogs_list .header .viewonly .cb { padding:4px 0 0 0; }
#blogs_list .header .viewonly .txt { font-size:7pt; padding:5px 0 0 4px; }
#blogs_list .header #listtypeareas { float:left; padding:12px 0 0 20px; }
#blogs_list .header #listtypeareas #listtypearea_list,
#blogs_list .header #listtypeareas #listtypearea_photo,
#blogs_list .header #listtypeareas #listtypearea_profile { float:left; }
#blogs_list .header #listtypeareas #listtypearea_photo,
#blogs_list .header #listtypeareas #listtypearea_profile { padding-left:8px; }
#blogs_list .resultstable { margin:0 20px 10px 20px; }
#blogs_list .resultstable .style_list .resultsline { width:300px; float:left; }
#blogs_list .resultstable .style_list .resultsline a { font-weight:bold; display:block; padding:2px 0; }
#blogs_list .resultstable .style_list .resultsline a:hover { text-decoration:underline; }
.bloglist_small_image  {float:left;width:50px;padding:4px 0 0 0;}
.bloglist_small_image a	{display:block;}
.bloglist_small_title	{float:left;width:190px;}
.bloglist_small_title div	{padding:0 0 0 10px;}


#mainContainer {
	width:980px;
	margin: 0px auto; /* funny little bug requires this */
	padding: 0;
	text-align:left;
	background: white;
	float:left;
	}	
	
#header { 
    width: 980px;
	background: #000;
	height: 99px;
	}
	

/* Main Content (Index) styles begin below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/	
	
.withSidebar { float: left; width: 538px; }	

#mainmenu
{
    height:46px;
    width:980px;
    background-image:url('http://www.mondoblog.se/wp-content/uploads/2012/02/gradientmenubg.jpg');
    background-color:#000;
}


#mainmenu ul  a                         {color:#FFF;text-decoration:none;text-transform:uppercase;font-weight:bold;}
#mainmenu ul  li                        {float:left;height:23px;padding:13px 15px 10px 15px;margin:0px 1px 0px 1px;text-align:center;}
#mainmenu ul  li.current_page_item         {background:#fff;}
#mainmenu ul  li.current_page_item a       {color:#000;}
#mainmenu ul  li:hover                  {background:#fff;}
#mainmenu ul  li:hover a                {color:#000;}

#mainmenu ul                {margin:0px 0px 0px 0px;list-style:none;color:#FFF;font-family: Arial;}

.tblBlogsList img	{vertical-align:middle;margin-right:5px;}

#content {
    margin: 20px;	
    width:685px;
	}
	
#contentHeader {
    margin: 0;
	padding: 0;
	background: #ee1295;
    border: 1px solid #666;
	width: 100%;
	height: 30px;
	line-height: 30px;
	}
      
#contentHeader h1 {  
   margin: 0;
   padding: 0 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   color: #0d4072;  
   }  
   
#contentHeader h1 a { text-decoration: none; }   

#content p {
   padding: 0 15px;
   margin: 10px 0;
   }
   
.readMore {
   margin-left: 330px ;
   padding: 0 0 0 20px;
   
   
   font-size: 1.3em;
   font-style: italic;
   }   
   
#contentFooter {
   margin: 10px 0 20px 0;
   height: 25px;
   line-height: 25px;
   background: #f7f9fa;
   width: 100%;
   border: 1px solid #666;
   }   
   
#contentFooter p {
   margin: 0;
   padding: 0 10px;
   }
   
   
/* Single Page/Post Styles 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.noSidebar { float: left; width: 680px; }	

#singleNavigation {
  margin: 20px 20px 0 20px;
  background: #ebf1f5;
  border: 1px solid #666;
  }
  
#singleNavigation p {
  margin: 0;
  padding: 10px;
  }  
   

#singleContent {
   margin: 20px;	
   }
   
#singleContent p {
   padding: 0 15px;
   }      
   
#singleHeader {
    margin: 0;
	padding: 0;
	background: #d0e7fb;
    border: 1px solid #666;
	width: 100%;
	height: 30px;
	line-height: 30px;
	}   
	
#singleHeader h1 {  
   margin: 0;
   padding: 0 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 2.2em;
   color: #0d4072;  
   }  
      
#singleFooter {
   margin-top: 10px;
   line-height: 25px;
   height: 25px;
   padding: 0;
   background: #f7f9fa;
   width: 100%;
   border: 1px solid #666;
   }   
   
#singleFooter p {
   margin: 0;
   padding: 0 10px;   
   }   
	
   
 



/* Begin Right Column 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.rightColumnContainer {
   float: right;
   width: 278px;
   }

.rightColumn {
   margin: 20px 20px 0 20px;
   margin-left: 0;
   padding: 5px;
   background: #f7f9fa;
   /*border: 1px solid #666;*/
   }
   
.base { margin-bottom: 20px; }   
   
.rightColumn p {
   padding: 10px;
   margin: 0;
   }   
   
.rightColumn h2 {
   margin: 5px 0 0 0;
   background: #dadada;
   text-indent: 5px;
   line-height: 22px;
   height: 22px;
   border: 1px solid #666;
   
   font-size: 13px;
   color: #0d4072; 
   }   
   
.rightColumn ul {
   padding-left: 10px;
   margin: 10px 0;  
   list-style: none;     
   
   font-size: 1.3em;
   font-weight: bold;
   color: #0d4072;
   }
   
.rightColumn li {
   line-height: 18px;
   padding: 0 0 0 20px;
   }   
   
.rightColumn form { margin: 10px 0; }   

div.ulMargin ul { margin-bottom: 15px; }
   
  
/* Footer Begins Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer { 
  margin: 0;
  padding: 20px;
  background: #000;
  color:#fff;
  border-top: 1px solid #DDD;
  }
  
#footer p {  
  margin: 10px 0;
  line-height: 1.2em;
  }  
  
#footer a:link { text-decoration: none; }
#footer a:hover { text-decoration: underline; }  
  
/* Extra Styles (Colors, sizes, etc) Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
			
.small {font-size: 1.1em; }	
.medium { font-size: 1.6em; }
.large { font-size: 2em; }

.red { color: red; }
.bold { font-weight: bold; }

#clear { clear: both; }
.clear { clear: both; height:1px;}


/* Notice Styles Begin Below
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#notice {
  margin: 20px 20px 0 20px;
  background: #fbf7b6;
  border: 2px dashed black;
  }
  
#notice p {
  margin: 0;
  padding: 10px;
  }