/*  
designed by pab for flia web design
URI: http://fliawebdesign.com
Description: melanie kaye
Version: 1.0
Author: pab 
Author URI: http://fliawebdesign.com
*/
/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */







/* Global reset */
* { 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; font-weight:normal; outline: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 */

/*****************************
Go css !!!!!!!!!!!!
*************************/

.clear{clear:both;}

body{
		background:url(images/melanie-kay-photo-bg.jpg) top no-repeat #242623;
		background-attachment:fixed;
		color:#f2f2f2;
		font:65.5%/1.6 Helvetica, Verdana, Arial,  sans-serif;
		text-shadow: #333 0 0 0;		
		text-align:center;
}

/*======================style switcher================*/

a#more-1 { background:url(images/toggle-visibilty-button.gif) no-repeat top; height:75px; width:200px; 
text-indent:-9999px; display:block; position:absolute; right:0px; }


a#more-1:hover{background:url(images/toggle-visibility-button-hover.gif) no-repeat top; height:75px; width:200px; 
text-indent:-9999px; display:block;}


ul#style_switcher {
		position:absolute;
		right:5px;
		top:65px;
}

ul#style_switcher li {
opacity:.55;
background-color:#222;
margin-bottom:2px;
border-right:1px outset#555; border-bottom:1px outset#555;
padding:5px 10px 5px 5px; 
width:175px;
text-align:center;

}
 
ul#style_switcher li a{ 
font-weight:bold; 
text-transform:uppercase;
display:block;
color:#fff; 
}					
ul#style_switcher li a:hover{color:#e43d97;}


/*ul#style_switcher li a#style-switch-1{ background:url(images/version-1-style-switcher.gif) no-repeat top center; width:125px; height:25px; text-indent:-99999px;}

ul#style_switcher li a#style-switch-2{ background:url(images/version-2-style-switcher.gif) no-repeat bottom center; width:125px; height:25px; text-indent:-99999px;}



ul#style_switcher li a#style-switch-1:hover{ background-position:bottom}
ul#style_switcher li a#style-switch-2:hover{ background-position:top}
*/



p {font-size:1.1em;}
					

a{color:#e43d97; }
a:hover{color:#fff;}








.alignleft {
			float:left;
			margin-top:10px;
			padding:5px 15px 7px 0;
}

h1#logo{
			display:block; 
			text-indent:-9999px; 
			background:url(images/melanie-logo-with-star-pr.png) no-repeat;  
			height:100px;  
			width:611px;
}



#header{
			display:block; 
}


ul#nav {
			width:100%;
			padding:2.5em 1em;
			background:url(images/nav-dotted-top-bar.png) no-repeat;

}
#nav li{ 
			  height:37px;
			  list-style:none; 
			  display:inline;
			  margin-right:5px;

  }
#nav li a {
			font-weight:800; 
			font-size:1.55em;
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#e43d97;
			text-align:center;
			line-height:25px;
			text-transform:uppercase;
			letter-spacing:.12em;


 }
 
 #nav li a:hover {
			 color:#fff; 
			 cursor:pointer;
 }
 
 


#wrap{
			width:980px;
			text-align:left;
			margin:0 auto;
			
/*			border-bottom:3px solid #666;
*/
}

#col-main {
			float:left; 
			width:600px;

/*			background:url(images/main-content-bg.png) no-repeat ;
*/			
			
}
.post{ 
			background-color:#34312c;
			opacity:.65;
			padding:10px 0 110px 0;			
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border:3px solid #111;
			background:url(images/post-deco.jpg) bottom right no-repeat #34312C;
			margin-bottom:15px;
			-webkit-box-shadow: 3px 3px 5px #000; 	
}


#col-main p { 
			color:#fff; 
			padding:.5em 1em;
			line-height:1.55em;
			font-size:1.35em;
			margin-bottom:.35em;
}


.post a{
			color:#E43d97; 
			border-bottom:dotted 1px;
                        font-weight:normal;
}

.post a:hover{ 
			color:#FFFFFF; 
			border-bottom:solid 1px;
}


.post h3 {
			margin-left:1em; 
			font-size:1.3em; 
			position:relative; 
			text-transform:uppercase;
margin-bottom:10px;
}

