/* 

Theme Name: Ruby's Resort
Theme URI: http://www.horngshii.com
Description: Custom theme designed by Horng Shii

Version: 3.16a
Author: Horng Shii
Author URI: http://www.horngshii.com
Tags: holiday, island

*/

/* INFO

Date: 28 January 2010

Primary Colors:
green: #55610e;
yellow: #faeab8;

*/

/* comments */

.avatar { display: none; }
.commentlist { text-transform: none; font-size: 9pt; }
ol.commentlist { padding-left: 2em; }
.comment { border: 0px solid black; padding: 1em 0; margin: 1em 0; }


/* main */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6, textarea {
	font-size: 100%;
	padding: .5em 0;
}

p { padding: .5em 0; }

/* css templates */
.cleared { margin: 0; padding: 0; clear: both; }
.wrapper { padding: 2px; border: 1px solid #ccc; }
.hidden { display: none; }
.fl { float: left; }
.fr { float: right; }
.bb { border: 1px solid black; }
.noListStlye { list-style-type: none; }
.noOverflow { overflow: none; }



#header, #content, #footer, #navigation { width: 960px; margin: 0 auto; }
#navigation, #footer, #header, #subFooter, #content, #subContent { font-family: Helvetica; }
body { background: #000; }

#bgWrapper { background: #55610e url(images/bg2.gif) repeat-x; margin: 0 auto; width: 980px; }

/* header */
#header { background: transparent url(images/index_bg.jpg) no-repeat bottom; height: 590px; }
#logo { padding: 20px 0 5px 0; }

#writeup { background: #faeab8; width: 520px; height: 150px; font-size: 8pt; margin: 200px 25px 0 0; padding: 15px; overflow: hidden; }
	#writeup h2 { font-size: 16pt; font-weight: 500; }

#navigation { background: black; height: 35px; font-size: 9pt; font-weight: 600; }
	#navigation a { color: white; text-decoration: none; }
	#navigation a:hover { text-decoration: underline; }
	#navigation ul { padding-top: 12px; text-align: center; }
	#navigation ul li { display: inline; padding: 15px; }
	#navigation ul li:last-child { padding-right: 0; }
	#navigation ul ul { display: none; }
	
/* content */
#content { background: transparent url(images/index_bg2.jpg) no-repeat top; height: 500px; border: 0px solid white;  }
	#indexDisplay { margin-top: 50px; }
	

/* footer */
#footer { background: #55610e; font-size: 8pt; color: white; text-align: center; height: 50px; padding: 30px 0; }
	#footer a { color: white; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
/* sub content */
#subHeader { width: 960px; height: 200px; margin: 0 auto; }

#subnav ul li { list-style-image: url(images/list_out.gif); vertical-align: middle; }
#subnav ul li:hover { list-style-image: url(images/list_hover.gif); }

#subnav a { font-family: helvetica; font-size: 8.5pt; color: black; text-decoration: none; }
#subnav a:hover, #subnav .current-cat a, #subnav .current-cat ul li a:hover, #subnav .current_page_item a { font-weight: 700; }
#subnav .current-cat ul li a { font-weight: 500; }
#subnav h3 { font-size: 9pt; font-weight: 700; }

#subnav .children { float: none; }
#subnav ul li  { margin-bottom: 20px; }
#subnav li:hover, #subnav .current-cat, #subnav .current-cat-parent, #subnav .current_page_item { list-style-image: url(images/list_hover.gif); }
#subnav ul { padding-left: 10px; }
#subnav ul ul { padding-left: 20px; }
#subnav ul ul li { margin-top: 10px;}



#subContent { width: 940px; margin: 0 auto; border-left: 10px solid white; border-right: 10px solid white; background: #fae08a; }
	#pageContent { width: 700px; padding: 20px; background: #d3dc79; }
	#pageContent h2 a, #pageContent h2 { font-size: 12pt; text-decoration: none; color: black; font-weight: 700; }
	#pageContent h2 a:hover { text-decoration: underline; }
	#pageContent p { font-size: 9pt; line-height: 12pt; margin-bottom:2px; }
        #pageContent p a { color:#640114; text-decoration:none; font-weight:bold; }
        #pageContent p a:hover { text-decoration:underline; }
	#pageContent input, #pageContent textarea { margin: 5px 0; width: 500px; }
	#pageContent input[type="submit"] { width: inherit; }

        #pageContent ul { font-size: 8.5pt; line-height:12pt; margin-left: 20px; margin-bottom:10px; }
	
	#prevNext { padding: 20px 0; margin: 20px 0;  }	
	#prevNext div { margin: 0 10px; padding: .5em; background: #faeab8; border: 1px solid #faeab8;}
	#prevNext div:hover { border: 1px solid black; }
	#prevNext a { font-family: Helvetica; font-size: 9pt; color: black; }

#picBanner { width: 950px; height: 295px; overflow: hidden; margin: 0 auto; border-left: 10px solid grey; text-align: right; background: grey; }

/* widgets */

.wDiv { padding: 1em 0; }

#calendar_wrap { border: 0px solid black; padding: .5em; font-size: 8pt; margin: 0 -20px; }
#calendar_wrap caption { border: 1px solid #55610e; margin-bottom: 3px; padding: .5em;  background: #d3dc79; font-weight: 700; }
#calendar_wrap table { border: 1px solid #55610e; } 
#calendar_wrap table th	{ border: 0px solid black; text-align: center; padding: 4px; background: #d3dc79; }
#calendar_wrap table td { text-align: center; padding: 4px; background: #faeab8; }
#calendar_wrap table tfoot { display: none; }
#calendar_wrap #today { font-weight: 700; background: #d3dc79; } 
#calendar_wrap .pad { border: none; } 

/* footer */
#subFooter { width: 940px; margin: 0 auto; background: #55610e; font-size: 8pt; color: white; text-align: center; height: 50px; padding: 100px 0 0 0; border-left: 10px solid white; border-right: 10px solid white; }
	#footer a { color: white; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

#subFooter a { color:#ff8a00; text-decoration:underline; font-weight:bold; }
#subFooter a:hover { color:#feae51; text-decoration:none; }