/* @override http://www.michellemumoli.com/wp-content/themes/MM-original/style.css */

/*  
Theme Name: MichelleMumoli - Original.
Theme URI: http://www.leandroarts.com
Description: Michelle Mumoli Hair Designs
Version: 2.0
Author: Leandro Flaherty
Author URI: http://www.leandroarts.com/

*/

/* @group MAIN */


/* RESET & FIXES - RESET % FIXES */

body, h1, h2, h3, h4, h5, h6, blockquote, dd, dl, hr, form, p{
	margin: 0;
	padding: 0;
} /* Resets, and Form is an IE fix. */

body{ 
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 10px	;
	text-align: center; /* IE fix A1. Ensures Centered Design. */
	vertical-align: top;
	color: #80c2aa;
	background: #0f1221 url(images/bg.png) repeat;
}

#wrapper{
	margin: 70px auto 0;
	width: 750px;
	position: relative;
	text-align: left; /* IE fix A2. Ensures Centered 
	Design. */
}
	
/* --------- */



a:link, a:visited {
	color: #9966ff;
	text-decoration: none;	
}


h1 {
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0
	}
	
a:hover{
	text-decoration: none;
	color: #3300ff;
	}
	
p{
	padding: 10px 0 0 0;
	}
#copyright p{
	font-size: 10px;
	color: #424242;
}

img{
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}

/* @end */

/* @group LeandroArts */	

#leandroArtsLogo{
	color: #797979;
}
#leandroArtsLogo a{
	width: 144px;
	height: 66px;
	position: relative;
	z-index: 1000;
	display: inline;
	color: #797979;
}

/* @end */



/* @group HEADER */

#header{
	float: left;
	width: 750px;
	background: #444444 url(images/headerback.jpg) repeat-x;
	clear: both;
	height: 100px;
}
	
#headerbranding a{
	width: 750px;
	height: 100px;
	text-indent: -9999px;
	background: url(images/mm-title-png24.png) no-repeat 50% 50%;
	display: block;
	
}

#headerbrandingbeard{
	background-color: #000;
	float: left;
	width: 750px;
	height: 15px;
	clear: both;
	
}

/* @end */




	
#container{
	float:left;
	width: 750px;
	height: 530px;
	background: black url(images/mm-main-back.jpg) no-repeat;
}

	
#imagespacer{
	float:left;
	width: 420px;
	height: 530px;
	position: relative;
}	

#imagespacer a{
	position: absolute;
	width: 37px;
	height: 37px;
	top: 40%;
	left: 10%;
	text-indent: -9999px;
	background-image: url(images/berrysMap.gif);
}

/* @group NAVMENU */

#navmenu{
	
	float:left;
	width: 300px;
	height: 175px;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 15px;
	position: relative;
}

#navAppointments{
	display: block;
	width: 221px;
	height: 29px;
	background: url(images/appointments-rollover.png) no-repeat 0 0;
	position: absolute;
	left: 15%;
	top: 3%;
}

#navAppointments:hover{
	background-position: 0 -29px;
}

#navAppointments span{
	display:  none;
}

#navRates{
	display: block;
	width: 84px;
	height: 23px;
	background: url(images/rates-rollover.png) no-repeat 0 0;
	position: absolute;
	left: 37%;
	top: 30%;
}

#navRates:hover{
	background-position: 0 -23px;
}

#navRates span{
	display:  none;
}

#navGallery{
	display: block;
	width: 114px;
	height: 30px;
	background: url(images/gallery-rollover.png) no-repeat 0 0;
	position: absolute;
	top: 57%;
	left: 32%;
}

#navGallery:hover{
	background-position: 0 -30px;
}

#navGallery span{
	display:  none;
}

#navResume{
	display: block;
	width: 116px;
	height: 23px;
	background: url(images/resume-rollover.png) no-repeat 0 0;
	position: absolute;
	left: 32%;
	top: 83%;
}

#navResume:hover{
	background-position: 0 -23px;
}

#navResume span{
	display:  none;
}

/* @end */

/* @group LOOPS-home */

#updatesbox{
	float:left;
	width: 300px;
	height: 105px;
	margin: 50px 0 12px 10px;
	padding: 0;
	text-align: center;
	color: black;
	font-size: 13px;
}

#newsbox{
	float:left;
	width: 300px;
	height: 110px;
	margin-top: 35px;
	margin-left: 10px;
	text-align: center;
	color: #000;
	font-size: 8px;

}

#regularloop{
	float:left;
	width: 510px;
	height: 100px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#newsbox div h2 a{
	color: #272441;
	font-size: 12px;
}

#newsbox div h2 a:hover{
	color: #77598d;
	font-size: 16px;
}

.post{
	padding: 10px 0 10px 10px;
	width: 490px;
	margin-left: 3px;
}

.post h3{
	color: #846bb5;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


.entry{
	line-height: 18px;
	}

#postBelt div h2 a{
	position: relative;
	top: 2px;
	margin: 0;
	padding: 0;
}
/* @end */




