/*	
Theme Name: On Tap
URI: http://www.newportcreativegroup.com
Description: 
Version: 1.0 Beta
Author: James Currie
Author URI: http://www.newportcreativegroup.com
The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*/

/* HTML Elements */

* {	margin:0;	padding:0;	}

body {
	margin:0px;
	padding:0px;
	font-family: Tahoma, Arial, sans-serif;
	background:#5f5f5f url(/images/jqueryui_bg.png) repeat-x;
	}

p {		
margin: 0px 0;	
}
a{outline:none;}
a:link, a:visited {	
color: #3c78a7;	
text-decoration:none	
}

a:hover, a:active {	
color: #3c78a7;	
text-decoration:underline;	
}

a img {	
border:0;	
}
.white{background-color:white;}

div.show-hide{background:url(images/rsvp.png) no-repeat;width: 45px; height:100px;position:absolute;margin-left:-40px;}

.category-special-guides{
margin-bottom:20px; }

.category-special-guides img {border:0px !important;padding:0px !important;}
/* trip scroller */
#ot-events-bar:before{content:'Upcoming On Tap Trips & Events:';float:left;margin-right:10px;padding-left:10px;}
#ot-events-bar{border-top:1px solid #736767;padding-top:10px;font-size:14px;font-family:Gill Sans, sans-serif;background: #000;color:#00aeef;height:25px;margin-bottom:10px;}
#ot-events-bar a{color:#fff200;text-decoration:underline;}
code {	
font: 1.0em 'Courier New', Courier, Fixed;	
background:#ececec;	
}	

acronym, abbr, span.caps {		
font-size: 0.9em;	
letter-spacing: .07em;	
cursor: help;	
}			

acronym, abbr {	
border-bottom: 1px dashed #999;	
}

blockquote {	
padding: 10px 10px 0 10px;	
border-top: 1px solid #ddd;	
border-bottom: 1px solid #ddd;	
background: #eee;	
font:1.0em Arial;	
line-height:1.5em;	
margin:10px 0px;	
}

select {	
width: 130px;	
}	


/*new version */
#header{
display:block;
width:100%;
height:83px;
margin:0px;
padding:0px 0px 5px 0px;
background: black url(/images/bg_pattern_2.gif);
font-size:12px;
color: white;
z-index: 1000;
}
#mainpage{
border:4px solid #000;
border-top:0px;
width:940px;	
margin:0px auto;	
	}
#weatherblock{
width:940px;
background: white url(images/venue-bg-gray-7.png);
border-bottom:1px solid black;
}
#weather-info{
float:left;
padding:5px 10px 5px 10px;
font-size:12px;
border-right:1px solid black;
}
#searchblock{
float:right;
border-left:1px solid black;
padding-left:10px;
width:200px;
height:42px;
}

#leader-ad, #house-ads{
float:left;
}
.page-template-blank-php #leader-ad{margin:10px auto;margin-left:25px;}

#midleader{
margin-left:25px;
margin-right:27px;
margin-bottom:10px;
border:1px solid black;
z-index:100;
}
#loginblock{
border-bottom:1px solid black;
width: 210px;
height:90px;
float:left;
}	
	
#page {	
margin:0px auto;	 
background:#ececec;	
font-size:0.7em;	
}

#layouttable{
border:0px;
padding:0px;
margin:0px;
}

#current-issue{margin-bottom:20px;margin-top:0px;}
#current-issue h4{margin-top:0px;width:300px;}
.contents{
padding:10px;	
font-size:1.05em;	
line-height:1.75em;	
}
#layouttable td.onecolleft{
background:#fff;
}
#layouttable td.twocolleft{
width:800px;
background:#fff;
}


.left, .alignleft {	
float:left;	
}

.right, .alignright {	
float:right;	
margin-right:0px;
}

#searchform {	

float:right;	
text-align:right;	
margin-top:5px;
padding-right:10px;
}


/* banner ad styles */
#leaderboard{
  margin-bottom:20px;
  }
#rightads{
  float:right;
  width:120px;
  padding-left:10px;
  background:#ececec;	
  }
#adsright{
  width:120px;
  margin-left:10px;
  margin-top:10px;
  }
#adsright img{
  margin-bottom:10px;
  }
#rightads img{
  margin-bottom:10px;
  }
  
  #leftads{
  float:left;
  width:120px;
  margin-right:10px;
  }

