/*
Youth Venture Teen Centers
by cornerstone interactive
cornerstoneinteractive.com
@cornerstone - twitter.com

Theme Name: Youth Venture
Author: [cs]Cornerstone Interactive
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#fff url(./images/bg.png) repeat-x;
	color:#333;
	font-family:  Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
.wrap{
	margin:0 auto;
	text-align:left;
	width:980px;
  padding: 0 10px;
}
#content{
	font-size:9pt;
	float:left;
	padding:1em;
	width:600px;
	text-align:justify;
}

#sidebar{
	font-size:1.1em;
	float:right;
	width:325px;
}

#header{
	padding:1em 0;
  height: 110px;
  background: #000;
	border-bottom:4px solid #ccc;
}

#headerright{ padding-right:20px;float:right; text-align:right;}	
#headerleft{ float:left;}

#maincontent {

}

#mygallery{
float:left; 
}

#pann{
	width:980px;
	height:300px;
	border-bottom:1px dotted #ddd;
	margin-top:10px;
	padding-top:10px;
	float:left;
}
#footer a{
	color:#888;
}
#footer{
	background:#000;
	border-top:1px solid #777;
	color:#888;
	clear:both;
	font-size:0.9em;
	padding:0.5em;
  height: 20px;
}


/*************************************
 +Hn and p
 *************************************/
#arcload{z-index:2;position:fixed;right:0;top:200px;color:#000;font-family: Arial,Serif;font-size:16pt; text-align:center;padding:5px;}

#arcload a {background: url(images/rss.png) no-repeat 0 0;
			display: block;
			height:150px;
  			width: 30px;
			outline: none;
			text-indent: -9999px;
			}

#arcload a:hover {
border-left:1px dotted #999999;}

h1, h2, h3{
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
}

#header h1{
	font:normal 25pt  "Arial Black" arial, verdana, georgia, times;
	padding:30px 20px 10px 20px;
	margin:0;
	letter-spacing:-2px;
	
	}
	
#header h1 a{color: #ccc; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}

.entrytitle h2{
	font-size:2.0em;
  border-bottom: 2px solid #ccc;
}
.entrytitle h2 a
{
	color:#2F3540;
}
.entrytitle h2 a:hover{
	color:#590202;
}
.entrytitle h3{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:0.8em;
	color:#999;
}
.entrybody {
   padding: 10px 0 30px
}
.entrybody p {
  margin-top: 0;
}

.entrybody ol li {
  padding-bottom: 15px;
}
/*************************************
 +Entry
 *************************************/
 

.thumb img, .entry img, .entry img.alignleft {
				float: left;
				margin-right: 20px;
				margin-bottom: 10px;
				padding: 7px;
				border: 1px solid #E9E9E9;
				background-color: #f7f7f7;
        
			}
