/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }


/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

html { overflow: -moz-scrollbars-vertical; }

body 
{
	background: url(http://www.urbanreserve.ca/graphics/backgrounds/bgo.jpg) no-repeat scroll 50% 0pt;
	/*background: url(http://www.urbanreserve.ca/graphics/backgrounds/green_gradient.jpg) repeat-x scroll 50% 0pt;*/
	background-color:#669900;
	text-align: center;
	line-height: 1.6em;
}

input[type="text"] { 
	padding:2px;
}
input[type="password"] { 
	padding:2px;
}

select { 
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 10.5pt;
		padding:2px;
}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h1, h4, h6, body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote, em, h2, h3, h5, i, .feedBy  {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Homepage Specific Headers
=====================================================================*/

h1 {
	color: #59a0aa;
	font-size: 12.5pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11.5pt;
	font-weight: normal;
	color: #628B0B;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #59a0aa;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #2575ad;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Interior page Specific Headers
=====================================================================
-------------------------------------------------------------- 
PAGE CONTENT STYLES
-------------------------------------------------------------- 
*/
/*
#page_content h1 {
	font-size: 1.4em;
	line-height: 1.1em;
	color: #2575ad;
}

#page_content h2 {
	padding-bottom: 5px;
	font-size: .92em;
	line-height: 1em;
	text-transform: uppercase;
	color: #363636;
	font-weight: bold;
}
*/

#page_content h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #2575ad;

}

#page_content h4 {
	font-size: 1em;
	line-height: 1em;
	color: #0d5d9b;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: none;
}

#page_content h5 {
	font-size: 1.125em;
	line-height: 1.8em;
}

#page_content h6 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#page_content .photo{
	margin: 20px 0px 20px 20px;
}

/* Misc Typography
=====================================================================*/

body { 
	font-size: .75em; 
	line-height: 1.5em;
	color: #424242;
}

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #424242;
}

i, em { 
	font-style: italic;
}

blockquote {
	clear:both;
	font-size:1.2em;
	line-height: 1.5;
	padding: 0px;
	color: #666666;
}

blockquote, blockquote p {
	clear: both;
	color: #666666;
}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-transform: lowercase;
	letter-spacing: .1em;
}

.citation, .cite {
	font-size: 12px;
}




/* List Elements
=====================================================================*/

ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	/*background-color: #eeeeee;*/
}



dl {
	height: auto;
	margin: 0;
	list-style: none;

}

dl a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;

}

dl a:hover {
	background-color: #ffffff;
}

dl img {
	float: left;
}
dt, dd {
	padding: 5px 7px;
}

dt {
	float: left;
	clear: left;
	width: 40px;
	color: #363636;
	font-size:.9em;
} 

dd {
	margin-left: 50px;
}


.alt-text { font-family: Georgia;text-transform: lowercase;}






/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #4f87b8;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #669900;	
	text-decoration: none;
}

.activities h2 a:link, .activities h2 a:visited{
	color: #628B0B;
}




#thelinks a:link,
#thelinks a:visited,
#thelinks a:active
{
	font-weight: bold;
	background: transparent;
	color: #ffffff;
	text-decoration: none;
	
}

#thelinks a:hover
{
	background: transparent;
	color: #000000;	
	text-decoration: underline;
}


/* Grid
=====================================================================*/

/* layout styles */


#house
{
	margin: 0 auto 100px auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background-color: #ffffff;
}


#header,
#content,
#bottom {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#content
{	
	width: 960px;
	margin: 0 auto;
	/*background: transparent url(http://www.urbanreserve.ca/graphics/backgrounds/bg.jpg) repeat-x;*/
	background: transparent url(http://www.urbanreserve.ca/graphics/backgrounds/bg.jpg) repeat-x;
	
}

#content_fade
{	
	width: 960px;
	margin: 0 auto;
	background: transparent url(http://www.urbanreserve.ca/graphics/backgrounds/bg_fade.jpg) repeat-x;
}

#page_content { padding: 20px 20px 0px 30px; }

#page_content .nav { font: 12px arial; margin: 0 0 15px 0;}



#page_content #issues  ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#page_content ul li {
	height: auto;
	margin: 12px;
	padding: 0;
	list-style: disc outside;
}

div#page_content div#inset_r ul li {
	margin:0px;
	padding: 0;
	list-style: none;
}

div#page_content div#inset_r ul li.more {
	padding: 5px 10px;

}

div#page_content div#inset_r ul li ul li {
	padding: 3px;
	list-style: circle inside;
}

#column1
{
	float: left;
	width: 640px;
	background-image: url(http://www.urbanreserve.ca/graphics/backgrounds/bg_col1.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;	
}

#col1a {
	float: left;
}