/* navigation menu styles */
#navigation {
	height: 41px;
	float: right;
	margin-top:10px;
	width:681px;
  background: black url('/images/navigation.png') repeat-x 0 -41px;
}

#navigation .left {
	float: left;
	width: 5px;
	height: 41px;
	background: url('/images/navigation_l.png') no-repeat left top;
}
#ie6 #navigation .left {
	background: transparent none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navigation_l.png', sizingMethod='scale');
	zoom: 1;
}

#navigation .right{
	float: left;
	width: 3px;
	height: 41px;
	background: black url(images/navigation.png) no-repeat right top;
}

#navigation ul,
#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding:0px;
	line-height: 38px;
}

#navigation ul li a {
	float: left;
	display: block;
	height: 41px;
	color: #ccc;
	text-decoration: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding-right:7px;
	padding-left:7px;
  border-right:1px solid black;
}


#navigation ul li.selected a {
	color: #fff;
}

#navigation ul li.last a{
	background-image: none;
	border-right:0px;
}

#navigation ul li a:hover {
	color: #fff;
}

/* Dropdown Menus */		
#page-bar li {	
float: left;	
margin: 0px;	
padding: 0px;	
}	

#page-bar li li {	
float: left;	
margin: 0px;	
padding: 0px;	
width: 122px;	
text-transform:none;	
}	

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {	
background: #2B2B2B;	
width: 122px;	
float: none;	
margin: 0px;	
padding: 5px 10px 5px 18px;	
border-top: 1px solid #C0C0C0;	
}	

#page-bar li li a:hover, #page-bar li li a:active {	background: #666666;	padding: 5px 10px 5px 18px;	}#page-bar li ul {	position: absolute;	width: 10em;	left: -999em;	}#page-bar li:hover ul {	left: auto;	display: block;	}	#page-bar li:hover ul, #page-bar li.sfhover ul {	left: auto;	}

/* NCG article styles */

h2.articletitle{
font-family:Georgia;
font-size:2.3em;
letter-spacing:-0.02em;
border-top:3px solid #ddd;
padding:5px 0px;
}
h2.articlelisttitle{
font-family:Arial;
font-size:16px;
letter-spacing:-0.02em;

}

h2.articlesubtitle{
font-size:1.5em;
margin-top:5px;
}

h2.aligncenter{
text-align:center;
margin-bottom:10px;
}

/* Text*/
h1 {	
font:3.5em Arial;	
font-weight:bold;	
letter-spacing:-0.08em;	
}

h2 {	font:2.3em Georgia, "Times New Roman";	
} 
h3 {	
font:1.5em Arial;	
margin-bottom:3px;	
padding:5px 0px;	
font-weight:bold;	
}

h3.cat_title, h3.cat_title a {	
color:#333;	
letter-spacing:-0.05em;	
font-size:0.85em;	
}

h3#respond {	
margin-top:0px;	 
border:0px;	
padding-top:20px;	
}

h3#comments {	margin-top:32px;	padding-left:0px;	}

h3.authors {	margin-top:15px;	}

h4 {	
font:14px Arial Black;	
border-bottom: 1px dashed #363636;
margin-top:10px;
margin-bottom:8px;
}


h5, h5.subsection{
font-size: 12px;
margin-top:10px;
background: #ececec;
padding:3px;
}


/* email signup box */
#emailsignup{
color:white;
padding-top:10px;img

padding-top:10px;
float:right;
}
#emailresponsebox{
font-size:11px;
color:black;
z-index:350;
position:absolute;
top:10px;
display:none;
width:360px;
text-align:center;
padding:5px;
background: yellow;
}

.input{
background: url(images/input.png) no-repeat;
height:20px;
border: 0px;
padding:3px 6px;
}



/* Index Page*/
#tagline {	margin-top:5px;	font-size:1em;	color:#333;	}#top {	padding:0;	}#headline {	width:590px;	float:left;	background:#fff;	padding:10px;	font-size:1.05em;	line-height:1.5em;	margin:0;	}#headline	div.title {	font-weight:bold;	font:2.4em Georgia;	letter-spacing:-0.05em;	display:block;	padding-bottom:5px;	}#headline div.meta {	display:block;	margin-top:-5px;	padding-bottom:2px;	}#headline p {	padding-bottom:15px;	}#featured {	width:300px;	background:#fff;	float:right;	padding:10px 10px 9px 10px;	}

#featured .clearfloat {	margin-top:7px;	margin-bottom:8px;	}

#featured .info {	margin-top:5px;	padding-top:5px;	float:right;	width:180px;	}

