/*   
Theme Name: SLV Theme
Description: Custome built for sharonvanderlip.com
*/
/* CSS Document */

/* Color Palate
#2A2E2E - dark grey
#7f6f5e - tan
#3e5c8e - blue
#32445B - blue for boxes and nav
#2f2f2e - text
#a2aaaa - title, sidebar
#c3cbcb - page-wrap background

*/


html, body {
	background: #7f6f5e;
	padding:0; margin:0;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;	
}

.rounded-corners {
	border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
}


.rounded-corners-top {
    border-radius: 20px 20px 0px 0px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
    -webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
    -khtml-border-radius-topleft: 20px;
	-khtml-border-radius-topright: 20px;
}

.rounded-corners-bottom {
	border-radius: 0px 0px 20px 20px;
    -moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
    -khtml-border-radius-bottomleft: 20px;
	-khtml-border-radius-bottomright: 20px;
    }

.shadow {
	-moz-box-shadow: 5px 5px 20px #000;
	-webkit-box-shadow: 5px 5px 20px #000;
	box-shadow: 5px 5px 20px #000;
}

h1, h2, h3, p, a{
	color: #2f2f2e;
	padding:0; margin:0;
}
li {
	color: #2f2f2e;	
}
h3 {
	font-weight:normal;
	font-size:23px;
	margin-bottom: 30px;	
}

p, li {
	font-size: 16px;	
}

a{
	color: #32445B;	
}
a:hover{color:#7f6f5e;}
img {
	margin:0; padding: 0;
	border:none;
}

.title {
	font-size: 45px;
	text-align: right;
	margin: 0 15px 0 0; padding: 15px 0 0 0;
	font-weight:normal;
}

.title a {
		color: #a2aaaa;
		text-decoration:none;
}

.subTitle{
	font-size: 22px;
	color: #a2aaaa;
	text-align: right;
	margin:10px 15px 2px 0; padding:0;
	font-weight:normal;
}

.RainshadeLink{
	text-align: right;
	margin: 0 15px 0 0; padding: -15px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.RainshadeLink a{
	color: #a2aaaa;

	text-decoration:none;
	font-style:italic;
	font-size:16px;
}

.RainshadeLink a:hover {
	color:#7f6f5e;
}

#page-wrap {
	width: 900px;
	margin: 25px auto 30px auto;
	padding: 0;
	border: 1px #fff solid;
	background: #c3cbcb;
}

#header {
	background: #3e5c8e;
	background-repeat:no-repeat;
	/*background-image:url(../../../headers/header_1.png);*/
	display: block;
	height: 137px;
	position: relative;
	margin:0; padding:0;
}

#headerImage-wrapper {
	position: absolute;
	margin:0; padding:0;
	height: 137px;
	
	border-radius: 20px 0px 0px 0px;
	-moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -khtml-border-radius-topleft: 20px;
}



#content-wrap {
	background: #a2aaaa;
}

#page-content {
	clear:left;
	padding: 35px 30px 25px 50px;
	margin: 0;
	float:left;
	width:570px;
	border-right: #32445B 1px solid;
	background: #c3cbcb;
	min-height:250px;
	color: #2f2f2e;	
}

#page-content h4 {margin-bottom: 5px;}
#page-content p {
	margin-bottom: 7px;
}

#sidebar {
	float:right;
	width: 229px;
	color: #32445B;
	padding: 20px 0 20px 20px;
}
#sidebar p {
	color: #32445B;
	line-height: 1.5em;
	font-size:16px;
} 

.parent{
	list-style:none;
}

#footer {
	display:block;
	text-align:center;
	color: #FFF;
	clear:both;
	background: #3e5c8e;
	padding: 5px;
}



#text h2 {
	padding-bottom: 10px;	
}


/*homepage styles*/



#container ul{
	/*margin:0 0 0 15px;*/ 
	margin:0; padding:0;
	list-style: none;
	list-style-image:none;
	list-style-type: none;
}
#container ul li{
	/* buckets at bottom
	float:left;
	margin:5px; padding:0;
	width:284px; height:326px; */
	
	/*buckets at side */
	width:280px;
	float:right;
	margin:30px 39px 0px 0;
	/* without rounded corners
	padding: 5px;*/
	padding:10px;
}