#col1b {
	float: right;
}

#column2
{
	width:280px;
	margin: 0 0 0px 640px;
	padding: 0px 20px;

	background-image: url(http://www.urbanreserve.ca/graphics/backgrounds/bg_col2.gif);
	background-repeat: repeat-x;
	background-color: #c9c9c9;
	min-height: 100%;

}

#column2_bot {
	
	/*background-image: url(http://www.urbanreserve.ca/graphics/backgrounds/bg_col2_bot.jpg);*/
	height:20px;
}



.module.l  {
	height: auto;
	width: 270px;
	padding: 20px 15px 20px 35px ;
}

.module.r 	{
	height: auto;
	width: 270px;
	padding: 20px 35px 20px 15px ;
}





#column2 .module {
	padding-top:20px;
}

#header {
	height: 156px;
	display: block;
	background-image: url(http://www.urbanreserve.ca/graphics/backgrounds/header.jpg);
}

#header h1 {
	float:left;
}

#bottom {
	background-color: #ffffff;
}

#logo-print { display: none; }




/* Main Menu
-------------------------------------------------------------- */
#nav { line-height: 1; z-index: 9998; }

#nav a {
	background: url(http://www.urbanreserve.ca/graphics/backgrounds/main_menu.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
		color: #669900;
}


#nav-member {
	background: url(http://www.urbanreserve.ca/graphics/buttons/nav-member_btn.jpg) no-repeat 0 0;
	width:320px;
}

#nav-member a {
	background: url(http://www.urbanreserve.ca/graphics/buttons/nav-member_btn.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;

}

#nav-captain {
	background: url(http://www.urbanreserve.ca/graphics/buttons/nav-captain_btn.jpg) no-repeat 0 0;
	width:320px;
}

#nav-captain a {
	background: url(http://www.urbanreserve.ca/graphics/buttons/nav-captain_btn.jpg) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}



#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 52px; }
	#nav-learn a { background-position: -50px 0; width: 89px; }
	#nav-wine101 a { background-position: -50px 0; width: 80px; }
	#nav-events a { background-position: -139px 0; width: 93px; }
	#nav-partners a { background-position: -230px 0; width: 102px; }
	#nav-activities a { background-position: -332px 0; width: 116px; }
	#nav-tribes a { background-position: -448px 0; width: 84px; }
	#nav-socialize a { background-position: -532px 0; width: 108px; }




	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -50px; width: 52px; }
	#nav-learn a:hover { background-position: -50px -50px; width: 84px; }
	#nav-wine101 a:hover { background-position: -50px -50px; width: 80px; }
	#nav-events a:hover { background-position: -139px -50px; width: 93px; }
	#nav-partners a:hover { background-position: -230px -50px; width: 102px; }
	#nav-activities a:hover { background-position: -332px -50px; width: 116px; }
	#nav-tribes a:hover { background-position: -448px -50px; width: 84px; }
	#nav-socialize a:hover { background-position: -532px -50px; width: 108px; }


	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -100px; width: 52px; }
	#nav-learn a:active { background-position: -50px -100px; width: 84px; }
	#nav-wine101 a:active { background-position: -50px -100px; width: 80px; }
	#nav-events a:active { background-position: -139px -100px; width: 93px; }
	#nav-partners a:active { background-position: -230px -100px; width: 102px; }
	#nav-activities a:active { background-position: -332px -100px; width: 116px; }
	#nav-tribes a:active { background-position: -448px -100px; width: 84px; }
	#nav-socialize a:active { background-position: -532px -100px; width: 108px; }


	
	/*--- Dropdowns ---*/
	#nav li.over ul { left: 0; display: block;}
	#nav li li { float: none; position: static; width: 100%; }
	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		background: none;
		height: auto;
		padding: 1px 18px 2px;
		text-indent: 0;
		width: 125px;
	}
	
	#nav li li a:hover { 
		color:#ffffff;
		background: #99cc00;
	}
	
	#nav li ul {
		background: #fff;
		border-bottom: 2px solid #99cc00;
		display: none;
		line-height: 1.5;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 165px;
		z-index: 9999;
	}
	
	#nav-wine101 li a, #nav-wine101 li a:hover, #nav-wine101 li a:active {
		width: 180px !important;
	}

	#nav-wine101 ul {
		width: 200px !important;

	}	
	
	

/* Member Login
-------------------------------------------------------------- */