#featured .title {	
font-weight:bold;	
}

#headline a img, #featured a img {	
border:1px solid #ccc;	
margin-top:5px;	
margin-right:10px;	
padding:2px;	
}

#middle {	
width: 920px;	
background:#fff;	
float:right;	
padding:10px;	
margin:10px 0;	
}


#front-list .clearfloat, #archive .clearfloat {	padding-bottom:10px;	border-bottom:1px dotted #ccc;	margin-bottom:10px;	}#front-list .spoiler, #archive .spoiler {	display:block;	margin-top:3px;	}#front-list p, #archive p {	margin:0px;	padding:0px;	}

.author {	
font-size:1em;	
font-weight:bold;	
margin-bottom:8px;
}
.meta {	
font-size:0.8em;	
color:#333;	}
.meta a {	
color:#333;	
}#headline p, #featured p {	margin:0;	}

/* Content Page*/
#content {	
width:590px;	
background:#fff;	
padding:10px;	
font-size:1.05em;	
line-height:1.75em;	
float:left;	
min-height:400px;	
}
#content.contents {	
width:495px;	
background:#fff;	
padding:10px;	
font-size:1.05em;	
line-height:1.75em;	
float:left;	
border-right: 5px solid #ececec;	
	
}
#content.wide{
width:900px;
}
#content.full{
width:920px;
padding:0px;
margin:0px;
background:#fff;	
}
#content.home{
width:780px;
}
#content.wide img.nb{
border:0px;
margin:auto;
}
#content.wide img.clear:after{
clear:both;}
#content .breadcrumbs, #content .breadcrumbs a {	
font-weight:bold;	
color:#333;	
margin-bottom:10px;
}

#content h2.title {	
font:2.2em Verdana;	
font-weight:bold;	
letter-spacing:-0.05em;	
border-bottom:1px solid #ddd;	
border-top:3px solid #ddd;	
padding:5px 0px;	
}
#middle-column{
float:right;
width:250px;
margin-left:10px;
margin-right:10px;
padding-top:10px;
}

#middle-column ul, #middle-column{
list-style:none;
}
#middle-column ul li{
padding:10px 0px;
}
#middle-column .mdcwidget ul li{
padding:5px 0px;
font-size:14px;
}
.mdcwidget{
margin-bottom:20px;

}

.post {	
font-size:12px;	
line-height:1.75em;	
}
#clientevent .post p{
margin-bottom:0px;
}
.post p {	
margin-top:0px;	
margin-bottom:20px;
}

.post .clearfloat {	
border-bottom:1px dotted #ccc;	
margin:10px 0px;	
}

.post ul, .post ol, #front-list ul, #front-list ol {	
margin-bottom:15px;	
}

.post ul li, #front-list ul li {		list-style:square;	margin-left:30px;	}.post ol li, #front-list ol li {		list-style:decimal;	margin-left:30px;	}.post ol li ul li, #front-list ol li ul li {		list-style:square;	margin-left:20px;	}

.post img, .post a img, #front-list img, #archive img, #content.contents img {	
border:1px solid #ccc;	margin:0px;	padding:4px;	}



.post img.alignright{
margin-left:15px;
margin-bottom:10px;
}
.post img.alignleft, #content.contents img.alignleft{
margin-right:15px;
margin-bottom:10px;
}
.post .ads {	margin-top:10px;	}

.entry {	margin-top:20px;	}

.entry p{
font-size:12px;
}


#stats {	
margin-top:10px;	
padding:4px 0px;	
text-transform:uppercase;	
font:0.8em Arial;	
display:block;	
border-top:1px solid #333333;	
border-bottom:1px solid #333333;	
background:#e1e1e1;	
}

#stats span {	
padding: 0px 20px 0px 0px;	
}

#stats span a:hover {	
background:none;	}

#stats span a {	color:#333;	}

#stats img, #nav img {	
border:0px;	
margin:0px;	
padding:0px;	
}

/* Comments */
ol.commentlist, ol.trackbacks{
list-style:none;
margin-bottom:25px;
}

.trackbacks li{
  padding-top:10px;

  }

.commentlist .quote {
	background:url(images/bg_quote.gif) no-repeat top right;
	min-height:52px;
	padding-right:40px;
	}

.commentlist li {
 	padding: 10px;
	margin-top:25px;
	background:#454545;
	color:#e4edee;
	}
