/*  
Theme Name: Kiawah Beach home rental
Theme URI: http://www.kiawahoceanwalk.com
Version: 1.0
Author: Nick Gehring
Author URI: http://www.nickgehring.com


*/

* {
margin:0;
padding:0;
font-family: Verdana, Geneva, Arial, sans-serif;
}

body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #ecf6ff;
font-family: Verdana, Geneva, Arial, sans-serif;
} 


#wrapper {
margin: 25px;
width: 915px;
}

img {
border: 0;
}

/* Basic links */

a:link {
color: #648eb4;

}

a:visited {
color: #8696A4;
}

a:hover {
color: #8696A4;
text-decoration: none;
}

a:active {

}

/* Beach */

.beach ul {
margin-top: 10px;



}

.beach li {
list-style-position: outside;

margin: 0 0 7px 30px;
padding: 0 3px 0 19px;
font-size: 13px;

}



/* Header */
#header h1 {
margin: 0 0 10px 0;
background: url(images/header1.jpg) no-repeat;
text-indent: -9999px;

}

#header h1 a {
display: block;
width: 578px;
height: 40px;
}


/* Navigation */

#nav {


list-style:none;
height: 90px;


padding: 0 0 0 5px;
background-color: #CBE6FF;

}



#nav ul {
height: 72px;
}





#nav li {

float: left;
display: block;
padding: 0;
margin: 0;
}


#nav a {
outline:none;
color:#648eb4;
text-decoration:none;
display:block;
padding: 10px;
margin: 5px 0 0 0;
text-transform:uppercase;
font-size: 18px;
background-color: #CBE6FF;
font-weight: normal;
}

#nav a span {
font-size: 13px;
color:#648eb4;
text-transform: none;
font-weight: normal;
}

#nav a:hover span {
font-size: 13px;
color:#fff;
text-transform: none;
font-weight: normal;
}


#nav a:hover {
background:#9BCFF9;
color:#fff!important;
margin: 5px 0 0 0;
font-weight: normal;
}


#current {
float: left;
display: block;
margin: 0;
padding: 0;
}









#current a {
outline:none;
background:#648eb4;
color:#fff!important;
text-decoration:none;
display:block;
padding: 10px;
margin: 5px 0 0 0;
text-transform:uppercase;
font-size: 18px;

}





#current a span {
font-size: 13px;
color:#fff;
text-transform: none;

}

#current a:hover {
background:#648eb4;
color:#fff!important;
cursor: default;

}

/* Subnavigation */

#subnav {
width: 900px;
background-color: #648eb4;
color: #fff;
padding: 3px 0 3px 15px;
}



#subnav li {
display: inline;

}

#subnav a {

text-decoration: none;
}

#subnav a:link {
color: #fff;
padding: 0 2px 0 3px;
text-decoration: none;
}


#subnav a:visited {
color: #fff;
padding: 0 2px 0 3px;
text-decoration: none;
}

#subnav a:hover {
background:#9BCFF9;

padding: 0 2px 0 3px;

text-decoration: none !important;
}

#subnav a:active {
color: #fff;
padding: 0 2px 0 3px;
text-decoration: none;
}

#currentsub  {
color: #648eb4 !important;
padding: 0 2px 0 3px;
background-color: #CBE6FF !important;
text-decoration: none !important;
cursor: default;
}

#currentsub a:visited {
}





#currentsub a:hover {
color: #648eb4 !important;
padding: 0 2px 0 3px !important;
background-color: #CBE6FF !important;
text-decoration: none !important;
cursor: default !important;

}

#currentsub a:active {
}

/* Page elements */

#page {
display: block;
margin: 15px 0 20px 0;
}

#page h2 {
font-size: 27px;
font-weight: bold;
color: #cd3b3b;
margin: 0 0 5px 0;
}

h3 {
background: url(images/topoflistbg.jpg) no-repeat;
display: block;
width: 460px;
height: 35px;
margin: 15px 0 2px 0;
padding: 4px 0 0 15px;
color: #fff;
font-size: 18px;
font-weight: bold;
clear: both;
}



#pageintro {
line-height: 24px !important;
font-size: 16px !important;
text-align: justify !important;
}

#page p {
line-height: 20px;
font-size: 14px;
text-align: left;
margin: 0 0 10px 0;
}



#left {
float: left;
width: 460px;
}

#right {
float: left;
width: 375px;
margin: 0 0 0 25px;
}

#right a {
font-size: 12px;
}


/* About - List */

#list {
width: 460px;

}




#list ul {
padding-left: 15px;
margin-left: 24px;
}

#list li {
list-style-position: outside;

margin: 0 0 7px 0;
padding: 0 3px 0 0;
font-size: 14px;
}

