/*   
Theme Name: Maria Cleans
Theme URI: http://dabbledstudios.com
Description: Maria Cleans - Simple 1-2 page website.
Author: Nancy Dorsner

Author URI: http://dabbledstudios.com/
Version: 1.0
Tags: 
.

Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');
/* Rebuild default browser styles */
@import url('styles/rebuild.css');
/* Basic WordPress Styles */
@import url('styles/wp.css');
/* Import a basic layout */
@import url('styles/1c-b.css');


/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'DeliciousRoman';
	src: url('delicious-roman-webfont.eot');
	src: local('?'), url('delicious-roman-webfont.woff') format('woff'), url('delicious-roman-webfont.ttf') format('truetype'), url('delicious-roman-webfont.svg#webfontSut3bj7D') format('svg');
	font-weight: normal;
	font-style: normal;
}



body 
{color:#1f1f1f;
font-family: "DeliciousRoman",  Arial, sans-serif;margin:0 auto; font-size:1em;
background:none repeat scroll 0 0 transparent;
}

.container-inner {width:900px; margin:0 auto;}
h1,h2,h3,h4,h5,h6 {color:#1f1f1f;font-family: "DeliciousRoman", Arial, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#1f1f1f;}
a {color:#a5d8ff;text-decoration:none;}
a:hover, a:focus {
color:#1f1f1f;

}

h1 {
font-size:2.4em;
font-weight:BOLD;
margin-top:0px;

}

h3 {
color:#1f1f1f;
font-size:1.5em;
}

h2 {
color:#78d4ff;
font-size:2em;
font-weight:bold;
}


h4 {
color:#78d4ff;
font-size:1.2em;
margin-bottom:1em;
margin-left:10px;
margin-right:10px;
}

a img {
padding:0px;
}

#wrapper
   {
   color: #1f1f1f;

 background:none repeat scroll 0 0 #DDDDDD;
   }
#pagetop{
   margin:0 auto;
background:url("images/backgrounddots.png") repeat-x scroll 0 0 transparent;
}

#pagemid{
   margin:0 auto;
   background: transparent;
   }
   
#pagebottom{
   margin:0 auto;
background:url("images/bottombkg.png") repeat-x scroll 0 0 transparent;
   }   
/* =Header
-------------------------------------------------------------- */
#header
   {
   color: #1f1f1f;
      margin:0 auto;
   Width: 900px;
   background:none repeat scroll 0 0 #CCCCCC;
   overflow:auto;
    }

#masthead{
	width: 890;
	height: 200;
	}
	
	
#branding{
	float:left;
	width: 900;

	margin: 3;
	}
	
#access{
	float:left;
	width: 800px;

	}
	
#head2  {
height:0;
left:40px;
position:relative;
top:-220px;
width:0;
}

	
	#social{
	float:left;
	

	}
	
#left{
	
	
	float:left;

	}


/* =Menu
-------------------------------------------------------------- */

/*Menu */
#access {
	margin: 0;
	overflow: none;
}
.skip-link {
	position:absolute;
        left:-9000px;
}

.menu{
height:35px;
	background:#eeeeee no-repeat scroll right center;
	float:left;
	width:900px;
	}
.menu ul {
background:none no-repeat scroll right center transparent;
float:left;
list-style-type:none;
margin-bottom:0;
margin-top:0;
padding-left:5px;

}
.menu ul li {
			float: left;
			font-weight: bold;
		}
.menu ul li a {
			color: #123456;
			display: block;
			padding: 8px 10px 9px;
		}
.menu ul li a:hover {
			background-color: #404618;
			color: #ffffff;
			text-decoration: none;
		}

.menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.menu li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
.menu li li a, .menu li li a:link, .menu li li a:visited {
	background: #dddddd;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	border-top: 1px solid #C0C0C0;
	}
	
.menu li li a:hover, .menu li li a:active {
	background: #111111;
	padding: 5px 10px 5px 5px;
	}

.menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

.menu li:hover ul {
	left: auto;
	display: block;
	}
	
.menu li:hover ul, .menu li.sfhover ul {
	left: auto;
	}
	
#blog-description{
	position:absolute;
        left:-9000px;
}



