@charset "UTF-8";

/*  
Theme Name: mazanti

*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* General */


* 							{ margin: 0; padding: 0; }
body 						{ background: white url(../../../../!images/mp-white-bg.jpg) repeat-x; 
							  font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; color: #360000; font-size: 13px; }
a							{ outline: none; text-decoration: none; }			
a img						{ border: none; }
a:link, a:visited 			{ color: #ea0d8c; text-decoration: underline;}
a:hover, a:active 			{ color: #F77DC2; text-decoration: none;}
a.one:link, a.one:visited 	{ color: #ea0d8c; text-decoration: none; font-weight: bold;}
a.one:hover, a.one:active 	{ color: #F77DC2; text-decoration: none; font-weight: bold;} 
a.two:link, a.two:visited	{ color: white; text-decoration: underline; font-weight: bold; }
a.two:hover, a.two:active	{ color: #F77DC2; text-decoration: none; }


/* UTILITY */

.floatleft					{ float: left; }
.floatright					{ float: right; }
.clear						{ clear: both; }
.center						{ display: block; margin: 0px auto; width: 259px; }
.footer-text				{ font-size: 11px; text-align: center; }
.right-text					{ text-align: right; }
.margin-right				{ margin-right: 30px; }
.nodisplay			 		{ display: none; }
.gallery					{ margin-right: 20px; }
.bottom-text				{ padding-right: 40px; }
.gologo						{ padding-left: 26px; }


/* STRUCTURE */

#wrapper					{ min-height: 100%; height: auto !important; height: 100%;width: 980px; margin: 0px auto -285px; background: url(../../../../!images/floral-lt.jpg) no-repeat; }
#nav-div 					{ width: 646px; margin: 0px auto; }
#slideshow 					{ width: 646px; margin: 0px auto; }
#content-wrap				{ width: 980px; min-height: 491px; margin: 0px auto; background: url(../../../../!images/floral-rt.jpg) bottom right no-repeat; color: #4D4D4D; }
#content-about				{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-about.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-services			{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-services.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-gallery			{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-gallery.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-rentals			{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-rentals.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-media				{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-media.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-blog				{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-blog.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#content-contact			{ width: 646px; margin: 0px 147px auto auto; background: url(../../../../!images/bg-contact.jpg) no-repeat; padding: 70px 10px 0px 10px; }
#mp-bottom					{ width: 542px; margin: 0px auto; background: url(../../../../!images/quote.jpg) no-repeat; }
#footer, #push				{ height: 285px; }
#footer						{ background: #a50962 url(../../../../!images/footer-strip.jpg); font-size: 12px;}
#footer-wrap				{ width: 646px; margin: 0px auto; color: white; background: url(../../../../!images/footer-bg.jpg) no-repeat; }
#footer-wrap ul				{ padding-top: 60px; list-style-type: none; }
#footer-wrap li				{ float:left; width: 215px; display: inline; }


/* NAVIGATION */

#nav-home					{ background:url("../../../../!images/nav-home.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-about 					{ background:url("../../../../!images/nav-about.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-services				{ background:url("../../../../!images/nav-services.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-gallery				{ background:url("../../../../!images/nav-gallery.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-rentals				{ background:url("../../../../!images/nav-rentals.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-media 					{ background:url("../../../../!images/nav-media.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-blog 					{ background:url("../../../../!images/nav-blog.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav-contact				{ background:url("../../../../!images/nav-contact.jpg") no-repeat; width:646px; height:22px; margin:0; padding:0;}
#nav li, #nav a 			{ height:22px; display:block; } /* change height here also */
#nav li 					{ float:left; list-style:none; display:inline; position:relative; }

.nav-01 					{ width: 62px; margin-left:0px;}
.nav-02 					{ width: 90px; margin-left:1px;}
.nav-03 					{ width: 93px; margin-left:1px;}
.nav-04 					{ width: 93px; margin-left:1px;}
.nav-05 					{ width: 79px; margin-left:1px;}
.nav-06 					{ width: 72px; margin-left:1px;}
.nav-07 					{ width: 64px; margin-left:1px;}
.nav-08 					{ width: 86px; margin-left:1px;}

.nav-01 a:hover 			{ background:url("../../../../!images/nav-home.jpg")  0px -22px no-repeat; }
.nav-02 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -63px -22px no-repeat; }
.nav-03 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -154px -22px no-repeat; }
.nav-04 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -248px -22px no-repeat; }
.nav-05 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -342px -22px no-repeat; }
.nav-06 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -422px -22px no-repeat; }
.nav-07 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -495px -22px no-repeat; }
.nav-08 a:hover 			{ background:url("../../../../!images/nav-home.jpg") -560px -22px no-repeat; }

/* Wordpress stuff */


.posttitle 					{ font-size: 1.2em; margin: 10px 0 0 70px;}	
.datebox					{ width: 50px; float: left; padding: 0 5px 5px 5px; background: #00b2d0; color: white; 
							  text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;
							  margin: 0 10px 0 0; }
#main-col .datebox p		{ margin-bottom: 0px; }
.day						{ font-size: 2.0em; font-weight: bold; margin: 0; font-family: Georgia, Verdana, serif; }
.month						{ font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year						{ font-size: 1.2em; font-weight: bold; margin: 0; }



#sidebar
{
	padding: 0 0 10px 0;
	margin-left: 460px;
	width: 150px;
	}

.post {
	margin: 0 0 45px 0;
	width: 450px;
	float: left;
	clear: left;
	}
	
.entry {
	line-height: 1.4em;
	}
	
small {
	font-size: 0.8em;
	line-height: 1.5em;
	}	

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
.postmetadata, .commentmetadata {
	padding-top: 5px;
	font-size: 0.7em;
	}

.postmetadata {
	margin: 12px 0 30px 0;
	}
	
.postmetadata {
	text-align: center;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond {
	padding-top: 20px;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */