/*
Theme Name: Bordentown
Theme URI:
Description: Blue, 2 column, widget ready WP theme professionally designed.
Author: Theresa Arzadon-Labajo
Author URI: http://math.ias.edu/~tarzadon
Version: 1.1.2
Tags: blue, two-columns, fixed-width

Copyright (c) 2009 9th sphere (a division of Etalco Limited)
.
*/ 


* {
     margin: 0;
 }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	line-height: 1;
     height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
	}
	
h2 {
	font-size: 1.6em;
	padding: 0 0 0 0;
	}

h2.pagetitle {
	font-size: 1.6em;
	padding: 0 0 1em 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}

.center{
	text-align:center;	
}
	
	

a, a:link, a:visited{ color: #053353; text-decoration:underline;}
a:hover, a:active{ color: #12629a; text-decoration:none;}	

#sidebar a, #sidebar a:link, #sidebar a:link{ color:#053353; text-decoration:none;}
#sidebar a:hover, #sidebar a:active{ color:#12629a; text-decoration:underline;}

#footer .navigation a, #footer .navigation a:link, #footer .navigation a:visited{ color: #053353; text-decoration:none;}
#footer .navigation a:hover, #footer .navigation a:active{ color: #12629a; text-decoration:underline;}

a.comment, a.comment:link, a.comment:visited{ color: #053353; padding-left:13px; background:url(images/comment_bubble.gif) no-repeat 0 3px;}

ul#pages_custom li a, ul#pages_custom li a:link, ul#pages_custom li a:visited{ color:#fff; text-decoration:none; display:block;}	
ul#pages_custom li a:hover, ul#pages_custom li a:active{ color:#fff; text-decoration:underline; display:block;}	

.entry p.postmetadata a, .entry p.postmetadata a:link,.entry p.postmetadata a:visited{text-decoration:none;}
.entry p.postmetadata a:hover,.entry p.postmetadata a:active{text-decoration:underline;}


body {
/*	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.jpg) no-repeat top center fixed;
	color: #fff;*/
	width:100%;
	background-image:		url(images/bg.jpg);
	background-attachment:	fixed;
	background-repeat:		no-repeat;
	background-position:	bottom center;
	background-color:		transparent;
	font-size:				100%;
	font-family:			Myriad, "Myriad Pro", Palatino, "Rotis Sans Serif", serif;
}

#container{
	width:831px;
	margin:auto;
/*overflow: hidden;*/
}

#container3{
float: left;
width: 100%;
margin-left: 7px;
}

/*Side bar*/
#container2{
float: left;
width:831px;
color: #053353;
position: relative;
right: 220px;
margin-top: 2px;
background:url(images/white-65-2.png);
background-repeat: repeat-y;
}