/* =Content
-------------------------------------------------------------- */
#main {
background:url("images/greenbk.png") repeat scroll 0 0 transparent;
margin:0 auto;
overflow:hidden;
padding:0 10px 10px;
width:880px;
}



#mainbottom {
float:left;
}

      

#content {
background:url("images/whitebox.png") repeat-y scroll 0 0 transparent;
float:left;
margin-left:67px;
margin-right:9px;
overflow:auto;
padding:10px 100px 10px 30px;
text-align:left;
width:275px;
min-height:574px;
}
#titleheading
   {
   float: left;
   width:400px;
   }
 
#sb-titleheading {
float:right;
width:440px;
}
 
#container
   {
   float: left;
   width:400px;
   }
      
   
 #content-main
   {
   background: #1f1f1f;
   float: left;
   text-align: left;
   padding:0 0 10px;
   margin-left:10px;
   
   }  
 #content-main ul
   {
   list-style: none;
   margin:0;
   }  
   
   
.post {
border-bottom:1px dotted white;
float:left;
margin:0 0 1em;
padding:0 0 10px;

}

.entry-content, .entry-summary {
        margin: 1.5em 0 0 0;	
		font-size:1.1em;
}

.thumb {
float:left;
padding-bottom:5px;
padding-right:5px;
}

/** BEGIN sidebar **/

#sbcontainer {

color:#9CACCC;
float:right;
width:440px;
}




#sidebar {

float:left;
color: black;
background:url("images/sbbox.png") repeat-y scroll 0 0 transparent;
height:664px;

}

#sidebar a {
Color: blue;
}

#sidebar a:hover {
Color: #9caccc;
}

#sidebar p {

margin-top:0;
padding-left:0px;
padding-right:0;
margin-bottom:9px;

}

	#sidebar .outerbox {
		
	}

	#sidebar .box2 {
		
	}
		#sidebar .box2 h2 {
			color: #3D4418;
			font-size: 1em;
			text-transform: uppercase;
			background-color: #FFFFFF;
			padding:8px 0;
			border-bottom: 1px solid #DDDDDD;
		}
		#sidebar .box2  {
			
			margin-bottom: 8px;
		}



#sidebar .box a {
color:#9CACCC;
}

#contact {
margin-left:15px;
margin-right:40px;
padding-left:40px;
width:350px;
}


#sidebar .box a:hover {
color:white;
}

#sidebar .box {
background:none repeat scroll 0 0 transparent;
color:black;
margin:5px 40px;
padding:5px;
}

#sidebar .box h2 {
			
			font-size:1.5em;
			padding:8px 0;
			border-bottom: 1px solid #DDDDDD;
		}


		#sidebar .search {
			margin-bottom: 0;
			border-bottom: 0;
		}
		#sidebar .box2 form {
			width: 284px; height: 30px;
			padding: 7px;
			background: #ffffff url(images/search.gif) no-repeat center;
		}
			#sidebar .box2 form input {
				border: 0;
				float: left;
				font-size: 1.2em;
				font-family: Verdana;
				width: 200px;
				margin: 7px 0 0 5px;
				background-color: transparent;
			}
			#sidebar .box2 form button {
				border: 0;
				float: right;
				text-indent: -9999px;
				width: 70px; height: 30px;
				background-color: transparent;
			}
		#sidebar .ad {
			background-color: #ffffff;
			text-align: center;
			padding: 5px;
		}
		
		#sidebar .sb-image {
			
			text-align: center;
			padding: 0px;
		}
			#sidebar .ad img {
				margin: 5px;
			}
		

		#sidebar ul {
			list-style-type: none;
			background-color: transparent;
margin:0;
padding:6px;
		}
			#sidebar ul li {
				font-size: 1.1em;
				border-bottom: 1px dotted #9CACCC;
				line-height: 1.4em;
				padding: 2px 0;
			}
			#sidebar ul li a {
				color: #9CACCC;
				display:block;
			}
			#sidebar ul li a:hover {
				Background: #9CACCC;
				text-decoration: none;
				color: white;
			}

		#sidebar .l {
			float: left;
			width: 145px;
		}
		#sidebar .r {
			float: right;
			width: 145px;
		}
		#sidebar .l ul li, #sidebar .r ul li {
			font-size: 1em;
			border-bottom: 0;
			padding: 3px 0;
		}
		#sidebar .sbbutton {
			padding-top: 5px;
			padding-bottom: 5px;
		}