.commentlist .comment-bottom{
  background:url(images/bg_commentlist.gif) bottom no-repeat;
  width:25px;
  height:20px;
  float:left;
  margin-right:20px;
  margin-left:20px;
  }
.commentlist li.alt {
 	padding: 10px;
	margin-top:25px;
	background:#454545;
	color:#e4edee;
	}
.commentlist cite {
	display:block;
	font-style:normal;
	font-size:14px;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#4e4e4e;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#88e5f0;
	text-decoration:underline;
	}

/* Footer*/
#front-popular {	
font-size:0.7em;	
color:#fff;	
width: 920px;	
background:#2c2c2c url(images/bottombar.png) bottom no-repeat;	
margin: 0 auto;	
padding:10px;	
}

#recentpost, #mostcommented {	
width:280px;	
float:left;	
padding:10px;	
border:1px solid #fff;	
}

#mostcommented {	
margin-left:17px;	}

#recent_comments {	
width:280px;	
float:right;	
padding:10px;	
border:1px solid #fff;	}

#recentpost a, #mostcommented a, #recent_comments a {	
color:#fff;	
}

#recentpost ul, #mostcommented ul, #recent_comments ul {	
margin-top:5px;	
}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {	
list-style:none;	
border-top:1px dotted #fff;	
padding:5px;	
display:block;	
}: width

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {	
background:#3c78a7;	
color:#fff;	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {	
border-top:0px dotted #fff;	
}

#footer {	
margin: 0 auto;	
width: 940px;	
font-size:.8em;	
padding-top:10px;	
padding-bottom:10px;
background:black;	
text-align:center;
color:white;
}
#footer a{
color:white;
}

/* Float Properties*/
.clearfloat:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;	}

.clearfloat {	display: inline-block;	}

/* Hides from IE-mac \*/
* html .clearfloat {	height:1%;	}
*+html .clearfloat {	height:1%;	}
.clearfloat {	display:block;	}	

/* Captions */
.aligncenter,div.aligncenter {	
display: block;	
margin-left: auto;	
margin-right: auto;
}

.wp-caption, .sidebar {	
border: 1px solid #ddd;	
text-align: center;	
background-color: #f3f3f3;
padding-top: 4px;	
margin: 10px;}

.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;
}

.sidebar { width:460px;float:right;text-align:left;}
.sidebar p{padding:10px;}
.sidebar h4{margin:10px;}

.wp-caption p.wp-caption-text {	
font-size: 11px;	
line-height: 17px;	
padding: 0 5px 5px;	
text-align:left;	
margin: 0;
}
.wp-caption.alignright{
clear:both;
}/* End captions */	

/* contact form styles */
.contactform .captcha {
border: 1px solid black;
padding:10px;
width:70px;
}
.contactform p{
margin-bottom:10px;
}

/*event block styles */
.eventblock{
border:1px solid black;
width: 410px;
background: white;
}
#clientevent .eventblock{
width:530px!important;
}

.venueblock{
border:1px solid black;
width:350px;
float:right;
margin-left:10px;
background: url(images/venue-bg-gray-7.png);
}
.venueinset{
margin:10px;padding:10px;background:#ffffff;
}
.venueinset ul{
list-style:none;
}
.venueaddress{
margin-bottom:8px;
}
.eventblock .title{
font-weight: bold;
font-size:14px;
}

.eventtitle{
color: #000;
padding:4px;
background: #efefe8;
font-size:14px;
font-family:Arial Black, Arial, sans-serif;
}
.wp-event-title{
color: #000;
margin-top: 20px;
font-size:14px;
font-weight:bold;
border-bottom:1px solid black;
font-family:Gill Sans,Arial, sans-serif;
text-transform: uppercase;
}
.wp-event-date{
font-style:italic;
font-family:Gill Sans, Arial, sans-serif;
font-size:12px;
color:black;
}
.wp-event-location{
margin-bottom:8px;
border-bottom:1px solid #cccccc;
}
.wp-event-image{
border:1px solid black;
float:left;
margin-right:10px;
}
.eventdetails{
font-size:12px;
line-height:22px;
font-family: Gill Sans, Arial, sans-serif;
}
.wp-event-details{
font-size:12px;
line-height:22px;
font-family: Gill Sans, Arial, sans-serif;
margin-bottom:15px;
}
.eventdetails p{
margin-bottom:10px;
}