/*Content*/
#container1{
float: left;
width:6l0px;
background:url(images/white-600.png);
background-repeat: repeat-y;
position: relative;
right: -26.5%;
}

	#header{
		width:621px;
		height:200px;
		padding-left:210px;
		position:relative;
		color: #8bbadb;
	}
	
		#header h1{
			font-size:28px;
			color:#053353;
			font-weight:300;
			left:13px;
			padding:72px 0 0 10px;
		}
		
                #header img { 
                        position:absolute; 
                        left:7px; 
                        top:0px;
                        width: 202px;
                        float: left;
                        clear: both;
                 }

		*:first-child+html #header h1{
			padding:35px 0 0 10px;
		} * html #header h1{
			padding:35px 0 0 10px;
		}
			#header h1 a:link, #header h1 a:visited{ color:#053353; text-decoration:none;}
			#header h1 a:link, #header h1 a:visited{ color:#053353; text-decoration:none;}
			
			.description{
				font-size:12px;
				color:#053353;
				float:left;
				padding-left:13px;
				padding-top:5px;
				line-height:14px;
			}
			
			ul#pages_custom{
				width:605px;
				height:46px;
				background:url(images/pages_bg.gif) repeat 0 0;
				margin-left:9px;
				list-style:none;
				float:left;
				padding-top:10px;
                                margin-top: 130px;
			}
			
			* html ul#pages_custom{
				margin-left:4px;
			}
				
				ul#pages_custom li{
					text-align:center;
					float:left;
					font-size:14px;
					padding:0 10px 0 10px;
					border-right:solid 1px #fff;
                                        line-height: 20px;
				}
		
			
			#sidebar_contain{
				float:left;
			}
			
			#sidebar{
				width:202px;
				min-height:400px;
				float:left;
				margin-left:7px;
				/*background:#1b4053;*/
                                /*background: #fff;
				opacity: 0.65;filter:alpha(opacity=65);zoom:1;
				/*padding-bottom:50px;*/
				color: #053353;
			}
			
			* html #sidebar{
				height:400px;
				margin-left:4px;
				margin-top:-6px;
			}
			
				ul #search_holder{
					width:181px;
					height:20px;
					background:url(images/search_holder_bg.gif) repeat-x 0 0;
					padding:10px;
					/*margin:-30px 0 20px -10px;*/
					margin:-29px -0 20px -17px;
					border-bottom:#798F9D 1px solid;
				}
				
				* html ul #search_holder{
					height:20px;	
				}
			
				/* Begin Form Elements */
				#searchform {
					float:left;
					text-align: center;
					}
				
				#search_holder #searchform #s {
					width:150px;
					height:14px;
					margin-right:5px;
					float:left;
					font-size:13px;
					color: #626262;
					border: solid 1px transparent;
				}
					* html #search_holder #searchform #s{
						width:149px;
						font-size:12px;
						margin-right:2px;
					}
				
				#sidebar #searchsubmit {
					float:left;
				}
				
					.single_search{
						float:left;
						min-height: 400px;
						margin: 30px 0 30px 190px;
					}
				
						* html .single_search{
							height: 400px;
							margin: 30px 0 30px 80px;
						}
					
				#sidebar ul{
					margin:30px 0 0 10px;
					font-size: 11px;
				}
				
				#sidebar a:hover {
					font-size: 18px;
					font-style: bold;
