/*
Theme Name: OMCC Theme
Description: Based on Starkers by Elliot Jay Stocks
Version: 1.3
Author: Sam Mularczyk
Tags: omcc
*/

/*@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
h1, h2, h3, h4, h5, h6 { font-size:24px; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
/*GLOBAL*/
*{margin:0;padding:0;}
p{line-height:1.5em; margin: 0;margin-bottom:1em;}
html,body{background:#1F1F1F url(style/img/omccback.jpg) repeat-x;color:#dbdbdb;font-family:Helvetica, Arial, sans-serif;font-size:16px;}
.container{width:920px;margin-left:auto;margin-right:auto;margin:0 auto;}
.pageconta {width:700px;float:left; margin-right:20px}
.event {width:700px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background:#111;margin-bottom:10px;}
.event div {padding:15px;}
.bottom {padding-bottom: 10px;}
.padding{padding:13px 0;min-height:150px;}
.hr{height:1px;background-color:#515151;width:100%;line-height:1px;overflow:hidden;}
a{color:#3CB8FF;text-decoration:none;cursor:pointer;outline:none;}
a:hover {text-decoration:underline;}
#logo{overflow:hidden;float:left;width:103px;height:53px;background-image:url(style/img/logo_t.png);}
#logo h1{text-indent:-9999px;height:53px;}
#nav{float:right;height:35px;padding-top:20px;width:535px; text-align:right;}
ul#menu-menu{text-align:right;font:bold 14px Helvetica, Arial, sans-serif;list-style-type:none;padding:0;}
ul#menu-menu li {display:inline; margin-left:10px; text-align:right;}
ul#menu-menu li a{-moz-border-radius:2px;-webkit-border-radius:2px;padding:3px 5px;background-color:none; color:#a2a2a2;margin:0;text-decoration:none;border-bottom:none;}
ul#menu-menu a:hover{background:#171717;color:#dbdbdb;border:1px solid #555;-moz-border-radius:2px;-webkit-border-radius:2px; margin: -1px;}
ul#menu-menu li.current_page_item a, ul#menu-menu li.current_page_parent a {color:#dbdbdb;}
.clear {clear:both;}
.buttonh{background:url(style/img/buttongrad.png) repeat-x;border:1px solid #2C485B;height:25px;display:block;text-align:center;padding-top:6px;font-size:15px;margin-top:8px;}
.button{background:url(style/img/buttongrad.png) repeat-x;border:1px solid #2C485B;height:18px;text-align:center;font-size:15px;margin-top:8px;float:left;padding:6px 10px;}
a.button:hover,a.buttonh:hover{text-decoration:none;background-position:0 -31px;}
a.button:active,a.buttonh:active{text-decoration:none;background-position:bottom;}
.buttons div{position:relative;left:-50%;}
.page-template-homepage-php p {margin:0;}
.page h4 {font-size:16px; border-bottom:1px solid #777; padding-bottom:5px;}

h1 {font-size:1.1em;padding-bottom:5px;margin-bottom:10px; border-bottom:1px solid #85DAFF;color:#FFF;}
/*SUBNAV ORIGINAL*/
#submenu {float:left; margin-top:40px; margin-bottom:20px;	width:200px;
}
#submenu ul {
	background:#111; padding:7px;
}
#submenu ul li, .welcome ul li {font-size:15px; display:block;}

#submenu ul li.title, #submenu ul li a, .welcome ul li a {padding: 0 7px;padding-top: 5px; padding-bottom: 7px; border-bottom:1px solid #444; display:block;}
#submenu ul li.title {
	font-weight: bold;
	font-size: 16px;
}
#submenu ul li.title span {
	float: right;
	margin-top: -2px;
}
#submenu ul li.current_page_item a {
	color: #FFF;
	background: #222;
	pointer-events: none;
	cursor: default;
}
/*HEADER*/
#header{padding-top:15px;}
h2.title {margin:0;font-size:40px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:-0.025em;margin-bottom:13px;clear:both;padding-top:20px; color:#dbdbdb;}
body.page-template-homepage-php h2 {font-size:29px;}
h2.title p, h2.title .fee-field[data-key=subwelcome]{font-size:14px;font-weight:400;color:#b3b2b2;letter-spacing:0;margin-top:1px;font-family:Helvetica, Arial, sans-serif;}
/*FOOTER*/
#footer{clear:both;background-color:#0a0a0a;font-size:12px;padding:10px 0;overflow:visible;}
#footer span{color:#ababab;}
a.sml{height:15px;text-align:left;font-size:12px;padding:3px 5px;float:none;margin-left:10px;}
#footer .sml span{background:url(style/img/facebookfan.gif) no-repeat;padding-left:20px;color:#3CB8FF;}
#footer .container{padding:10px 0;}
/*Home*/
/*Featured*/
.gallerylink, .videolink {display:block; height:169px; width:300px; position:relative; margin-top:5px; overflow:hidden;}
.gallerylink span, .videolink span { position:absolute; bottom:5px; left:5px; font-size:16px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#dbdbdb;background:#141414; background:rgba(0,0,0,0.85);padding:3px 6px;  }
.feat{width:600px;height:300px;overflow:hidden;margin-top:13px;position:relative;float:left;margin-left:5px;}
a.featimg {
	position: relative;
}
a.featimg img, a.featimg {
	border: none;
	overflow: hidden;
	float: left;
}
a.featimg:hover {
	border: 4px solid #3CB8FF;
	color: #3CB8FF;
}
a.featimg:hover img {
	margin: -4px;
}
a.featimg div{font-size:24px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;position:absolute;bottom:30px;left:15px;color:#dbdbdb; width:500px;}
 a.featimg div span {background:#141414;background:rgba(0,0,0,0.85);float:left;padding:3px 5px;display:block;overflow:hidden;}
 a.featimg div span.title {
	font-weight: bold;
}
a.featimg div span.description{font-size:14px; line-height:1.5em; color:#CCC;clear:both; font-weight:normal;margin-bottom:0;}

a.featimg:hover span,a.featimg:hover span.description {
	color: #3CB8FF;
}
a.featimg:hover span.description {
	text-decoration: none;
}

.welcome{padding:17px;float:right;margin-top:13px;margin-right:5px;width:265px;height:266px;font-size:12px;color:#ababab; background-color:#161616;}
.welcome span{font-size:16px;color:#dbdbdb;margin-top:0;}
.welcome p, .welcome .fee-field{margin-top:10px;line-height:1.3em;font-size:14px;}

.welcome ul {
	margin-top: 13px;
}
.welcome ul li a.first {
	border-top: 1px solid #444;
}
.welcome ul li a {
	padding-top: 7px;
	padding-bottom: 9px;
}
.welcome ul li a:hover {
	background: #333;
}


/*Headers*/
.col{width:300px;float:left;margin-left:5px;  padding-bottom:10px;}
.col h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:18px;font-weight:700;border-bottom:1px solid #303030;background:url(style/img/headers_bg.png) repeat-x;height:30px; margin-top:10px;}
.boxes{margin-top:27px;position:relative;height:200px; background:#161616; width:300px; float:left; margin:3px;}
.box h3{background-color:#0F0F0F;font-size:16px;padding:5px 5px 5px 10px;position:absolute;bottom:0;width:285px;left:0;}
.vid{padding:10px 0;text-align:center;}
/*Join*/
.price{background:#0a0a0a url(style/img/price.gif) no-repeat right;font-size:24px;width:80px;padding-left:7px;padding-top:6px;height:34px;float:left;margin-right:10px;margin-top:5px;}
.price sup{font-size:15px;color:#ababab;}
.memb{padding-top:6px;color:#ababab;margin-top:5px;}
/*Feedburner RSS  */
div.feedburnerFeedBlock ul,div.col #events ul{margin-left:0;padding-left:0;list-style-type:none;padding-top:5px;}
#creditfooter{display:none;}
.feedburnerFeedBlock ul li,div.col #events ul li{margin-top:5px;padding-top:4px;margin-bottom:1px;border-top:1px dotted #2d2d2d;width:95%;margin-left:0;}
.feedburnerFeedBlock ul li .headline, div.col #events ul li a{font-size:14px; display:block;}
.feedburnerFeedBlock ul li div,.feedburnerFeedBlock ul li .date, div.col #events span{font-size:12px;}

p.gce-list-event {
	background: transparent;
}
/* Photos */
div.ui-tabs ul.ui-tabs-nav li a {
	padding-bottom: 10px;
}

div.ui-tabs ul.ui-tabs-nav a.flickrbrowse {
	float: right;
	color: #444;
	padding: 6px 7px;
	background: #DDD url(flickr.png) no-repeat 6px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 32px;
	margin-right: -2px;
	font-size: 12px;
}
div.ui-tabs ul.ui-tabs-nav a.flickrbrowse:hover {
	background-color: #FFF;
}
/* News */
div.post {
	border-bottom: 1px solid #555;
	margin-bottom: 15px;
}
div.post h3 {
	margin-bottom: 5px;
}
p.meta {
	color: #888;
	font-size: 14px;
	margin-top: 5px;
}
ul.recentposts {
	margin-top: 10px;
}
ul.recentposts li {
	padding: 5px 0;
	border-bottom: 1px solid #555;
}
ul.recentposts li a {
	font-size: 14px;
	display: block;
}
ul.recentposts li span {
	font-size: 12px;
	color: #BBB;
	clear: both;
	margin-top: 4px;
	display: block;
}


.gce-page-list .gce-list li { border-bottom: 1px solid #555555!important;
    font-size: 14px!important;
    padding: 10px 0 6px!important;}

.gce-page-list .gce-list .gce-list-event{ /* The event title */
	background:transparent!important;

}
.gce-list-start { color: #CCCCCC!important;
    display: inline!important;
    font-size: 12px!important;}
.gce-list-link { 
    display: inline!important;
    font-size: 12px!important;padding-left:5px;}

a.newsletter {
	display:block;
	background:#333;
	padding: 50px 35px;
	font-size:30px;
	margin-top:10px;
	position:relative;
	border:4px solid #444;
	}
a.newsletter:hover {
	background:#444;
	border-color:#3cb7fe;
	}
a.newsletter:active {
	background:#111;
	}
a.newsletter span {
	position:absolute;
	top:50px;
	right:35px;
	}


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

div.message {
background: #ffdd00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2I5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffdd00 0%, #fcb900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdd00), color-stop(100%,#fcb900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffdd00 0%,#fcb900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffdd00 0%,#fcb900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffdd00 0%,#fcb900 100%); /* IE10+ */
background: linear-gradient(top, #ffdd00 0%,#fcb900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#fcb900',GradientType=0 ); /* IE6-8 */

color:#000;
display:block;
text-align:center;
font-weight:bold;
text-shadow:0 1px 0 #F2FF00;
padding: 10px 0;
border-bottom:1px solid #000;
border-top:1px solid #F1FF60;
box-shadow: 0 1px 0 rgba(255,255,255,0.3);
margin-bottom:25px;


}