.thumbright img, .entry img.alignright {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

.entry{
	margin-bottom:3em;
  clear: both;
}


.entrymeta{
	font-size:0.9em;
}
.postedby{
	padding:3px;
	padding-left:0px;
}
.filedto{
	padding:3px;
	padding-left:5px;
}
.commentslink{
	padding:3px;
	padding-left:5px;
}
.navigation{
float:right;
}
/*************************************
 +Sidebar
 *************************************/
#sidebar ul{list-style-type:none;margin:0;padding:0;}
#sidebar li {list-style: none; padding-bottom:2px;display: inline;}
#sidebar li a {display: block;  padding:8px 10px 8px 15px}


#sidebar_top {height: 100px; margin: 0 0 20px 0;padding: 10px 0 0 0;}
#sidebar_top li a {display: block; border:1px solid #f2f2f2; padding:8px 20px 8px 35px;}
#sidebar_top a { padding: 20px 50px; text-decoration:  none; font-size: 1.5em;}
#sidebar_top a:hover {}
#sidebar_left {float: left; width: 100%;display: block; margin-bottom: 10px; }
#sidebar_right {float: left; width: 100%;display: block; margin-bottom: 10px;}
#sidebar_top a {background: url(images/bullet.gif) no-repeat 15px 20px;}





.featlist {
	width:305px;
	font-family: verdana, arial, times, serif;
  padding: 13px 0 0 0;
	}
		
.featlist h3 {
margin-top:10px;
font-weight:bold;
	}


.fblock h2{
	margin: 6px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 11pt;
	overflow:hidden;
	height:12pt;
	line-height:15px;
}

.fblock,.menu-sidebar-categories-container {
	width: 325px;
	float:left;
	margin: 5px 0px 0 0px;
	padding:0px 0 5px 0;
	display:inline;
	font-family:verdana, Arial,century gothic, sans-serif;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  
}


.fblock p{
	margin:5px 5px;
}


.fblock img {
	float:left;
	border:1px solid #ddd;
	margin:5px 5px 5px 5px;
	padding:0 0;
	}
	
.fcats{
	overflow:hidden;
	font-size:12px;
	color:#DAD0C1;
	padding: 0 0 0 0px;
	margin:1px 0 0px 0;
	height:15px;
}
.fcats a:link,.fcats a:visited {
	overflow:hidden;
	font-size:12px;
	color:#83A1AF;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
	height:13px;
}	
.auth{
	overflow:hidden;
	font-size:8pt;
	color:#999;
	padding: 3px 0 0 0px;
	margin:2px 0 0px 0;
}	

.fmeta{
	overflow:hidden;
	font-size:7pt;
	color:#999;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
		
}

.fmeta a:link,.fmeta a:visited{
	overflow:hidden;
	font-size:12px;
	color:#3a6e98;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}

.fmeta a:hover{
	overflow:hidden;
	font-size:12px;
	color:#fff;
	padding: 0 0 0 0px;
	margin:0px 0 0px 0;
			
}

/*************************************
 +About
 *************************************/

#promo{
padding: 0 10px 0 10px;
float:right;
border-left: 1px dotted #ddd;
height:250px;
width: 300px;
overflow: hidden;
}

#promo a{
  border: none;
}

#promo img {
  padding: 0;
  margin: 0;
  border: none;
}

#promo .panel{
	padding: 0 0 0 20px;
	width:280px;
	font-family: Verdana, Trebuchet MS, Arial, Verdana,  sans-serif;
	font-size: 8pt;
	line-height: 16px;
	margin:0px 0px;
	text-align:justify;
}

#about img.avatar{
width:126px;
height:70px;
	float: right;
	margin:10px  0 0 15px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f7f7f7;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}


/*************************************
 +Search
 *************************************/

#searchform{
	padding:0;
	margin:40px 10px 0 0;
	}

#searchform input#s{
	margin:0;
	padding:10px;
	border:1px solid #f2f2f2;
	width:250px;
	font-size:pt;
	color: #Ccc;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	
	}



/*************************************
 +ads
 *************************************/

.ads{
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	width:325px;
	float:left;
	background:#f2f2f2;
}

.ads a, .ads img, .ads img a{
border:none;
}

.ads ul {
   	 margin: 0px 0px;
	 padding: 0px 9px;
	 overflow: auto;
	 list-style:none;
}
	 
.ads ul li{
	margin: 0px 0px 0 0;
	padding:13px;
	list-style:none;
	display : block;
	float:left;
}

.ads li a:link, .ads li a:visited {
	text-decoration: none;
}



/*************************************
 +pagination
 *************************************/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #ccc;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #ccc;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #3366CC;
	color: #000000;
	background-color: #FFFFFF;
}

/*************************************
 +Misc
 *************************************/
a{
  border: none;
  outline: none;
	text-decoration:none;
}
a:hover{

}

pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

hr {
color:#f2f2f2;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
  clear: both;
	}		
.sticky  {
background: #FACB25; /* Change the background of the sticky post */
color:#000000; /* Change the font color of the sticky post */
}	