#bucket1 {
	background:#999189;
	/*width:253px;
	float:right;
	margin:20px 39px 20px 0;
	padding: 10px;*/
	
	border-right: 4px solid #4f4a46;
	border-bottom: 4px solid #4f4a46;
	border-top: 4px solid #b1aba5;
	border-left: 4px solid #b1aba5;
}


#bucket2{
	background:#3c5d8a;
	border-right: 4px solid #26305a;
	border-bottom: 4px solid #26305a;
	border-top: 4px solid #6a83a6;
	border-left: 4px solid #6a83a6;
	
	min-height:240px;
}

#bucket3{
	background:#314459;
	border-right: 4px solid #1f2b38;
	border-bottom: 4px solid #1f2b38;
	border-top: 4px solid #617080;
	border-left: 4px solid #617080;
}

/*#bucket3{
	background:url(images/bucket3.png) no-repeat;
}*/




#container ul li h2{
	color: #fff;
	padding: 0;
	font-size:18px;
	/*clear:both;*/
}
#bucket1 p{
	margin: 5px 0px 0 10px;
}


.tag{
	clear: both;
	color:#fff;
	padding: 10px 10px 0 10px;
	font-size:16px;
	font-style:italic;
}
.tag a{
	color:#fff;
	text-decoration:none;
}
.image {
	float: left;
}

.image img {
	display:block;
	margin: 10px 0 10px 10px;
	
}
.link {
	float:right;
	width: 120px;	
	margin: 12px 0 0 0 ;
}

.link a{
	color:#fff;
}



#bucket3 h2 ul li{
	padding:0; margin:0;	
}

#bucket3 h2 ul li a {
	color: #fff;
	padding: 0; margin:0;
	font-size:18px;
	text-decoration:none;
	clear:both;
}


#bucket2 a:hover{color:#7f6f5e;}
#bucket3 a:hover{color:#7f6f5e;}

#bucket2 .link {
	clear:both;
	float:left;
	width: 200px;	
	margin: 12px 0 5px 0 ;
}








#HOMEcontent-wrap {
	background: #c3cbcb;
}


#HOMEpage-content {
	border-right: none;
	min-height: 150px;
	background: #c3cbcb;
	
	clear:left;
	padding: 35px 30px 25px 50px;
	margin: 0;
	float:left;
	/*width:590px; buckets at bottom */
	width: 450px; /*buckets at sides*/
}








/* The container wrapping ul.dropdown */
#navwrap {
float:left;
width:100%;
/*background: #600;
background: -moz-linear-gradient( top, #600, #300); /* CSS 3 
font: 1.0em "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
border-top:1px solid #999;
border-bottom:2px solid #000;
*/}
 
/* Top level Unordered list */
ul.dropdown {
list-style:none;
float:left;
width:100%;
border-top: 1px #a2aaaa solid;
padding:0 0px 0 5px;
margin:0;
width:895px;
background: #32445b;

}
 
ul.dropdown  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
	margin: 0px 1px 0px 0px;
	
}
 
ul.dropdown a {
	text-decoration:none;
	border-left: 1px #a2aaaa solid;
	border-right: 1px #a2aaaa solid;
	color: #FFFFFF;
	font-size:16px;
	display: block;
	padding: 3px 20px;
}
 
/* Style the link hover */
ul.dropdown li:hover a {
background: #444;
/*border-top:1px solid #777;
border-bottom: 1px solid #000;
border-right:1px solid #666;*/
}
 
/* Displays the link as blocks. */
ul.dropdown li ul a {
display:block;
border:none;
border-top: 1px #a2aaaa solid; /*border at top of 1st level sub menu*/
}
 
/* sub menus!!  */
 
ul.dropdown ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width:198px; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */

}
 
ul.dropdown li ul {
top:24px; /* Positioning:Calc with top level horz list height */
/*-moz-box-shadow:0 2px 10px #000;  CSS 3 */
}
 
ul.dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
ul.dropdown li * a:hover {
/* Change color of links when hovered */
background: #a2aaaa;
border-top: none;
border-right: 1px #c3cbcb solid;
border-left: 1px #c3cbcb solid;
border-bottom: 1px #c3cbcb solid;
padding: 4px 20px 2px 19px;
/*background: -moz-linear-gradient( top, #200, #400); /* CSS 3
border-bottom:1px solid #900;
border-top:1px solid #222;*/
}





img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


.store_image img {
	float: left;
	margin: 0 10px 10px 0;
}

h3.blog {
	margin:25px 0 5px 0;	
}

.next-posts{float:left;}
.prev-posts{float:right;}