/* 

	 AUTHOR:  Dan King
	neomuse1@gmail.com
					
*/

/*            Colors:
                Blue:           #1e2171
                Dark Blue:      #0a0b49
                Nav-Blue:	#8a8eb7
                Mustard Yellow: #b0913a
                Black:		#020607
                Gray: 		#717171
                Light Gray:	#B7B7B7
                Light-Blue	#37a4ff
                Off-White	#f1efe2
                Tan:            #d5ccb3
                Brown:          #403b35
                
*/

/* RESETS AND PAGE SETUP */

* { margin: 0; padding: 0 }
html { overflow-y: scroll; }


ul {list-style: none;}
a {color: #0a0b49; text-decoration: none; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: -0.05em;}
a:hover {color: #b0913a;}
p  {color:#403b35; font-size: 14px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; line-height: 1.5em;}
li {list-style-type: none;}
h1 {color:#000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-size: 30px; padding: 10px 0 10px 0; letter-spacing: -0.05em; font-weight: 200;}
h2 {color:#000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none; font-size: 26px; padding: 0 0 10px 0; letter-spacing: -0.05em; font-weight: 200;}
h3 {color: #957b32; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none;font-size: 16px; padding: 10px 0 10px 0; letter-spacing: -0.05em; font-weight: 200;}
h4 {color: #000000; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; text-decoration: none;font-size: 24px; padding: 10px 0 10px 30px; letter-spacing: -0.05em; font-weight: 200;}

a img {border: none;}

h2 a {color: #000000; text-decoration: none; font-size: 22px;}

body { padding:0; background-color: #403b35; background-attachment: fixed; background-repeat: no-repeat;}

.page-wrap { width: 960px; margin: 0 auto;}




#header {width: 960px; height: 180px; background: url(img/flower-header.jpg); position: relative;}



#login-section { background: transparent; color: #b0913a; width: 200px; }
#login-section a { color: #0a0b49; font-size: 14px; text-decoration: none; font-weight: 200;}
#login-section a:hover {color: #b0913a;}
#login-section li { padding: 3px 0; }

#search-box { padding: 10px 0; }



.logo {position: absolute; top: 10px; left: 10px; background: transparent ;}


#main-content { margin: 50px 0 20px 0; width: 960px; background: #ffffff;}


#slideshow-main {width: 660px; background-color: #ffffff; margin: 70px 0 20px 0; z-index: 1;}

#left-main {width: 620px; padding: 20px; margin: 20px 0 20px 0; background-color: #ffffff; float: left; }

#text-main {width: 660px; background-color: #ffffff; padding: 20px 10px 20px 20px; border-bottom: 10px solid #ffffff; border-left: 10px solid #ffffff; float: left;}

#sub-text-main { width: 880px; background: #ffffff; padding: 20px;}

#contact-main { position: relative; width: 880px; height: 600px; background: #ffffff; padding: 20px;}

.post-time { padding: 0 0 10px 0; margin-top: -5px;}
.post-time p { color: #b0913a; font-size: 0.8em; }

.post-bottom-info { padding: 15px 0; font-style: italic; border-bottom: 1px solid #000000; margin-bottom: 30px;}

.extra-bottom-info { padding: 20px 0; font-style: italic; margin-bottom: 50px;}
.extra-bottom-info p { font-size: 0.7em; }

.prev-post-link { padding: 0 0 20px 0; }

#sidebar {
        position: relative;
        background: url(img/sidebar-background.jpg);
        margin-top: 70px;
	width: 270px;
        height: 398px;
	float: right;
	background-color: #d5ccb3;
        
	
	
}

#blog-link { position: absolute; top: 30px; left: 20px;}

#sidebar-two {
	width: 250px;
	float: right;
	background-color: #d5ccb3;
	padding: 10px;
	margin-top: 20px;
        border-left: 1px solid #717171;
        border-right: 1px solid #717171;
	
	
}



/*SLIDESHOW */



#slideshow {
    position:relative;
    height:400px;
    width: 580px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



#container {height: 270px; width: 360px;}

#ad-section {clear: both; height: 130px; width: 660px; padding: 30px 0 20px 0;}

#bottom-ad1 {padding: 0; margin: 0 30px 0 0; float: left;}
#bottom-ad2 {padding: 0; margin: 0 30px 0 0; float: left;}
#bottom-ad3 {padding: 0; margin: 0; float: left;}


#contact-address {
    position: absolute;
    top: 100px;
    right: 40px;
    width: 200px;
}

#googlemap {
    position: absolute;
    top: 100px;
    left: 20px;
    width: 540px;
    height: 540px;
}





/* FOOTER STYLES */

#footer {
        width: 960px;
        position: relative;
        height: 280px;
	color: #00a0c6;
        background: url(img/flower-footer.jpg);
	clear: both;       
}

#footer-left {
    position: absolute;  
    top: 20px;
    left: 20px;
    
}

#footer-address {
    position: absolute;
    top: 20px;
    left: 400px;
}


.footer-text {
    position: absolute;
    top: 20px;
    left: 40px;
}

.footer-text p {color: #020607; font-size: 12px;}



#footer-nav {
    position: absolute;
    top: 20px;
    right: 100px;
    display: inline;
    text-decoration: none;
}

#footer-nav li {
    color: #1e2171;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}

#footer-nav li a {
    color: #020607;
}

#footer-nav li a:hover {
    text-decoration: underline;
    color: #020607;
}





#navigation {
	
	height: 50px;
	width: 960px;
	background-color: #020607;
	position: absolute;
	z-index: 99;
}
	
	/* Head links */
#cssdropdown li.headlink {
	width: 191px;
	float: left;
	margin-left: -1px;
	border: 1px solid #403b35;
	background-color: #e9e9e9;
	text-align: center;
	
}

#cssdropdown li.headlink a {
	display: block;
	padding: 15px;
	
}
 
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left;}
#cssdropdown li.headlink ul a {font-size: 12px;}

#cssdropdown li.headlink:hover ul { display: block; background-color: #6b99cd;}
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px;}
#cssdropdown li.headlink ul li a:hover { background-color: #403b35;}
	
/* Pretty styling */
#cssdropdown a { color: white; }
#cssdropdown ul li a { color: white;}



#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: #020607;}
#cssdropdown li.headlink:hover { background-color: #6b99cd; }

#cssdropdown li.headlink ul { padding-bottom: 10px;}