/*
Theme Name: 100 Club of San Mateo County
Theme URI: http://www.100clubsmc.com/
Description: 
Version: 1.0
Author: Kevin James Vreeburg
Author URI: http://kjvdesigns.com
Tags:XHTML/CSS, jQuery, 1 column, 2 column 
*/



/* GENERAL BODY DEFINITIONS */
body {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #646464;line-height: 1.5em;background-color: #fff;background-image: url(images/mainBG.jpg);background-repeat: repeat-x;margin-top: 0px;}

h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-style: normal;font-weight: bold;letter-spacing:-0.5px;color: #466b9f;margin:0px 0px 20px;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-style: normal;font-weight: bold;letter-spacing:-0.5px;color: #466b9f;margin:0px 0px 20px;}
h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-style: normal;font-weight: bold;letter-spacing:-0.5px;color: #466b9f;margin:25px 0px 20px;}
p {font-family: Helvetica, Arial, sans-serif;font-size: 12px;line-height: 16px;color: #646464;padding-bottom:10px;}
a:link {color: #47382e;text-decoration: underline;}
a:visited {text-decoration: underline;color: #47382e;}
a:hover {text-decoration: none;color: #47382e;}
a:active {text-decoration: underline;color: #47382e;}
hr {border: none;width: 100%;background-color:#e2ded8;height: 1px;margin:40px 0px 20px 0px;}

/* CONTAINER */
#wrapper {position:relative;width:960px;height:auto;margin-right: auto;margin-left: auto;margin-top: 0px;}


/* TOP MENU */
#topMenu {height: 34px;width: 700px;background-image: url(images/topMenuDivider.jpg);background-repeat: no-repeat;background-position: top left;font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #b6b2a8;clear: both;}
#topMenu ul {margin:0px;list-style-type:none;padding: 0px;}
#topMenu li {float:left;height: 26px;text-align:center;background-image: url(images/topMenuDivider.jpg);background-repeat: no-repeat;background-position: right 0px;padding: 8px 22px 0 20px;}
#topMenu li a {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #444;text-decoration: none;}
#topMenu li a:hover {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #000;text-decoration: underline;}


/* LOGO */
#logo {height: 100px;width: 305px;clear: both;background-image: url(images/logo.jpg);background-repeat: no-repeat;background-position: left top;}


/* SEARCH */

#search {height: 100px;width: 300px;padding-left: 640px;}
.textfield {border:1px solid #FFFFFF;width:208px;height:18px;background-image:url(graphics/input_back.gif);margin-top:30px;margin-right:10px;padding:5px;background-repeat: repeat-x;float: left;}
.button {height: 30px;width: 70px;background-image: url(graphics/bg-button.png);background-repeat: no-repeat;border:0px;float: right;margin-top:30px;}


/* MAIN MENU */
#mainmenu {height: 50px;width: 900px;background-image: url(images/divider_main.jpg);background-repeat: no-repeat;background-position: left;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #49392f;clear: both;font-weight: normal;}
#mainmenu ul {margin:0px;list-style-type:none;padding: 0px;}
#mainmenu li {float:left;height: 35px;text-align:left;background-image: url(images/divider_main.jpg);background-repeat: no-repeat;background-position: right bottom;padding: 15px 15px 0 15px;}
#mainmenu li a {font-family: Georgia, "Times New Roman", Times, serif;font-size: 15px;color: #444;text-decoration: none;font-weight: bold;letter-spacing:-0.5px;}
#mainmenu li a:hover {font-family: Georgia, "Times New Roman", Times, serif;font-size: 15px;color: #000;text-decoration: underline;font-weight: bold;letter-spacing:-0.5px;}
.desc {font-family: Helvetica, Arial, sans-serif;font-size: 11px;color: #81620a;height: auto;width: auto;}


/* FEATURE */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 570px; height: 225px;overflow: hidden;border:5px solid #6992cc;float:left;margin-top:30px;}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		width:580px;height:240px;overflow:hidden;float:left;padding:0px;		}
div.scroller div.content {width: 10000px;}
div#section1 {background:#ffffff;}
div#section2 {background:#ffffff;}
div#section3 {background:#ffffff;}
#previous {height: 50px;width: 20px;display:block;float:left;margin-top:105px;}
#previous img {border: none;}
#next {height: 50px;width: 20px;display:block;float:left;margin-top:105px;}
#next img {border: none;}
#controls {float: left;height: auto;width: 300px;margin: 10px 0px 0px 20px;}
#controls ul {margin:0px;list-style-type:none;padding: 0px;}
#controls li {float:left;text-align:left;background-image: url(graphics/control_divider.png);background-repeat: no-repeat;background-position: bottom;display:block;width:280px;padding:0px 0px 10px 20px;margin-top:20px;}
#controls li a {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #466b9f;text-decoration: none;font-weight: bold;letter-spacing:-0.5px;line-height:1.5em;}
#controls li a:hover {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #466b9f;text-decoration: underline;font-weight: bold;letter-spacing:-0.5px;}
.controlsdesc {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #49392f;height: auto;width: auto;}

/* CONTENT */
.clearer {clear:both;}
.leftblock {width: 430px;min-height:200px;margin:60px 0px 0px 0px;padding:0px 20px 10px 20px;float:left;border-right-width: 1px;border-right-style: solid;border-right-color: #e2ded8;}
.leftblock img {width:270px;}
.middleblock {width: 279px;min-height:200px;margin:60px 0px 0px 0px;padding:0px 20px 10px 20px;float:left;border-right-width: 1px;border-right-style: solid;border-right-color: #e2ded8;}
.middleblock img {width:270px;}
.rightblock {width: 430px;min-height:200px;margin:60px 0px 0px 0px;padding:0px 0px 10px 20px;float:left;}
.rightblock img {width:270px;}
.img_container {border:1px solid #bfbab3;padding:4px;background-color:#768aa6;}
.squarelink {display:inline;background-color:#5781bb;color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;font-size: 12px;cursor:pointer;}
.squarelink a {padding:10px;background-color:#5781bb;color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;font-size: 12px;text-decoration:none;border: 1px solid #3f669c;}
.squarelink a:hover {padding:10px;background-color:#a2bae1;color:#999999;font-family: Helvetica, Arial, sans-serif;font-size: 12px;text-decoration:none;}

/* FOOTER */
#footer {margin:20px 0px 20px 0px;padding: 10px 20px 10px 20px;border-top-width: 1px;border-top-style: solid;border-top-color: #e2ded8;}
#footerBox {width:1000px;margin:0px auto;}
.footer_text {color:#bfbab3;font-family: Helvetica, Arial, sans-serif;font-size: 11px;}
#footer_left {float:left;width:400px;}
#footer_right {float:right;width:400px;text-align:right;}

/* SUBPAGE */
#content {background-color: #FFFFFF;width: 920px;min-height:430px;margin-top: 30px;padding: 20px 20px 0px 20px;background-image: url(images/subpage_back.png);background-repeat: no-repeat;background-position: top;}
#main_content {width: 599px;float:left;padding-right: 20px;padding-top:10px;border-right-width: 1px;border-right-style: solid;border-right-color: #e2ded8;}
.rightblock_sub {width: 260px;min-height:200px;margin:10px 0px 0px 0px;padding:0px 0px 10px 20px;float:left;}
.rightblock_sub img {width:270px;}
.rightblock_sub h2 {margin-top:20px;border-bottom:1px solid #999;}
.img_container_sub {border:1px solid #bfbab3;padding:4px;background-color:#e2ded8;margin:20px 20px 10px 0px;float:left;}
.rightblock_sub ul {list-style: none;display:block;}
.rightblock_sub ul li {height:28px;line-height:28px;border-bottom:1px dotted #999;display:block;}
.rightblock_sub ul li a {display:block;text-decoration: none;}
.rightblock_sub ul li a:hover {text-decoration: underline;background:#88a8d7;color:#fff;}
table {border-collapse: collapse;width: 600px;}
th {padding: 0 0.5em;text-align: left;}
tr.gray td {border-top: 1px solid #bfbab3;border-bottom: 1px solid #bfbab3;background: #e2ded8;height:30px;font-size:13px;font-weight:bold;}
tr.classic td {background: #e2ded8;padding:10px;font-size:13px;}
tr.classicalt td {background: #ffffff;padding:10px;font-size:13px;}
td {border-bottom: 1px solid #bfbab3;padding: 0 0.5em;}
td.width {width: 150px;text-align:left;vertical-align:top;font-weight:bold;padding-top:5px;}
td.right {text-align:left;vertical-align:top;padding:5px 0px 10px 5px;}
td.widtht {width: 150px;text-align:right;vertical-align:top;font-weight:bold;padding-top:10px;}
td.rightt {text-align:left;vertical-align:top;padding:10px 0px 10px 5px;}
td.adjacent {border-left: 1px solid #bfbab3;text-align: center;}
form {background-color: #e2ded8;padding: 20px;}
.text_field {border:1px solid #bfbab3;width:274px;height:20px;margin:5px 0px 5px 0px;background-image:url(graphics/input_back.gif) repeat-x;padding:5px;}
.text_area {border:1px solid #bfbab3;width:548px;height:100px;margin:5px 0px 5px 0px;padding:5px;}
.form_button {height: 30px;width: 90px;background-image: url(graphics/submit.png);background-repeat: no-repeat;border:none;margin-top:10px;color:#fff;font-family: Helvetica, Arial, sans-serif;font-size: 11px;}
.pdf {background-image: url(images/PDF_Icon.png);background-repeat: no-repeat;background-position: left;min-height: 22px;padding-left: 24px;}



#gallery {
	position:relative;
	height:270px;
	width:960px;
	margin-top:5px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	
	
	.border {
	/* general */
	border: 1px solid;
	padding: 5px;
	
	/* curved corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* standard version at last */
	
	/* drop shadows. */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
}

/* ----------------------------------------------
-- SILVER BORDER
---------------------------------------------- */

.border.silver {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#dfdfdf 50%,
		#cecece
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #dfdfdf),
		to(#cecece)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');

}



.merch ul li {list-style:none;}

#box ul li {list-style:none;}

/*######################################*/
/*########## Blog Styles ##############*/
/*####################################*/

.posts {float: left;width: 580px;padding: 0px 10px 0px 10px;border: #DFDFDF 1px solid;margin-bottom: 20px;}
.post {float: left;margin-top: 10px;padding-bottom: 20px;border-bottom: #DFDFDF 1px solid; }
.post:last-child {border: 0px;}
.postpage {border: 0px;}
.post_left {float: left;width: 202px;overflow: hidden;margin-right: 10px;}
.commentsmain {float: left;margin: 10px 0px 10px 0px;width: 200px;font-size: .7em;}
.commentsmain .speechbubble {font-size: 1.3em;float: left;background: url("images/speechbubble.png") no-repeat;width: 31px;height: 26px;text-align: center;padding-top: 5px;font-weight: bold;color: #4F4F4F;}
.commentsmain .commentstext {font-size: 1.2em;width: 124px;float: left;padding: 3px 0px 3px 5px;background-color: #EBEAEA;border-top: #D7D7D7 1px solid;border-bottom: #D7D7D7 1px solid;margin-top: 2px;color: #8F8F8F;}
.commentsmain .commentsadd a {font-size: 1.2em;display: block;width: 38px;float: left;border: #D7D7D7 1px solid;margin-top: 2px;text-align: center;text-decoration: none;padding: 3px 0px 3px 0px;background-color: #EBEAEA;color: #8F8F8F;}
.commentsmain .commentsadd a:hover {background-color: #F1F1F1;}
.edit a, p.edit a.comment-edit-link {float: left;text-decoration: none;color: white;font-size: .7em;padding: 3px 6px 3px 6px;;background-color: #2F2F2F;}
.post_right {float: right;width: 360px;}
h2 a {color: #353535;text-decoration: none;}
.post_meta {float: left;background-color: #88a8d7;padding: 5px;width: 350px;color: white;margin: 10px 0px 10px 0px;border: #2B99AF 1px solid;}
.post_meta span {float: left;padding: 0px 10px 0px 10px;font-size: .7em;border-right: white 1px solid;}
.post_meta span.first {padding-left: 5px;}
.post_meta span.last {border-right: 0px;}
.post_meta a {color: white;text-decoration: none;}
.post_meta a:hover {text-decoration: underline;}
.post_right p {float: left;line-height: 1.6em;}
.pagenavi {float: left;}
#comment {width:500px;}

/*############################################*/
/*########## NG Gallery Styles ##############*/
/*##########################################*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	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: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	/* general */
	border: 1px solid;
	padding: 5px;
	
	/* curved corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* standard version at last */
	
	/* drop shadows. */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
	position:relative;
	
	
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top,
		rgba(255,255,255,0.65),
		rgba(255,255,255,0.55) 49.9%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.65)),
		color-stop(0.49, rgba(255,255,255,0.5)),
		color-stop(0.5, rgba(255,255,255,0.3)),
		to(rgba(255,255,255,0.45))
	);
	/background-color: #fff; /* FOE IE */
}

.ngg-gallery-thumbnail img:hover {
	background-color: #2b68cc;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
}
.video {padding-left:40px;background: url(http://100clubsmc.com/wp-content/uploads/2010/07/Video-128.png) no-repeat;height:30px;font-size:16px;line-height:30px;}


.yd_rp_widget ul {list-style:none;font-size:12px;line-height:16px;}
.yd_rp_widget ul li {padding-bottom:20px;padding-top:10px;border-bottom:1px solid #ccc;}
.yd_rp_widget ul li img {}
.yd_rp_widget ul li h4 {font-size:16px;margin:4px;}