chu/* 

Theme Name: Gibson Island Club

Theme URL: http://www.gibsonisland.com

Description: Custom Wordpress theme for Gibson Island Club

Author: Noah Kim

Author URI: http://chunkymoon.com

Version: 1.0





/*  The following CSS Reset was written by Dejan Cancarevic

http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */



html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

{margin:0;padding:0;}



body {

	background:url(images/bg.jpg) repeat-x top #b3cad8;
	margin:20px 0 0 0;
	padding:20px 0 0 0;

}



#container {

	width:1000px;

	margin:0 auto;

}





#topTitle {

	text-align:center;

	width:1000px;

	height:55px;

}





#header {

	width:1000px;

	height:100px;

	margin:0 auto;
padding:20px 0 0 0;

}



#mainimage {

	background:url(images/bg_mainimage.jpg) no-repeat top #fff;

    padding:15px;

    border:3px solid #acc4d4;

	width:970px;

	height:410px;

	margin:0 0 10px 0;

}



#mainimage img {

	border:15px solid #0c7512;

}





#footer {

	background:#486f80 url(images/bg_footer.jpg) top repeat-x;

	height:205px;

	width:100%;

	clear:both;

	padding:0;

}



#footernav {

	width:1000px;

	height:125px;

	margin:0 auto;

	padding:0;

}



.footertext {

	width:367px;

	height:97px;

	background:url(images/bg_footertext.jpg) no-repeat;

	font-family:"Times New Roman", Times, serif;

	font-size:22px;

	text-shadow: 0px 1px 1px #142831;

	color:#fff;

	text-align:center;

	padding:10px 30px 0 30px;

	float:left;

	margin:30px 0 0 0;

}

.footertext a, .footertext a:hover, .footertext a:visited, .footertext a:active {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	letter-spacing:.09em;
}

.footerlinks {

	float:right;

	width:561px;

	margin:10px 0 0 10px;

}



.footerlinks a {

	text-decoration:none;

}





.footerlinks a:hover span{

	background:#fff;

	background:url(images/bg_footerlinks.gif) repeat-x top #32515e;

}



.footerlinks span {

	float:left;

	width:255px;

	display:block;

	color:#fff;

	padding:10px 10px 10px 10px;

}



.footerlinks span h3 {

	text-transform:uppercase;

	text-shadow: 0px 1px 1px #142831;

	font-weight:bold;

	font-size:16px;

}

	

.footerlinks span p {

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

}



.footerlinks span img {

	float:left;

	margin:0 10px 0 0;

}



.smallprint {

	font-size:10px;

	display:block;

	margin:30px 0 0 0;

	padding:0 0 10px 0;

	clear:both;

	text-align:center;

	color:#81adc1;

	font-family:Verdana, Geneva, sans-serif;

}



.smallprint a,.smallprint a:visited,.smallprint a:active {

	color:#fff;

	text-decoration:none;

	font-size:10px;

}

/*** General Header Styles ****/



h1 {

	font-family:"Times New Roman", Times, serif;

	font-size:26px;

	color:#fff;

	text-shadow: 0px 1px 1px #7a95a6;

	text-transform:uppercase;

	margin:0 0 10px 0;

}



/*

Here is a list of all the <DIV>s in Whiteboard.

*/



.post{}

.postmeta{}

.postnavigation{}

#searchform{}

#sidebar{}

#comments

.comments_navigation{}

.comments_navigation{}

.comments_reply{}

.comments_text{}

.comments_meta{}



/* Navigation */

/* Suckerfish */



#navwrapper {

	padding:10px 0 10px 0;

	margin:0 0 0 150px;

}



#nav {

}



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}



#nav .divider {

	width:18px;

	height:14px;

	background:url(images/nav_divider.gif) no-repeat center;

	display:block;

}



#nav a {

	display: block;

	color:#fff;

	text-decoration:none;

	font-family:"Times New Roman", Times, serif;

	font-size:18px;

	text-shadow: 0px 1px 1px #142831;

}



#nav li { /* all list items */

	float: left;

	padding:0 25px 0 0;

	margin:0 auto;

}



#nav li ul { /* second-level lists */

	position: absolute;

	width:130px;

	font-size:14px;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	padding:17px 0 0 0; /*offsets sub navigation from bottom of the parent nav button */

	display:block;

	z-index:100;

	background:#446878;

}