/** END sidebar **/


/* Navigation if using rollovers
-------------------------------------------------------------- */

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}

a.rollover1 {
	display: block;
	width: 52px;
	height: 33px;
	text-decoration: none;
	background: url("bio.png");
	background-position:bottom;
	}

a.rollover1:hover {
	background-position: top;
	}
	
a.rollover2 {
	display: block;
	width: 108px;
	height: 33px;
	text-decoration: none;
	background: url("podcast.png");
	background-position:bottom;	
	margin: 2px;
	}

a.rollover2:hover {
	background-position: top;
	}	
a.rollover3 {
	display: block;
	width: 62px;
	height: 33px;
	text-decoration: none;
	background: url("news.png");
	background-position:bottom;
	Margin-top: 2px;
	}

a.rollover3:hover {
	background-position: top;
	}	

.displace {
	position: absolute;
	left: -5000px;
	}

	a.rollover4 {
	display: block;
	width: 108px;
	height: 32px;
	text-decoration: none;
	background: url("booking.png");
	background-position:bottom;	
	margin-left: -1px;
	}

a.rollover4:hover {
	background-position: top;
	}	


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
        list-style: none;
        margin-left: 0;
		padding-left:10px;
padding-top:10px;
}
.widget-area ul ul {
        list-style: disc;
        margin-left: 1.1em;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 1.5em 0;
}
/* =navigation
-------------------------------------------------------------- */




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

#primary, #secondary {
background:url("images/aboutmaria.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
padding:20px 0 0 280px;
width:550px;
}


#dabbledlink 
{

float: right;
padding:10px;
	}
	
#site-info 
{
float:left;
padding:10px;
width:500px;
	}




#footerbar {
background:url("images/bottom.png") repeat scroll 0 0 transparent;
margin:0 auto;
overflow:auto;
width:900px;
}
#primary, #secondary h3 {

}
	
	
#footer {
background:none repeat scroll 0 0 #181817;
color:white;
font-size:0.9em;
margin:0 auto;
overflow:auto;
padding:0;
width:900px;
	}
	
#footer a:hover, a:focus {
color:#fff;

}	

/** BEGIN rollover graphics - need to set up styles**/	
div#tabbed {
float:left;
margin-right:4px;
margin-top:4px;

}
.tab1 {
float:left;
margin-left:11px;
}

a.tab1 {
display:block;
float:left;
position:relative;
}
a.tab1:hover {
border-color:#000000;
}
a.tab1:hover .overlay01 {
height:50px;
position:absolute;
width:104px;
z-index:3;
top:122px;
right:250px;
}
a.tab1 .overlay01 .caption01 {
bottom:0;
color:#000000;
font-size:11px;
height:30px;
line-height:30px;
overflow:hidden;
position:absolute;
text-indent:-9999em;
width:100%;
z-index:3;
}
a.tab1:hover .caption01 {
background:transparent url(images/fbtext.png) no-repeat scroll 0 0;
text-indent:10px;
height:40px;
width:250px;
}

a.tab1 .overlay01 .caption02 {
bottom:0;
color:#000000;
font-size:11px;
height:30px;
line-height:30px;
overflow:hidden;
position:absolute;
text-indent:-9999em;
width:100%;
z-index:3;
}


a.tab1:hover .caption02 {
background:transparent url(images/twittertext.png) no-repeat scroll 0 0;
text-indent:10px;
height:40px;
width:250px;
margin-left:120px;
}

a.tab1 .overlay01 .caption03 {
bottom:0;
color:#000000;
font-size:11px;
height:30px;
line-height:30px;
overflow:hidden;
position:absolute;
text-indent:-9999em;
width:100%;
z-index:3;
}


a.tab1:hover .caption03 {
background:transparent url(images/socialtext.png) no-repeat scroll 0 0;
text-indent:10px;
height:40px;
width:250px;
margin-left:270px;
}
a.tab1 img {
display:block;



/** end rollover graphics **/	


	}
.wpcf7-response-output {
position:relative;
top:-25px;
font-size:.8em;
}