/*
Theme Name: Island Sands Theme
Theme URI: http://islandsands-beachweddings.com/
Description: This is the default style for the island sands beach weddings website.

*/



/*----------------------------------------------------------------------------- 
 
author:    [Brandon L. Rager] 
email:     [brandonlee@cysy.com] 
website:   [www.cysy.com]
-----------------------------------------------------------------------------*/

/* Remove padding and margin ------------------------------------------------*/ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: normal;
}

ul, ol {list-style: none;padding: 0 0 1.5em 0;}

button {background: none;border: none;outline: none;border: 0;}

p {padding: 0 0 1.5em 0;}

/* remember to define focus styles! */
:focus {outline: 0;}

img {border:0;}
a img {border:0}

/* Float Definitions -----------------------------------------------------------*/

.clear {clear:both;} 

.right {float: right;} 

.left {float: left;}

.alignright {float: right;margin: 0 0 2px 7px;}
.alignleft {float: left;margin: 0 7px 2px 0;}

img.left, img.alignleft {float: left;margin: 0 7px 2px 0;padding:10px;background: #e0dde8;
-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border: 1px solid #fff;
						border-bottom-color: #999;
						border-right-color: #999;}

img.right, img.alignright {float: right;margin: 0 0 2px 7px;padding:10px;background: #e0dde8;
-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border: 1px solid #fff;
						border-bottom-color: #999;
						border-right-color: #999;}

.post img.aligncenter, .attachment img.aligncenter { margin: 0 auto; text-align: center; }

.nopad {
	padding: 0px;
}
.noborder {
	border: none !important;
}

/**** ESTABLISH SITE DEFAULTS HERE ****/

body {
	background: url(images/layout_background.jpg) top center no-repeat #eedfca;
	margin: 0;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", georgia, serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #645f64;
}

a {
	color: #5c6bbf;
	border-bottom: dashed 1px #854686;
}
		a:hover {
			color: #854686;
			border-bottom-color: #5c6bbf;
		}
		
h1 {
	font-size: 1.9em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #5d67a1;
	font-style: italic;
}
		h1.logo {
			position: absolute;
			top: 3px;
			margin-left: 349px;
			width: 275px;
			height: 69px;
			background: url(images/graphic_logo.png) top left no-repeat;
		}
				h1.logo a {
					display: block;
					width: 275px;
					height: 69px;
					text-indent: -9999px;
				}
				
		/**** PAGE HEADERS ****/
		
		h1.graphic {
			width: 655px;
			*width: 635px;
			height: 66px;
			text-indent: -9999px;
			background: url(images/h1_homepage.png) top left no-repeat;
			margin: 0;
			font-style: none;
			font-size: 1em;
			line-height: 1em;
		}
				h1.home { background-image:url(images/h1_homepage.png);}
				h1.about { background-image:url(images/h1_about.png);}
				h1.services { background-image:url(images/h1_services.png);}
				h1.photos { background-image:url(images/h1_photos.png);}
				h1.videos { background-image:url(images/h1_videos.png);}
				h1.testimonials { background-image:url(images/h1_testimonials.png);}
                                h1.faq { background-image:url(images/h1_faq.png);}
				h1.receptions { background-image:url(images/h1_receptions.png);}

h2 {
	font-size: 1.7em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #854686;
	font-style: italic;
}

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #645f64;
	font-style: italic;
}

h4 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #5d67a1;
}

h5 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #854686;
}

h6 {
	font-size: 1.4em;
	line-height: 1.1em;
	margin-bottom: 15px;
	color: #645f64;
}

ul li ul {
	padding: 15px 0 5px 15px;
}

ul li {
	padding: 0 0 10px 23px;
	background: url(images/layout_li1.png) 0 0 no-repeat;
}
		ul li ul li {
			background: url(images/layout_li2.png) 0 0 no-repeat;
		}
				ul li ul li ul li {
					background: url(images/layout_li3.png) 0 0 no-repeat;
				}
				
ol li {
	padding: 0 0 10px 5px;
	list-style: decimal;
	list-style-position: inside;
}


/**** NAVIGATION BAR ****/