#headerleft h1 {
  margin: 0;
  padding: 0;
}
	#logo { display: block; height: 100px;  width: 260px;  background: url(images/yvlogo.png) no-repeat;  text-indent: -1000px;  margin: 5px 0 0 0;}
  .menu {  list-style-type: none!important;}
  #nav {  text-align: right;  height: 80px;  padding: 7px 0 0 0;}
  #nav a {  color: #cfcfcf;  padding: 0 5px;  float: left;  text-decoration: none;}
  #nav a:hover,#nav li.current-menu-item a {  background: #cfcfcf;  color: #000000;}
  #nav-ancillary, #nav-footer {  font-size: 11px;  color: #666;  height: 16px;  float: right;  clear: both;  list-style-type: none;}
  #nav-ancillary {margin: 12px 0 15px 0;}
  #nav-footer {  float: left;}
  #nav-ancillary li{  float: left;  padding: 0;  margin: 0 0 0 10px;  text-indent: 0;}
  #nav-footer li{  float: left;  padding: 0;  margin: 0;}
  #nav-ancillary a{  margin: 4px 0 8px 10px; padding: 0 3px;  white-space: nowrap;  display: block;}
  #nav-footer a, #nav-footer a:visited{  margin: 0 5px 5px 5px;  padding: 0 10px 5px 10px;  color: #fff!important;  display: block;}
  #nav-footer .bullet {  margin: 6px 5px 0 -15px;} 
  #nav-primary {font-size: 20px;  text-transform: uppercase;  clear: both;  list-style-type: none;}
  #nav-primary li {  float: left;  display: block;  padding: 0;  margin: 10px -10px 10px 20px;}
  #nav-primary li a{ color: #fff;  padding: 5px 10px 42px 10px;  margin: 2px 0 0 0;}
  #nav-primary li:hover  a, #nav-primary li.current_page_item a, #nav-primary li.current_page_parent a{  background: #2F3540;  color: #fff;}
  #nav-primary li ul{  display: none;  position: absolute;  background: #000000;  font-size: 16px;  text-transform: none;  text-align: left;  font-family: Arial, Helvetica, sans-serif;	font-size: 13px;  padding: 0;  width: 170px;   margin: 39px 0 0 0;}
  #nav-primary li ul li {  padding: 0;  display: block;  margin: 0;}
  #nav-primary li:hover ul li a {  width: 160px;  display: block;  margin: 0;  padding: 5px 0 5px 10px;  color: #ffffff;}
  #nav-primary li:hover ul li a:hover{  color: #000000;  background: #ccc!important;}
  #nav-primary li:hover ul {  display: block;  z-index: 6000;}


  
.quotescollection_randomquote {
  padding: 5px 10px;
  font-size: 80%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 1px solid transparent;
}

#pageshow  {
  margin: 0 0 20px 0;
  width: 600px;  
  max-height: 420px;
  overflow: hidden;
}
#pageshow img {

  margin-bottom: 100px;
}
#slideshow {
  width: 350px;  
  height: 255px;
  float: right;
  margin: 0 10px 0 0;
}

#slideshow img {
  width: 350px;
    border: 4px solid #30C0F0;
}

.cat-slideshow {
  width: 166px;
  overflow: hidden;
  float: left;
  margin: 10px 10px 20px 0;
}

.cat-slideshow img {
  float: left;
  padding: 7px;
  border: 1px solid #E9E9E9;
  background-color: #f7f7f7;
}

.related-post {
  clear: both;
  display: block;
  padding: 0 0 40px 0;
}


#content .related-post a.post-title {
  color: #000;
  display: block;
  border-bottom: 1px solid transparent;
}

.more {
  float: right;
  font-family: Verdana,Arial,Georgia,"Times New Roman",Times,serif;
  font-size: 8pt;
}



/*Color Assignments
----------------------------------
  Default:      Red     [ED1C24]
  Mentoring:    Blue    [00AEEF]
  Locations:    Yellow  [FFCC00]
  Attractions:  Green   [8CC63F]
  Activities:   Orange  [FF9933]
----------------------------------
*/

#logo {
  background-color: #ED1C24;
}

#nav-ancillary a {
  color: #FFF;
}