padding-left: 35px;
padding-right: 10px;
/*background: url( http://commons.wikimedia.org/w/thumb.php?f=Biathlon%20pictogram.svg&width=30px) no-repeat;*/
background: url( http://bordentownskiclub.com/wp-content/uploads/2009/10/johnny_automatic_snowboarder.30px1.png) no-repeat;

				}

				#sidebar ul li{
					margin:6px 0 6px 0;
					font-size: 14px;
				}
				
					#sidebar ul li ul{
						margin:3px 0 20px 10px;
						font-size: 11px;
					}
					
					#sidebar ul li ul li ul{
						margin:3px 0 0 10px;
						font-size: 11px;
					}
					
						#sidebar ul li ul li ul li ul{
							margin:3px 0 0 10px;
							font-size: 11px;
						}
				
				ul h2{
					font-size:16px;
					color: #053353;
					background:url(images/sidebar_heading_underline.gif) no-repeat left bottom;
					padding-bottom:7px;
					padding-left:2px;
					margin-bottom:5px;
				}
			
			#content{
				width:548px;
			        /*min-height:400px;*/
                                min-height: 100%;
				margin-left:12px;
				float:left;
			}
				* html #content{
			/*		height:400px;*/
				}
				
				
				.post{
					width:585px;
					margin-bottom:10px;
					padding:9px;
					/*background:#395f75;*/
                                        /*background:#fff;*/
					opacity: 0.8;filter:alpha(opacity=80);zoom:1;
				}
					
						.page{
							min-height: 460px;		
						}
						
							* html .page{
								height: 460px;		
							}	
				
				.postHeading{
					width:587px;
					height:40px;
				}
				
					.postDate{
						width:40px;
						height:37px;
						background:url(images/date_bg.gif) no-repeat;
						text-align:center;
						color:#053353;
						font-size:10px;
						float:left;
						padding:3px 0 0 0;
					}
					
						.postDate p{
							margin:0;
							padding:0;
						}
						
							.postDate p.day{
								font-size:12px;
								font-weight:bold;
							}
					
					.postTitle{
						width:530px;
						height:28px;
						background:#82a6b6;
						float:left;
						padding:5px 7px 5px 7px;
					}
					
						* html .postTitle{
							width:533px;
							padding:4px 7px 4px 7px;
						}
					
					.postTitle h2{
						margin:0;
						padding:0;
						color:#053353;
						font-size:18px;
					}
						.postTitle h2 a:link, .postTitle h2 a:visited{ color:#053353; text-decoration:none;}
						.postTitle h2 a:link, .postTitle h2 a:visited{ color:#053353; text-decoration:none;}
					
					.postTitle small{
						color: #1b4053;
						font-size:10px;
					}
					
				.entry{
					width:567px;
					padding: 17px 10px 10px 10px;
				}
				
					.entry p{
						padding: 0 0 15px 0;
					}
					
					.entry p.postmetadata{
						background:url(images/comment_rule.gif) no-repeat top left;
						padding:10px 3px 3px 3px;
						text-align:right;
						font-size:10px;
					}
					
					.entry ul{
						margin:10px 0 10px 30px;
						list-style:disc;
					}
					
					.entry ul li{
						margin:6px 0 6px 0;
					}
					
					.entry ol {
						padding: 0 0 0px 35px;
						margin: 5px 0 10px 0;
						list-style:decimal;
					}
					
					.entry ol li {
						margin: 0;
						padding: 0;
					}
					
					.entry table, caption, tbody, tfoot, thead, tr, th, td {
						padding: 10px;
						vertical-align: top;
					}
					
					
			/* Begin Lists */
			
			.postmetadata ul, .postmetadata li {
				display: inline;
				list-style-type: none;
				list-style-image: none;
				}
		
		

			/* End Entry Lists */
			
			
			.entry form { /* This is mainly for password protected posts, makes them look better. */
				text-align:center;
				}
			
			select {
				width: 130px;
				}
			
			#commentform input {
				width: 170px;
				padding: 2px;
				margin: 5px 5px 1px 0;
				}
			
			#commentform textarea {
				width: 98%;
				padding: 2px;
				}
			
			#commentform #submit {
				margin: 0;
			}
			/* End Form Elements */
			
			
			
			/* Begin Comments*/
			.alt {
				margin: 0;
				padding: 10px;
				}
			
			.commentlist {
				padding: 0;
				text-align: justify;
				}
			
			.commentlist li {
				margin: 15px 0 3px;
				padding: 5px 10px 3px;
				list-style: none;
				}
			
			.commentlist p {
				margin: 10px 5px 10px 0;
				}
			
			#commentform p {
				margin: 5px 0;
				}
			
			.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
				}
			
			.commentmetadata {
				margin: 0;
				display: block;
				}
			/* End Comments */
			
			
			/* Begin Calendar */
						#wp-calendar {
							empty-cells: show;
							margin: 10px auto 0;
							width: 155px;
							}
						
						#wp-calendar #next a {
							padding-right: 10px;
							text-align: right;
							border: none;
							}
						
						#wp-calendar #prev a {
							padding-left: 10px;
							text-align: left;
							border: none;
							}
						
						#wp-calendar a {
							display: block;
							border: 1px solid white;
							}
						
						#wp-calendar caption {
							text-align: center;
							width: 100%;
							}
						
						#wp-calendar td {
							padding: 3px 0;
							text-align: center;
							}
						
						
						/* End Calendar */
						
						
						
						/* Begin Various Tags & Classes */
						
						.aligncenter {
							display: block;
							margin-left: auto;
							margin-right: auto;
						}
						
						.alignleft {
							float: left;
						}
						
						.alignright {
							float: right;
						}
						
						.wp-caption {
							border: 1px solid #ddd;
							text-align: center;
							background-color: #f3f3f3;
							padding-top: 4px;
							margin: 10px;
							-moz-border-radius: 3px;
							-khtml-border-radius: 3px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
						}
						
						.wp-caption img {
							margin: 0;
							padding: 0;
							border: 0 none;
						}
						
						.wp-caption-dd {
							font-size: 11px;
							line-height: 17px;
							padding: 0 4px 5px;
							margin: 0;
						}


						
						code {
							font: 1.1em 'Courier New', Courier, Fixed;
						}
						
						acronym, abbr, span.caps {
							cursor: help;
							}
						
						acronym, abbr {
							border-bottom: 1px dashed #999;
							}
						
						blockquote {
							margin: 15px 30px 0 10px;
							padding-left: 20px;
							border-left: 5px solid #ddd;
							}
						
						blockquote cite {
							margin: 5px 0 0;
							display: block;
							}
						
						.center {
							text-align: center;
							}
						
						.hidden {
							display: none;
							}
						
						hr {
							display: none;
							}
						
						a img {
							border: none;
							}

					
			#footer{
