/*
Theme Name: captainslodge.com
Theme URI: http://www.captainslodge.com/
Description: Captains Lodge stylesheet
Version: 0.1
Author: Mike Robinson
Author URI: http://www.aspects.cc/
*/

 * {
	margin: 0;
	padding: 0;
} 

body {
	color: #000;
	font-family: arial, sans-serif;
	background: #7979e4;
        margin: 0;
        padding: 0;
}

#main-wrapper {
	margin: 0 auto 0 auto;
	width: 1025px;
	text-align: left;
	background: url("../images/captainslodge_bg.jpg");
}

#content-wrapper {
	display: block;
	margin: 0 auto 0 auto;
	width: 920px;
	text-align: left;
}

/* ----------------------------------- basics */

h1, h2, h3 {
	font-weight: normal;
}

h1 {
	font-size: 4em;
	line-height: 1.6em;
	font-family: helvetica, arial;
}

h2 {
        text-transform: uppercase;
	font-size: 26px;
	line-height: 2.8em;
}

h3 {
	font-size: 1.9em;
	line-height: 1.7em;
}

h4 {
	font-size: 1.7em;
	line-height: 1.4em;
}

p {
	font-size: 10pt;
	line-height: 1.5em;
	margin: 0 0 15px 0 !important;
        text-align: justify;
        color: #000;
}

a {
	color: #000;
        text-decoration: none;
}

a:hover {
	color: #7979e4;
}

a img {
	border: none;
	/* margin: 0 10px 20px 0; */
}

ul, ol {
	list-style: none;
}

/* ----------------------------------- masthead */

#main-nav {
	background: url("../images/captainslodge_header.jpg") no-repeat top left;
	font-size: 14px;
        text-transform: uppercase;
        font-family: helvetica, arial;
	font-weight: bold;
        margin: 0 auto;
        padding: 250px 0 0 0;
        width: 1025px;
        /* background: #000; */
}

#main-nav ul {
        padding: 0 0 0 60px;
}

#main-nav li {
	float: left;
        /* background: #000; */
        /* padding: 25px 0; */
}

#main-nav li a {
	/* background: #000; */
	color: #ffffff;
	display: block;
	/* padding: 6px 0; */
	text-decoration: none;
	text-align: center;
}

#main-nav li a:hover, #main-nav li.current a {
	color: #7979e4;
}

#main-nav li.rss-now a:hover, #main-nav li.rss-now a {
	background: #04076F;
	color: #eee;
}

#main-nav li.subscribe a:hover, #main-nav li.subscribe a {
	background: #00007f;
	color: #eee;
}

/* ----------------------------------- main content */

.main {
        width: 635px;
        float: left;
        padding: 0 0 50px 0;
}

.main-ul {
        padding: 0 0 0 30px;
}

.main-ul li {
        font-size: 1.4em;
        font-family: helvetica, arial;
        font-weight: normal;
        color: #fff;
        line-height: 1.5em;
        list-style: disc;
        padding-bottom: 10px;
}

.main-ul li a, .sidebar-ul li a:hover {
        font-weight: bold;
}

.main p.return {
	font-size: 12px;
	font-family: verdana;
	padding: 30px 0 0 20px !important;
}

.main h2.content {
        padding: 0 0 20px 0;
}

.main p.content {
        padding: 0 0 0 20px;
}

.main img.content {
        padding: 0 0 0 10px;
}

a.option {
  cursor: pointer;
}


/* ----------------------------------- sidebar */

.sidebar {
        width: 265px;
        margin: 15px 0;
        float: right;
        padding: 5px 5px 20px 10px;
}

.sidebar-ul li {
        font-size: 11pt;
        font-weight: normal;
        line-height: 1.25em;
        clear: both;
        padding: 40px 0 0 30px;
        color: #000;
}

.sidebar-ul li a, .sidebar-ul li a:hover {
        font-weight: normal;
        font-size: 11pt;
}

/* ----------------------------------- flags */

.flags-ul li {
        font-size: 11px;
        font-weight: normal;
        float: left;
        padding: 0 18px 0 10px;
        color: #000;
}

.flags-ul a img {
        margin: 0;
}

/* ----------------------------------- casa list */

.casa {
        margin: 50px 0 0 30px;
        float: left;
        font-size: 1.3em;
        font-family: helvetica, arial;
        font-weight: normal;
        color: #fff;
        line-height: 1.3em;
        color: #000;
        width: 575px;
}

.casa a, .casa a:hover {
        font-weight: bold;
}

.casa img {
        padding: 25px 15px 0 20px;
}

.gallery a {
	margin: 0 20px;
        padding: 10px 10px 10px 10px;
        background: #000;
        width: 400px;
        color: #fff;
        font-size: 1.3em;
        font-weight: bold;
}

.content
{
	margin: 0 20px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 0 0 20px;
}

/* ----------------------------------- price list */

table.price {
        width: 580px;
        margin: 0 0 40px 20px;
}

th.price {
        background: #cde;
        padding: 8px 0 8px 10px;
}

th.date {
        width: 160px;
        background: #cde;
        text-align: justify;
        padding: 8px 0 8px 10px;
}

td.price {
        font-size: 11pt;
        padding: 0 0 0 10px;
        background: #cde;
}

h3.price {
        font-size: 16pt;
        padding: 0 0 0 20px;
}

p.price {
        padding: 0 0 0 20px;
}

/* ----------------------------------- booking form */

.booking
{
	font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.booking li
{
	width:61%;
}

form.booking
{
	margin:20px 20px 0;
	padding:0 0 20px;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button {
text-align: center;
padding: 2px;
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title {
font-weight: bold;
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow {
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames {
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name {
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend {
color: #666;
}

.calendar thead .hilite {
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active {
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day {
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite {
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active {
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend {
color: #666;
}

.calendar tbody td.today {
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
visibility: hidden;
}

.calendar tbody .emptyrow {
display: none;
}

.calendar tfoot .footrow {
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip {
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite {
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active {
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}

/* ----------------------------------- footer */

#footer {
	background: url("../images/captainslodge_footer.jpg") no-repeat top left;
	display: block;
	margin: 0 auto 0 auto;
	width: 1025px;
	text-align: left;
        padding: 0 0 20px 0
}

#footer p {
	text-align: center;
	padding: 8px 0;
	font-size: 8pt;
        width: 1025px;
}

/* ----------------------------------- floats */

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

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

.fix {
	display: inline-block;
}

* html .fix {
	height: 1%;
}

.fix {
	display: block;
}