#pann a , 
#content a , 
#sidebar a{
  color: #ED1C24;
  padding: 0 3px;
}
#nav-ancillary a:hover,
#nav-ancillary a:active,
#nav-ancillary .current-menu-item a,
#pann a:hover, 
#pann a:active, 
#content a:hover, 
#content a:active, 
#sidebar a:hover, 
#sidebar a:active,
a:hover img{
  background-color: #ED1C24;
  color: #000!important;
}

#content .related-post a.post-title,
#header,
#sidebar h2,
.quotescollection_randomquote    {
  border-color: #ED1C24;
}

#primary .current-menu-item a, #primary .menu-item a:hover {
  color: #000!important;
}



body.locations #logo, body.locations .current-menu-item a, #menu-item-30 a:hover {
    background-color: #FFCC00!important;
}

body.locations #content a , body.locations #sidebar a{
  color: #FFCC00;
}

body.locations #content a:hover, 
body.locations #content a:active, 
body.locations #sidebar a:hover, 
body.locations #sidebar a:active,
body.locations a:hover img{
  background-color: #FFCC00!important;
  color: #000!important;
}

body.locations #content .related-post a.post-title,
body.locations #header,
body.locations #sidebar h2,
body.locations .quotescollection_randomquote     {
  border-color: #FFCC00;
}



body.activities #logo, 
body.activities .current-menu-item a, 
#menu-item-29 a:hover {
    background-color: #FF9933!important;
}

body.activities #content a , 
body.activities #sidebar a{
  color: #FF9933;
}

body.activities #content a:hover, 
body.activities #content a:active,
body.activities #sidebar a:hover, 
body.activities #sidebar a:active,
body.activities a:hover img{
  background-color: #FF9933!important;
  color: #000!important; 
} 

body.activities #content .related-post a.post-title, 
body.activities #header, 
body.activities #sidebar h2 ,
body.activities .quotescollection_randomquote     {
  border-color: #FF9933;
}



body.attractions #logo, 
body.attractions .current-menu-item a, 
#menu-item-28 a:hover {
    background-color: #8CC63F!important;
}

body.attractions #content a , 
body.attractions #sidebar a{
  color: #8CC63F;
}

body.attractions #content a:hover, 
body.attractions #content a:active,
body.attractions #sidebar a:hover, 
body.attractions #sidebar a:active,
body.attractions a:hover img{
  background-color: #8CC63F!important;
  color: #000!important;
}

body.attractions #content .related-post a.post-title, 
body.attractions #header, 
body.attractions #sidebar h2,
body.attractions .quotescollection_randomquote   {
  border-color: #8CC63F;
} 



body.mentoring #logo, 
body.mentoring .current-menu-item a, 
#menu-item-27 a:hover {
    background-color: #00AEEF!important;
}

body.mentoring #content a , 
body.mentoring #sidebar a{
  color: #00AEEF;
}

body.mentoring #content a:hover, 
body.mentoring #content a:active, 
body.mentoring #sidebar a:hover, 
body.mentoring #sidebar a:active,
body.mentoring a:hover img{
  background-color: #00AEEF!important;
  color: #000!important;
}

body.mentoring #content .related-post a.post-title, 
body.mentoring #header, 
body.mentoring #sidebar h2,
body.mentoring .quotescollection_randomquote  { 
  border-color: #00AEEF;
}


a#logo:hover, a#logo:active{
  background-color: #ED1C24!important;
}

body #content .related-post a.post-title:hover,
body #content .related-post a.post-title:active {
  background: none!important;
}

.forward, .back {
  margin-top: -25px;
}

.wpcf7-form textarea {
  height: 50px;
}

.clear {
  clear: both;
}

#individual, #foursome, #reserve {
  height: 60px;
  width: 150px;
  float: left;
  margin: 10px;
  text-indent: -1000px;
  overflow: hidden;
}

#individual {
  background: url(./images/golfregindividual.jpg) 0 0 no-repeat;
}
#foursome {
  background: url(./images/golfregfoursome.jpg) 0 0 no-repeat;
}
#reserve {
  background: url(./images/golfregreserve.jpg) 0 0 no-repeat;
}