#gallerytopspacer p{
	width: 750px;
	height: 10px;
	float: left;
	text-indent: -9999px;
	background: url(images/gallery-top-spacer.jpg) no-repeat;
	margin: 0;
	padding: 0;
}





/* @group S3Slider Gallery */

#slideshow{
	width: 750px; 
	height: 216px;    
	position: relative; 
    float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#s3slider {
   width: 750px; /* important to be same as image width */
   height: 216px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden;
   margin: 0;
   padding: 0;
}

#s3sliderContent {
   width: 750px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0;
   margin: 0;
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0.0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/* @end */





#bottompagespacer{
	width: 750px;
	float: left;
	height: 130px;
	text-indent: -9999px;
}

/* @group FOOTER */

#footer{
	clear: both;
	float: left;
	width: 750px;
	height:  95px;
	position: relative;
	background-image: url(images/footerflowery.png);
}
	
#footer div{
	padding: 10px 0 0 0;
	}

#footer p{
	line-height: 18px;
	}

#searchbox{
	margin: 0 0 0 5px;
	position: absolute;
	top: 22px;
}

#contactButton a{
	display: block;
	position:  absolute;
	width: 124px;
	height: 29px;
	
	background: url(images/contactButton.png) no-repeat 0 0;
	text-indent: -9999px;
	top: 69%;
	right: 6%;
}

#contactButton a:hover{
	background-position:  0 -29px;
}

#footerbottom p{
	width: 750px;
	height: 19px;
	float: left;
	text-indent: -9999px;
	background: url(images/footer-bottom.png) no-repeat;
}

/* @group LOGIN-Tab */

#adminlogintab{
	position: absolute;
	top: -20px;
	right: 10px;
}
	
#adminlogin ul{
	list-style-type: none;
	text-align: right;
	display: inline;
}

#adminlogin ul a{
	color: #585964;
}

#adminlogin ul a:hover{
	text-decoration: none;
	color: #e6e6e6;
	}
	
#adminlogin ul li a{
	font-size: 9px;
}

/* @end */

/* @end */

/* @group SINGLE CSS */

/* SINGLE CSS SINGLE CSS */
#containersingle{
	clear: both;
	float: left;
	text-align: center;
	background: url(images/single-main-sidebar-back.png) repeat-y 0 0;
}

#blogContainer{
	float:left;
	width: 510px;
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
}

#regularloop{
	text-align: center;
	width: 490px;
	height: auto;
	font-size: 16px;
	color: #000;
	padding: 0;
	margin: 0;
}

#regularloop h2 a{
	color: #e6e6e6;
}


#postBelt{
	background: url(images/img/white15.png) repeat 0 0;
	color: #e8e8e8;
	padding: 30px;
	line-height: 19px;
	text-align: left;
}

/* @end */

/* @group PAGES */

#backButton{
	float: left;
	clear: both;
	display: block;
	width: 750px;
	height: 82px;
}

#backButton h1 a{
	width: 750px;
	height: 82px;
	background: url(images/back-button.jpg) no-repeat 0 0;
	position: absolute;
}

#backButton h1 a:hover{
	background-position: 0 -82px;
}

#backButton h1 a{
	text-indent: -9999px;
}

#ratesPic{
	position: relative;
	right: 13px;
}
/* @end */



.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
	}

/* @group SIDEBAR */
	
.sidebar{
	
	float:left;
	width: 230px;
	margin: 0 0 0 10px;
	display: inline; /* IE fix. IE double margin breaks layout. */
	}
	
.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
	}
	
.sidebar ul li{
	padding: 10px 0 10px 0;
	}
	
.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
	}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	}
	
#tag_cloud-3.widget_tag_cloud div {
	font-size: 12px;
}
	
.widgettitle{
	color: #846bb5;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.widget_pages a{
	font-size: 22px;
	color: #cbb1ff;
	font-variant: small-caps;
}

.widget_pages a:hover{
	font-size: 23px;
	color: #96f;
	font-variant: small-caps;
}

/* @end */

/* @group COMMENTS */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* @end */

/* @group Mumoli v2 */
#rates{
	width: 90px;
	height: 196px;
	margin: 0;
	padding: 43px 0 0 335px;
	position: relative;
	clear: both;
	display: block;
	list-style-type: none;
	font-weight: bold;
	color: #5e5e5e;
	background: url(images/rates.jpg) no-repeat 0 0;
	line-height: 25px;
}

#contactForm{
	margin: 0;
	padding: 0;
	width: 425px;
	height: 580px;
	background-color: white;
	border-top: 6px solid #000;
}

#contactForm h3{
	background-color: black;
	margin: 0;
	padding: 10px 0 20px;
	text-align: center;
	color: #d3cebc;
}
#formfield{
	margin: 0;
	width: auto;
	height: auto;
	padding: 50px;
	font-weight: bold;
	color: #000;
}

.formhighlight{
	background-color: #eff2c6;
	padding: 20px;
	margin-top: 20px;
}

#welcome-msg{
	background-color: #707070;
	width: 200px;
	height: 200px;
	padding: 20px;
}
/* @end */