.post h3 span {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:0.7em;
font-weight:bold;
left:1px;
position:absolute;
top:20px;
}
.post img.client-band {
			border:2px solid #fff;
			display:inline-block;
			float:left;
			margin:5px 10px 0 0;
			padding:0 0 0 0;
}

.post h3 span a{ 
			background-color:#333;
}

#col-main  p:first-letter{
			font-size:26px;
			font-family:Georgia, Geneva, Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#DBDBDB;
}

#col-main P + p:first-letter {font-size:1.1em; font-family: Helvetica, Verdana, Arial,  sans-serif;}


.post h2 a {
			color:#62AED2;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:22px;
			font-weight:normal;
}



.post li { 
			background:url(images/li-deco.png) left center no-repeat; 
			padding-left:25px; 
			margin-left:10px;
			margin-right:10px;
			font-size:1.3em; 
			margin-bottom:10px; 
			font-weight:normal;
 }

#col-main .client_page {background-image:none;}


/*div#col-main p:first-line{ margin-left:2em; }
*/
#col-main h2{ 
			color:#fff; 
			font-size:1.5em;
			padding:.55em 1em;
			
}

#col-main  .post h2{ color:#62AED2;
						font-weight:normal;
 			font-size:24px;
			font-family:Georgia, Geneva, Arial, Helvetica, sans-serif;
			padding:.55em .5em;
			text-transform:capitalize;
}



/* img rep for headers*/

h2#latest-news-header {background:url(images/latest-news-header.png) 10px 0 no-repeat; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h2#about-header{background:url(images/about-header.png) 10px 0 no-repeat ;  height:75px; margin-bottom:-10px; text-indent:-9999px;}

h2#services-header{background:url(images/services-header.png) 10px 0 no-repeat; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h3#feedback-header{background:url(images/feedback-header.png) no-repeat; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h2.client-header{background:url(images/client-header.png) 10px 0 no-repeat; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h2#search-result-page-header{ background:url(images/search-result-page-header.png)no-repeat top right; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h2.mk-archive-header { background:url(images/mk-archive-header.png)no-repeat top right; height:75px; margin-bottom:-10px; text-indent:-9999px;}




#footer h2.client-header{background:url(images/client-header.png) no-repeat; height:75px; margin-bottom:20px; text-indent:-9999px;}


h3#service-header{background:url(images/service-header.png) no-repeat; height:75px; text-indent:-9999px; display:block; margin-top:20px; margin-bottom:-10px;}

h3#feedback-header{background:url(images/feedback-header.png) no-repeat; height:75px; margin-bottom:-10px; text-indent:-9999px;}

h3#contact-header{background:url(images/contact-header.png) no-repeat; height:75px; text-indent:-9999px; display:block; margin-top:5px;}







/*===========================
====col secondary styles=====*/

#col-secondary{
			float:right; 
			width:330px;

}

.content-box-1 {
			border:3px solid #333; 
			background-color:#050505; 
			opacity:.55; 
			margin-top:10px; 	
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-webkit-box-shadow: 3px 3px 5px #000; 	
}

#col-secondary p{ 
			line-height:1.8em;
			font-size:1.2em;
			padding:.5em .65em; 
			color:#BCBCBC;
}

 #col-secondary h3 { 
			font-size:1.45em;
			padding:.25em .5em; 
			color:#fff;
}



.content-box-1 li  { 
			background:url(images/li-deco.png) left center no-repeat; 
			padding-left:25px; 
			margin-left:5px; 
			font-size:1em; 
			font-weight:normal;
}

.content-box-1 cite{ 
			color:#fff; 
			font-weight:bold; 
			font-size:1.1em; 
			margin-left:10px;
			margin-bottom:10px;
			display:block;
			font-style:italic;
}
.content-box-1 cite span {color:#93ABD0;}






/*======================
============footer ====*/

#footer {  
			border-top:2px solid #fff; 
			margin-top:50px;
			position:relative;
}



#bands ul li {
			float:left; 
			color:red; 
			position:relative;
}

#bands li  span {
			position:absolute; 
			left:10px; 
			bottom:15px; 
			color:#222; 
			font-size:1.1em; 
			font-weight:bold;
}

#bands  li span:hover {color:#6f6f6f;}

#bands img {
			width:125px; 
			height:85px; 
			border:3px solid #fff; 
			overflow: hidden; 
			margin: 10px 5px;
			padding-bottom:20px;
			background-color:#fff;
}


