/* this is my mess of a stylesheet to create a rounded corner box layout using the concept of background image slices so effectively utilized by WP in the Kubrick theme. Obviously I am mixing typography with layout way too much. */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}
/* begin layout */

/*the body tag is where the background image or color is set, you're hosed if you want a vertical gradient, horizontal you can use*/
body {
	background: url(../images/lacabana_background.jpg) repeat;
	margin: 0;
	padding: 0;
}
/* content */

/*the wrapper is where the fixed width background image is tile with or without columns*/
#wrapper {
	background: url(../images/body.jpg) repeat-y top;
	border: none;
	background-color: white;
	margin: 20px auto;
	width: 760px;
}
#header {
	background: url(../images/header.jpg) no-repeat bottom center;
	margin: 0 !important;
	margin: 0 0 0 1px;
	padding: 1px;
	height: 145px;
	width: 758px;
	padding: 0;
	margin: 0 auto;
	height: 147px;
	width: 100%;/* background-color: #73a0c5; */
}
/*#headerimg {
	background-image: url(../images/2007_07_07_laCabana%20001.jpg);
	margin: 7px 9px 0;
	height: 200px;
	width: 740px;
	margin: 0;
	width: 100%;
}*/
#content {
	margin: 0 50px 10px 250px;
	padding: 0px;
}
#content p {
	margin:0;
	padding:10px 0 0 0;
}
#footer {
	background: url(../images/footer.jpg) no-repeat bottom;
	border: none;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 760px;
	height:189px;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 30px 0;
	text-align: center;
	font-size: .8em;
}
#footer a:link, #footer a:visited {
	font-size: 12px;
	color: #838F85;
	text-decoration: none;
}
#footer a:hover {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
#outsideFooter {
	margin:0;
	padding:0 0 15px 0;
	font-size:80%;
	text-align: center;
}
#outsideFooter ul {
	margin:0;
	padding:0;
	list-style:none;
}
#outsideFooter li {
	display:inline;
	margin:0;
	padding:0px;
	color: #FF0000;
}
#outsideFooter img {
	display: block;
}
#outsideFooter a {
	font-size: 90%;
	margin:0;
	padding:0;
}/* End Structure */
/* navigation using unordered list and a wrapper box with rounded corners and a gradient background*/

/*this rounded box uses three divs floated left and three background images, top, middle, bottom, the box wrapper is the container where you set margins and padding, margins will give you the IE6 doubling phenomena so use padding*/
#boxWrapper {
	margin:0;
	padding:25px 0 0 35px;
	float:left;
	width:186px;
	clear:left;
}
#boxTop {
	margin: 0;
	padding:0;
	float:left;
	width:186px;
	height:17px;
	font: small Verdana, sans-serif;
	clear: left;
	background: url(../images/boxTop.jpg) no-repeat bottom;
	border: none;
}
#boxMiddle {
	margin: 0;
	padding:0;
	float:left;
	width:186px;
	font: small Verdana, sans-serif;
	clear: left;
	background: url(../images/boxMiddle.jpg) repeat-y top;
	border: none;
}
#boxBottom {
	margin: 0;
	padding:0;
	float:left;
	width:186px;
	height:22px;
	font: small Verdana, sans-serif;
	clear: left;
	background: url(../images/boxBottom.jpg) no-repeat bottom;
	border: none;
}
#signup {
	margin:0;
	padding:8px;
	float:left;
	font: small Verdana, sans-serif;
}
#signup h2 {
	margin:0;
	padding:0;
}
#leftNav {
	margin:0;
	padding:0 0 0 12px;
	float:left;
	width:155px;
	font: small Verdana, sans-serif;
	clear: left;
	border: none;
}
#leftNav a:link, #leftNav a:visited, #leftNav a:hover {
	display:block;
	/*width:90%; IE6 workaround, allows display block to work, ill effects in Mozilla, makes the block smaller*/
	color: #000000;
	text-decoration: none;
}
#leftNav a:hover {
	text-decoration: underline;
}
#leftNav ul {
	margin: 0px;
	padding: 0px;
}
#leftNav li {
	padding: 3px;
	margin-bottom: 4px;
	list-style-type: none;
	border: 1px solid black;
	background-color: orange;
	list-style-position: inside;
	background-image: url(../images/nav_background.jpg);
}
/*end navigation*/

/* end layout */






/*formatting html tages*/
h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color:red;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color:red;
}
h3 {
	color: #869588;
	font-size: 125%;
}
h4 {
	text-decoration: underline;
}
h5 {
	font-weight: bolder;
	color: #000000;
	font-size: 110%;
}
a:link, a:visited, a:hover {
	color: #0000CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

.clear {
	clear:both;
}
.col50 {
	width:48%;
	float:left;
}
.col20 {
	width:18%;
	float:left;
}
.col80 {
	width:90%;
	float:left;
}
.justify {
	text-align:justify;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clear {
	clear:both;
}
.red {
	color:red;
}
.indent25 {
	padding-left:25px;
}
table.menu tbody td p {
	margin:0;
	padding:0;
}
table.menu td {
	vertical-align:top;
	margin:0;
	padding:5px;
}
table.menu {
	margin:0px;
	padding:0;
	border-collapse:collapse;
}
img {
	border: none;
}