.listabout {
display: block;
width: 200px;
margin: 10px 5px 20px 0;

float: left;

}

.listabout ul {
padding-left: 27px;

float: left;
}

.listabout li {
list-style-position: outside;

margin: 0 0 7px 30px;

padding: 0 3px 0 19px;
font-size: 13px;

}



/* About - Photogroup */

.photogroup {
margin: 0 0 0 15px;
width: 350px;

}

.photogroup img {
float: left;
margin: 5px 5px 0 0;
border: solid #fff 2px;
}




/* photoframe */
.photoframe {
background-image: url(images/slideshowbg.jpg);
background-repeat: no-repeat;

display: block;

width: 386px;
height: 363px;
padding: 10px 10px 15px 15px;

}

.photoframecutline {
padding: 5px 0 10px 0;
font-size: 12px !important;
line-height: 16px !important;
width: 350px;
text-align: justify !important;
}

/* Photos bottom of About */

#photosbottom {

margin: 40px 0 0 10px;
}

#photosbottom img {
border: solid #fff 2px;
}








/* front page gallery link */

#gallerylink a {
background-image: url(images/slideshowlink.jpg);
background-position: 0 -53px;
background-repeat: no-repeat;
font-size: 24px;
color: #999;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-indent: -9999px;
height: 50px;









width: 215px;
}

#gallerylink a:link {



}

#gallerylink a:visited {
text-decoration: none;
}

#gallerylink a:hover {
background-position: 0 0;
}


#gallerylink a:active {

}

/* Calendar */
#calendar {
background: url(images/calendar.gif) no-repeat;
height: 300px;


width: 300px;
padding: 70px 0 0 85px;
font-size: 13px;

}


#month {
font-size: 52px;
text-transform:uppercase;

font-weight: bold;
color: #6699CC;
}

#day {
font-size: 110px;
margin: -25px 0 0 -10px;
color: #273B4F;
}

/* Photo page */

.imgnavigation {
width: 500px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


	.gallery {
				margin: auto;
			}
			.gallery-item {
				float: left;
				margin-top: 10px;

width: 20%;
}

			.gallery img {
				border: 2px solid #cfcfcf;
			}
			.gallery-caption {
				padding-left: 10px;
				width: 150px;
				font-size: 12px;
				text-align: left;
			}


.caption {
width: 500px;
}


.entry {
margin-left: 20%;
margin-top: 20px;
}

.attachment-full {
border-style: solid;
border-width: 1px;
border-color: #000;
}

.attachment-thumbnail {
border-style: solid;
border-width: 1px;

border-color: #000;
}

/* Photo page breadcrumbs*/

.breadcrumbs {
margin: 0 0 5px 0;
}

.breadcrumbs a:link {
color: #648eb4;

}

.breadcrumbs a:visited {
color: #8696A4;
}

.breadcrumbs a:hover {
color: #8696A4;
text-decoration: none;
}

.breadcrumbs a:active {

}


/* Photos */
.gallery img {
border: 2px solid #fff !important;
}

/* Contact */

.envelope {
background: url(images/envelope.gif) no-repeat;
width: 449px;
height: 389px;
}

.contact {
padding: 125px 0 0 50px;
font-size: 12px;
}

.contact input {
font-size: 12px;
margin: 0 0 10px 0;
}

.contact textarea {
font-size: 12px;
}

#contactsubmit {
background-color: #cd3b3b;
border-width: 0;
color: #fff;
margin: 10px 0 0 0;
padding: 3px;

}


#contactbar {
background: url(images/contactbar.jpg) no-repeat;
display: block;
width: 389px;
height: 35px;
margin: 15px 0 2px 0;
padding: 4px 0 0 15px;
color: #fff;
font-size: 18px;
font-weight: bold;
clear: both;
}

/* Rates */


#rates {
background-color: #fff;
width: 440px;
padding: 10px;
}

.rates2 {
background-color: #759CBB;
}

.left {
text-align: left;
}

.right {
text-align: right;
}



#rates table {
background-color: #fff;

font-size: 12px;
width: 440px;
}

#rates table td {
border-bottom: 1px solid #ccc;
padding: 3px 0 3px 0;

}

#rates .blue {
color: #6699cc;

}

#rates .bottompercentage {
border-bottom: 0 solid #ccc;
font-style: italic;
}

/* Weather */
#weather table {
background-color: #fff;
padding: 10px;
margin: 5px 0 0 0;
font-size: 12px;
width: 460px;
}

#weather table td {
border-bottom: 1px solid #ccc;
padding: 3px 0 3px 0;

}

#weather .blue {
color: #6699cc;

}



/* Footer */

#footer {
clear: both;
padding: 25px 0 0 0;
color: #000;
font-size: 12px;
display: block;
height: 25px;

}