#member_login input[type="text"] {
		position:relative;
		padding:2px;
		margin:0px;
		margin-right:6px;
		/*
		top:-4px;
		background-color: #4f87b8;
		border: 1px solid #07387a;
		
		color:#FFFFFF;
		*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
}

#member_login input[type="password"] {
		position:relative;
		padding:3px;
		margin:0px;
		margin-right:6px;
		/*
		top:-4px;
		background-color: #4f87b8;
		border: 1px solid #07387a;
		
		color:#FFFFFF;
		*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
}
#member_login label {
		position:relative;
		padding:3px;
		/*
		top:-4px;
		background-color: #4f87b8;
		border: 1px solid #07387a;
		*/
		color:#FFFFFF;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
}

#member_login input[type="image"] {
		position: relative;
		margin:0px;
		/*top: 4px;*/

}

#member_login {
		float: right;
		padding: 8px 0px 0px 0px;
}

#member_login a:link{
	color:#ffffff;
}
#member_login a:hover{
	text-decoration: underline;
}

/* Search & Login
-------------------------------------------------------------- */

#topmenu input[type="text"] {
	position:relative;
	padding:1px;
	margin:0px;
	margin-right:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#topmenu td {
	position:relative;
	/*
		padding:3px;
		
		top:-4px;
		background-color: #4f87b8;
		border: 1px solid #07387a;
		*/
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#topmenu input[type="image"] {
	position: relative;
	margin: 0px;/*top: 4px;*/
}
#topmenu {
	width: 975px;
	float: right;
	margin: 0px;
	padding: 5px 5px 10px 0px;
	background: url(../graphics/backgrounds/sign_in_bar.gif) no-repeat top right;
}
#topmenu a:link {
	text-decoration: none;
	color: #ffffff;
}
#topmenu a:visited {
	text-decoration: none;
	color: #ffffff;
}
#topmenu a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#topmenu a:active {
	text-decoration: underline;
	color: #d6efff;
}


/* Site Specific
-------------------------------------------------------------- 
HOMEPAGE
-------------------------------------------------------------- 
*/

/* Feature Block
-------------------------------------------------------------- */

#feature_block { position: relative; width:640px; height:320px; }

 

/* Icons
-------------------------------------------------------------- */

#mybo_login{
	padding: 60px 20px 20px 20px;
	background: url(http://www.urbanreserve.ca/graphics/backgrounds/mybo_login.jpg) no-repeat;
	background-color: #ebebeb;
	z-index: 250;
}


#mybo_login input[type="text"],#mybo_login input[type="password"] {
	width: 215px;
	height: 30px;
	border: 1px solid #cccccc;
	font-size: 16px;
}

#login p label {
	padding-left: 5px;
}

#login p {
	padding: 5px 10px;
}


/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height:150px;
	background: url(http://www.urbanreserve.ca/graphics/backgrounds/footer.jpg) no-repeat 0 bottom;
}

.footer a:link, .footer a:visited, .footer a:active { 

display: inline;
white-space: nowrap;
color:#ffffff; 
}

.footer a:hover
{
	background: transparent;
	text-decoration: underline;
}

.footer ul {
   	margin: 0 auto;
   	padding: 1em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}

.quotes{
	background: url(http://www.urbanreserve.ca/graphics/sidebar/wine_quotes.jpg) no-repeat top left;
	padding: 0px;
	margin:0px;
	padding-top: 33px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	height: 245px;
}
.quotes td{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11.5pt;
	/*color: #669900;*/
	color: #59a0aa;
	line-height: 1.3em;
}
.quotes em{
	font-style: italic;
}
#info p{
padding-bottom:10px;
}
#info blockquote{
	color: #0d5d9b;
}

#sidebar{
	background-color: white;	
}

#sidebar #twitter{
	padding: 0px 10px 10px;
}

#twitter_update_list{
	font-weight: bold;
}

#twitter_update_list li{
	background-color: #EFFFDF;
	margin: 3px;
	border: solid 1px #A5CF95;
	padding: 5px;
}

#sidebar h2{
	background:transparent url(/img/common/sidebar_header_bg.jpg) no-repeat scroll 0 0;
	color:#799D00;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	height:50px;
	padding-top:6px;
	text-align:center;
	text-transform:uppercase;
	width:280px;
}

#gallery-litebox{
	height: 200px;
}

#gallery-litebox img{
	border:1px solid #DDDDDD;
	float:left;
	margin:0 5px 5px;
	padding:5px;
}

#page_content #gallery-litebox li{
	list-style-type: none;
}

.eventHolder{
	width: 280px;
	float: left;
	margin: 0px 5px;
}

.events li{
	list-style: none;
	margin-bottom: 30px;
}

.events img{
	float: right;
	border:1px solid #DDDDDD;
	float:left;
	margin:0 5px 5px;
	padding:5px;
}

.submissions li{
	list-style: none;
}