clear: both;
				/*width:603px;*/
width: 821px;
margin-top: 5px;
margin-left: 7px;
				height:135px;
				background:url(images/footer_bg.gif) repeat-x 0 0;
				/*margin-right:5px;*/
                                margin-bottom: 0px;
				position:relative;
				float:left;
				opacity: 0.65;filter:alpha(opacity=65);zoom:1;
			}
			
			* html #footer{
				/*margin-right:2px;	
				width:605px;*/
			}
			
				#foot_nav{
					position:absolute;
					/*width:400px;*/
					right:5px;
					bottom:5px;
					list-style:none;
					font-size:10px;
					text-align:right;
				}
				
				/*ul#foot_nav li{
					float:right;
					padding:0 3px 0 3px;
					overflow:visible;
					vertical-align:middle;
					line-height: 14px;
					
				}
				
				ul#foot_nav li img{
					vertical-align:top;
					overflow:visible;
					margin-top:0px;
					z-index:999;
				}*/
				
				.navigation{
					width:587px;
					height:25px;
					background:url(images/comment_rule.gif) no-repeat bottom left;
					margin:10px auto 0 auto;
					padding-bottom:15px;
					font-size: 18px
				}
				
				* html .navigation{
					height:10px;
					padding-bottom:5px;
				}
				
					.nav_left{
						float:left;
						padding:10px;
					}
					
					.nav_right{
						float:right;
						padding:10px;
					}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*.menu {width:605px; height:32px; position:relative; z-index:100; border-right: 1px solid; font-family:arial, sans-serif; }*/
.menu {
	width:610px; 
	height:40px; 
	z-index:100; 
	font-family:arial, sans-serif;
	margin-left:16px;				
	list-style:none;
	float:left;
	padding-top:10px;
/*      margin-top: 110px;*/
      margin-top: 105px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:605px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:85px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:85px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:78px; height:30px; border:1px solid #000; border-width:1px 1px 1px 1px; background:#1b4053; padding-left:10px; line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:85; w\idth:78;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#83817f url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 70px center;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#b9d5e8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}
.menu ul ul :hover > a.drop {background:#b9d5e8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 70px center;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.menu ul ul ul a:hover {background:#b9d5e8;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:49px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:71px;}

/* position the third level flyout menu */
.menu ul ul ul{left:49px; top:-1px; width:85px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-85px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#83817f; color:#000; height:auto; line-height:1em; padding:5px 10px; width:78px;border-width:1 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:85px;w\idth:78px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b9d5e8;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b9d5e8;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

#recent-posts {
  background: white;
}

.widget2 {
  position: absolute;
/*  left: 1115px;
  top: 200px;*/
left: 830px;
top: -2px;
}

#widgetbox_widget_div_0 {

}
#wbx-gw-button-wrapper-0 {
position: relative;
/*left: 555px;
top: -475px;*/
}
table#paypal {
	height: 50px;
	border: 0px;
	width: 144px;
	margin-left: auto;
	margin-right: auto;
}
.widgettitle {
	margin-left: -9px;
}
#wpng-cal-widget-events.thickbox {
	margin-left: -9px;
}

#login {
	margin-right:0px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #053353;
}