#bands img:hover {outline: #4F4F4F 3px solid ;}

#images {	
				float:right;	
				padding:10px 5px 20px 5px; 
				background-color:#2A2824; 
				opacity:.55; 
				border:3px solid #fff; 
				margin-top:50px;
}

#bands{ 
				float:right; 
				width:575px;
}

/**===================
clear floats
======================*/



#images{ 
				display:inline-block;
				display:block;
}


#images:after
{
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
}	

.clear{clear:both;}


/*=======================
=========contact form ====*/

form {
			position:relative;
			width:400px;
			margin-top:15px;

}
fieldset {
			border:none;
			margin:0;
			padding:0px 0 5px 0px;
}

legend {
			color:#4571B2;
			font-size:1.25em;
			font-weight:700;
			margin:0;
			padding:0 10px 0px 0;
}

input {
			width:275px;	-webkit-box-shadow: 3px 3px 5px #000; 	
}

button.button{margin-top:10px;}

input, textarea  
{
			border:2px solid #e43d97;
			margin:10px 0 0;
			padding:5px;
			background-color:#34312c; opacity:.75;

}
input:hover, textarea:hover{border-color:#fff;}
input:focus, textarea:focus {
			background:#FFFFFF none repeat scroll 0 0;
			border:2px solid #FF33CC;
			opacity:1;
}

textarea
 {
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:0.9em;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			background-color:#34312c; opacity:.75;
			width:275px;

}

label {
			display:block;
			font-size:1.2em;
			font-weight:normal;
			margin:12px 20px -10px 0;
			width:250px;
			float:left;
			color:#fff;
			font-variant:small-caps;
			font-weight:700;
}

input.button{
			width:290px; 
			color:#fff; 
			font-weight:900; 
			margin-bottom:20px; 
}
button{cursor:pointer;}

button#send {text-indent:-9999px; background:url(images/send-hov-v2.gif) no-repeat top scroll; height:30px; width:90px; border:none;}
button#send:hover{ background-position:bottom ; width:90px;}
/* toglle for snail mail*/

#more {
			margin-top:17px;
			font-weight:bold;
			padding:3px;
}



#bottom-addy { width:280px; border:2px solid #e43d97;
			margin:10px 0 0;
			padding:5px;

			background-color:#34312c; opacity:.75; font-size:10px;
			margin-bottom:20px;
}




a#top-page{ background-image:url(images/go-up-sprite.png); background-repeat: no-repeat; background-position: top;
  display:block; height:60px; text-indent:-9999px; width:160px; margin-top:60px}

a#top-page:hover{ background-position:bottom center;}







/*====slide styles for feedback======*/



#prevNext{text-align:center; text-transform:uppercase; font-size:11px;}

.jFlowPrev, .jFlowNext{
			cursor:pointer; 
			margin:25px 5px 5px 5px;
			font-size:1.1em;
}


.jFlowPrev:hover, .jFlowNext:hover {color:#e43d97;}
.jFlowControl { 
			cursor:pointer; 
			margin:2.5px; 
			color:#e43d97; 
			font-size:1.5em; 
			font-weight:bold;
}
.jFlowControl:hover { color:#fff; font-weight:600;}

/*======================
=========search =========*/

button#searchsubmit{
			width:90px; 
			color:#222;
margin-left:10px; 
			padding:3px; 
			font-weight:bold;
}


#searchform { 
			height:100px; 
			float:left; 
			margin-top:1px;
}



h2#search-header{
			background:url(images/search-header.png) no-repeat; 
			height:75px; 
			margin-bottom:10px; 
			text-indent:-9999px; 
			width:575px;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
			position: relative;
			height: 29px; 
			background: url("../image/bg.gif") no-repeat top;
			padding: 15px 0; margin: 10px 0;
			overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
			float: left;
			list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {

            background: #333 no-repeat right -30px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
            width: 9px; height: 35px;
            z-index: 8;
            position: absolute;
			-webkit-box-shadow: 3px 3px 5px #000; 
        }
           
		    .lavaLamp li.back .left { 
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			background-color: #333 ;
			height: 35px;
			margin-right: 0px;
            }
       
	    /* Styles for each menu-item. */
       
	    .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #fff; 
			outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; 
			letter-spacing: 0;
            float: left; 
			display: block;
            margin: auto 10px;
        }