.navigation {
	position: absolute;
	top: 115px;
	margin-left: 223px;
	width: 737px;
	font-size: 19px;
	line-height: 19px;
	color: #fff;
	z-index: 2;
}
		.navigation li {
			display: inline;
                        list-style: none;
                        padding: 0;
                        margin: 0;
                        background: none;
		}
				.navigation li a {
					display: block;
					padding-bottom: 1px;
					float: left;
					border-bottom: none;
					color: #eae8f7;
					text-transform: uppercase;
					margin-right: 30px;
				}
						.navigation li.selected a {
							color: #f798ff;
							border-bottom: 1px dashed #c3ccff;
						}
						
						.navigation li:last a {
							margin-right: 0;
						}
						
						.navigation li a:hover {
							color: #9891ff;
							border-bottom: 1px dashed #cd80dd;
						}
						
/**** CONTACT INFORMATION BAR ****/

.contact_info {
	position: absolute;
	top: 432px;
	margin-left: 68px;
	width: 730px;
	font-size: 19px;
	line-height: 23px;
	color: #fff;
	z-index: 2;
}
		body.page-id-2 .contact_info {
			top: 557px;
		}
		.contact_info li {
			display: block;
			float: left;
			margin-right: 25px;
			padding:0;
			background: none;
		}
				.contact_info li a {
					font-style: italic;
					font-size: 21px;
					color: #f7b9ff;
					border-bottom: 1px dashed #fff;
					line-height: 25px;
				}
						.contact_info li a:hover {
							color: #b8b2ff;
							border-bottom-color: #f7b9ff;
						}

/**** CONTENT AREA ****/

#container {
	width: 1000px;
	margin: 0 auto;
}

.main {
	width: 1000px;
	position: absolute;
	top: 467px;
}
		body.page-id-2 .main {
			top: 592px;
		}
		.main .content {
			background: url(images/content_bg_middle.png) top left repeat-y;
			padding: 20px 65px;
			width: 870px;
		}
		
		.content .sidebar {
			position: absolute;
			position: relative;
			float: right;
			width: 210px;
			margin-left: 20px;
			z-index: 9999;
			margin-top: 65px;
		}
				.sidebar .box {
					width: 210px;
					margin-bottom: 15px;
				}
						.sidebar .box .top {
							width: 210px;
							height: 15px;
							background: url(images/layout_sidebox_top.png) top left no-repeat;
						}
						.sidebar .box .middle {
							width: 180px;
							padding: 0 15px;
							background: url(images/layout_sidebox_middle.gif) top left repeat-y;
						}
						.sidebar .box .bottom {
							width: 210px;
							height: 15px;
							background: url(images/layout_sidebox_bottom.png) top left no-repeat;
						}
		
/**** IMAGE AREA ****/

.image {
	background: url(images/layout_content_bg_top.png) top left no-repeat;
	width: 920px;
	height: 367px;
	padding: 99px 40px 1px 40px;
}
		body.page-id-2 .image {
			height: 492px;
		}

/**** FLOWER GRAPHICS ****/

.topleftflower {
	position: absolute;
	top: 0;
	margin-left: -126px;
	width: 375px;
	height: 286px;
	background: url(images/graphic_flowers_topleft.png);
}

.bottomrightflower {
	position: absolute;
	margin-left: 683px;
	margin-top: -144px;
	width: 266px;
	height: 293px;
	background: url(images/graphic_flowers_bottomright.png);
}

/******* FOOTER *******/

.footer {
width: 1000px;
height: 60px;
padding: 40px 0 0 0;
text-align:center;
background: url(images/content_bg_bottom.png) top left no-repeat;
font-size: 10px;
}


/*** COMMENTS ****/

.commentlist {

}

.commentlist .comment {
display: block;
width: 608px;
padding: 15px;
background: url(images/testimonials_bg.jpg) no-repeat top left #eceaf1;
-moz-border-radius: 10px;
margin-bottom: 15px;
						-webkit-border-radius: 10px;
						border: 1px solid #fff;
						border-bottom-color: #999;
						border-right-color: #999;
}