/* Twitter Feed Stuff */
#twitterfeed {
width: 250px;
}
#twitterfeed .top{
height:88px;
width:250px;
background-image: url(http://www.ontaponline.com/wordpress/wp-content/themes/ontap/images/twitter-top.png);
}
#twitterfeed .bottom{
height:14px;
width:250px;
background-image: url(http://www.ontaponline.com/wordpress/wp-content/themes/ontap/images/twitter-bottom.png);
}
#twitterfeed ul li{
padding:5px 10px;
background-image: url(http://www.ontaponline.com/wordpress/wp-content/themes/ontap/images/twitter-middle.png);
}
.hidden{
visibility:hidden;
display:none;
}

/*a little style to overcome the WYSIWYG editor's single return issue*/
.dblreturn p{margin-bottom:10px;}

/*basic transparent style*/
.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* some gravity form override styles */

.stripe{
background:#ececec url(images/bg_pattern.png);
}
.gform_wrapper .basic-form{max-width:100%;margin-bottom:20px;}
.gform_wrapper .basic-form .gform_footer { padding:0px;  margin:0px;}
.gform_wrapper .basic-form input.button{ float:right;font-size:100%;  color:#222;clear:both;margin-top:5px;}
.gform_wrapper .basic-form ul li{list-style:none;padding:0px;margin:0px;}
.gform_wrapper .basic-form ul li.left{float:left;margin-right:20px;}
.gform_wrapper .basic-form ul li.left.clear{clear:left; margin-right:0px;width:100%;}
.gform_wrapper .basic-form ul li.left input.medium{width:200px}

.gform_wrapper .basic-form ul li.gfield.gsection {margin-top:20px;color:red;important!}
.gform_wrapper .basic-form .gform_heading .gform_description {font-size:14px;}
.gform_wrapper .basic-form .gsection_description {font-size:11px;font-style:normal}
.gform_wrapper .basic-form .gfield_description {font-style:normal;font-size:12px;}
.gform_wrapper .basic-form .textarea.small {width:100%;}

#rsvp-box {display:none;padding:20px;background:white;font-size:12px;}
#rsvp-box label.gfield_label{display:block;font-size:12px;color:black;font-family:Arial Black, sans-serif;padding-top:15px;}
#rsvp-box label{margin-left:5px;margin-right:20px;color:#252525;}
#rsvp-box input.large, #rsvp-box select.large{width: 350px;}

#rsvp-box .button {font-family:Arial Black, sans-serif; font-size:14px;color:red;border:1px solid black;text-align:left;float:left;padding:4px;margin-top:15px;}
#rsvp-box .validation_error{color:red;}
#rsvp-box .validation_message{color:red;padding:5px;}
#close-box {background: #f1edd1;border:1px solid #9e0b0f;padding:5px;font-family:Arial Black, sans-serif;}

/* Custom excerpt stuff */
/* p.read-more */

/* Margarita Quest Stuff */
table.mquest td{border-top:1px solid #ed8a32;padding:5px}
table.mquest img{padding:0px; border:1px solid black;margin:0px;}
table.mquest {background: #ffdc46; border: 1px solid #ed8a32;border-collapse: collapse;}

/*photo gallery stuff */
.gallery-title {text-align:center;font-size:14px;line-height:24px;}

.corona-gallery{
background: #fff url(images/corona-back.png) no-repeat;
width: 940px;
}
/*newport events thumb image class*/

.dbem_thumb_box{float:left;margin-right:10px;width:102px;height:102px;}
.dbem_thumb{border:1px solid black;}
.imageclear{clear:both;}
ul.eventslist, ul#rsvp, ul#eventcontact{
list-style:none;
padding:0px;
margin:0px;
margin-bottom:10px;
border-bottom:1px dotted #203967;
padding-bottom:8px;
}

ul#eventcontact{
background:#ececec;
padding:5px;
font-size:12px;
}
li.eventdate{
font-family:Arial Black;
font-size:14px;
color:black;
}
li.eventtitle a{
text-decoration:underline;
}
li.eventtitle p{
margin:0px;
padding:5px 0px;
}
.clearfloat{
clear:both;
}
.dbem_thumb{
float:right;
margin-left:10px;
border:1px solid black;
padding:3px;
}
/*event manager map styles */
.locationmap{margin:10px auto;height: 300px}
.locationname{ font-size:14px;font-weight:800}
.locationaddress{padding-bottom:5px; border-bottom: 1px solid #203967;margin-bottom:10px;}
#dbem-location-map {height:300px;width:100%;border: 1px solid black;}

/* contests stuff */
.contest-body p{margin-bottom:20px;}