#nav li ul li {

	display:block;

	width:130px;

	padding:5px;

	border-top:1px solid #446878;

	background:url(images/bg_subnav.gif) top repeat-x;

}



#nav li ul li a, a:visited, a:active {

	text-decoration:none;

	color:#fff;

	font-size:16px;



}



#nav li ul li a:hover {

	color:#c6edff;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



/*End Suckerfish */



/* Homepage posts styles */



.update {

	display:block;

	color:#4a4a4a;

	font-size:14px;



	width:460px;

	float:left;

	margin:0 10px 20px 0;

	line-height:18px;

	padding:10px;

	background:#fff;

	border:10px #7d9bae solid;

}



.update h2, h2 a, h2 a:visited {

	font-family:"Times New Roman", Times, serif;

	color:#486f80;

	font-size:20px;

	text-decoration:none;

	margin:0 0 10px 0;

	line-height:20px;

}

.update p {
margin:0 0 15px 0;
}



a.more-link, a:visited.more-link {

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	text-transform:uppercase;

	background:url(images/btn_readmore.png) no-repeat;

	color:#fff;

	text-align:center;

	padding:2px 3px 4px 3px;

	display:block;

	width:94px;

	height:17px;

	margin:10px 0 0 0;

	text-shadow: 0px 1px 1px #446c77;

	text-decoration:none;

}



a:hover.more-link {

	background:url(images/btn_readmore_over.png) no-repeat;

	color:#fff;

}





.rightbox {

	float:right;

	margin: 0 0 20px 0;

	width:470px;

	display:inline;

	font-family:"Times New Roman", Times, serif;

	color:#446878;

	font-size:18px;


}

.rightbox a, .rightbox a:visited {
	text-decoration:none;
	text-shadow:none;
	color:#446878;
	background:#fff;
	padding:3px 5px 3px 5px;
	border:5px solid #7d9bae;
	margin:50px 0 0 0;
}

.rightbox a:hover {
	color:#fff;
	background:#446878;
}

.rightbox p {
margin:0 0 20px 0;
}


/* form styles */



.rightbox input {

	border:1px solid #9d9d9d;

	background:#d9d9d9;

	font-size:14px;

	padding:3px;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#333;

	margin:20px 0 0 0;

}



/* Page Styles */



#pagewrapper {

	width:940px;

	margin:0 auto;

	min-height:600px;

	background:#fff;

	padding:20px;

	border:10px #b3cad9 solid;

	margin-bottom:20px;

	font-family:Times New Roman;

	/font-family:Arial, Helvetica, sans-serif;/

	font-size:12px;

	line-height:18px;

	color:#333;

	}

	

#pagewrapper h1, h1 a, h1 a:visited, h1 a:active {

	font-size:60px;

	margin:0x 0 30px 0;

	display:block;

	line-height:55px;

}



#pagewrapper h2,#pagewrapper h2 a,#pagewrapper h2 a:visited{

	font-size:30px;

	margin:0 0 10px 0;

	line-height:26px;



}

	

#pagewrapper a {

	color:#008995;

	text-decoration:none;

}







#pagewrapper p {

	margin:0 0 20px 0;

}



#pagewrapper .ngg-singlepic{

	margin:0 15px 50px 15px;
	border:5px solid #0c7512;
	padding:0;
}

#pagewrapper ul {
	overflow:hidden;
}



/* sidebar */



#sidebar {

	width:250px;

	float:right;

	background:#c5e8c7;

	margin:0 0 10px 10px;

	padding:0 10px 10px 10px;

	color:#000;

	border:10px solid #9ad09d;

}



#sidebar h3 {

	font-size:18px;

	font-family:"Times New Roman", Times, serif;

	margin:10px 0 10px 0;

}



#sidebar li a, a:visited {

	font-size:12px;

}



#sidebar a {

	color:#030;

	text-decoration:none;

}



#sidebar li {

	list-style:none;

	font-size:10px;

}



.post {

padding:0 0 20px 0;

margin:20px 0 20px 0;

border-width:0 0 1px 0;

border-style:dotted;

border-color:#999;

}
#postnavigation {display: none;}

.post-meta {font-weight:bold; font-size:16px;}
.post-meta li {
list-style:none;
margin:0;
padding:0;
}

ul.post-meta {
	margin:0;
	padding:0;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#0c7512;
	border:1px solid #95cf99;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #95cf99;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

