/*
Theme Name: CRWC
Theme URI: www.uh.edu/recreation
Description: University of Houston Campus Recreation
Author: Jackchalat Chaiyakhom
Author URI: http://blog.jackchalat.com
Tags: custom
*/



/* layout start */
body {
	
	background-color:#f2f2f2;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#mainbody { /* contains calendar, blog, and slideshow */
	font-family:'Trebuchet MS', Helvetica, sans-serif;
}
/* layout end */

/* header start */
#header {
	background:url(webres/header_top.jpg) 0 0 no-repeat;
	height: 84px;
}
#header2 {
	background:url(webres/header2_top.jpg) 0 0 no-repeat;
	height: 84px;
}

.inivisible { 
	visibility: hidden;
}
a#home { 
 	left: 20px;
	float:left;
	position: relative;
	height: 50px;
	width: 400px;
	top: 20px; 
	text-decoration: none;
}
a#home:hover {
	/*background-color:#FFFFFF;
	border:#000000 solid;
	border-width:thin;
	opacity: 0.4;*/
	/* background:url(webres/header2_logo_glow.jpg) 0 0 no-repeat; */
}
#twitter_update_list {
	float:left;
	margin-left: 260px;
	margin-top: 40px;
	width: 510px;

	font-size:12px;
	line-height:1;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	color: black;
}
/*#twitter_update_list:hover {
	color:#e6e6e6;
}*/
#twitter_update_list a{
	color:#0f0f0f;
	text-decoration:none;
	visibility:hidden;
}

#twitter_update_list li{
	list-style:none;
}
#subnavbar{
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	float:right;
	text-align:right;
	margin-top: 15px;
	margin-right: 23px;
}
#searchbar{
	text-align:right;
	margin-top:12px;
	margin-right: 2px;
}
.search_field{
	background:url(webres/searchfield_bg.jpg) 0 0 no-repeat;
	border:none;
	color: white;
	
	
	vertical-align:top;
	margin-right:-12px;
	width: 139px;
	height: 22px;
	
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 3px;
}
.search_btn{
	background:url(webres/search_btn.jpg) 0 0 no-repeat;
	border:none;
	vertical-align:top;
	width: 42px;
	height: 22px;
	
	cursor: pointer; 
}
#navbar {
	background:url(webres/header_nav.jpg) 0 0 no-repeat;
	height: 26px;
	
}
#navbar2 {
	background:url(webres/header2_nav.jpg) 0 0 no-repeat;
	height: 31px;
	vertical-align:middle;
}
#navbar_container {
	margin-left:17px;
	
}

/* header end */ 

/* calendar start */
#calendar {
	margin-top:1px;
	width: 260px;
	float: right;
}
#calendar_header {
	background:url(webres/calendar_header.jpg) 0 0 no-repeat;
	height: 30px;
}
#calendar_repeater {
	background:url(webres/calendar_verticalrepeat.jpg) 0 0 repeat-y;
}
#calendar_footer {
	background:url(webres/calendar_footer.jpg) 0 0 no-repeat;
	height: 17px;
}
#calendar_content {
	margin-left: 10px;
	margin-right: 14px;
	overflow:scroll;
	
	height: 366px;
	
}
#calendar_content a{
	color: #e3e3e3;
}
#calendar_content a:hover{
	color: white;
}
#calendar_content a:visited:hover{
	color: white;
}
#calendar_content a:visited{
	color: #b2b2b2;
}

/* calendar end */

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
   
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}
.post img {
	margin: 3px;
}
.img_padding {
	padding: 10px;
}
.img_padding_notop {
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}	
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
img a {
	border-style:none;
}
/* image end */

/* blog start */
#blog{
	
	width: 980px;
	float:left;
}
#blog_header {
	background:url(webres/blog_full_red_header.jpg) 0 0 no-repeat;
	height: 12px;
}
#blog_repeater {
	background:url(webres/blog_full_red_verticalrepeat.jpg) 0 0 repeat-y;
	
}
#blog_footer{
	background:url(webres/blog_full_red_footer.jpg) 0 0 no-repeat;
	height: 16px;
	margin-bottom: 7px;
}



#blog_header_single {
	background:url(webres/blog_full_red_header_single.jpg) 0 0 no-repeat;
	height: 12px;
}
#blog_repeater_single {
	background:url(webres/blog_full_red_verticalrepeat_single.jpg) 0 0 repeat-y;
	
}
#blog_footer_single {
	background:url(webres/blog_full_red_footer_single.jpg) 0 0 no-repeat;
	height: 16px;
	margin-bottom: 7px;
	margin-top: -3px;
}

#blog_header_single_bright {
	background:url(webres/blog_full_red_header_grey.jpg) 0 0 no-repeat;
	height: 12px;
}
#blog_repeater_single_bright {
	background:url(webres/blog_full_red_verticalrepeat_grey.jpg) 0 0 repeat-y;
	
}
#blog_footer_single_bright {
	background:url(webres/blog_full_red_footer_grey.jpg) 0 0 no-repeat;
	height: 16px;
	margin-bottom: 7px;
	margin-top: -3px;
}

#blog_map_header {
	background:url(webres/blog_map_header.jpg) 0 0 no-repeat;
	height: 9px;
}
#blog_map_verticalrepeat {
	background:url(webres/blog_map_verticalrepeat.jpg) 0 0 repeat-y;
	
}
#blog_map_footer {
	background:url(webres/blog_map_footer.jpg) 0 0 no-repeat;
	height: 17px;
}
#map_shadow{
	background:url(webres/crwc_map_shadow.jpg) 0 0 no-repeat;
	height: 500px;
	width: 980px;
	float:left;
}
#map{
	
	height: 480px;
	width: 960px;
	margin-left:10px;
	margin-top: 5px;
}

#blog_content{
	min-height: 500px;
	margin-left:30px;
	margin-right:22px;
	
}
#blog_content_single{
	min-height: 500px;	
	margin-left:30px;
	margin-right:22px;
	
}
.blog_title{

}
.blog_date{
	margin-left:0px;
}
.blog_body{
	margin-top: -12px;
}
.post {
	clear:both;
}
.blog_hr{
	color:red;
	background-color:blue;
	
	width: 400px;
	margin-bottom: 20px;
	margin-top: 30px;
}
#blog_bodygroup{
	float:left;
	width: 675px;
	margin-right: 15px;
	
}
.blog_author{
	float:left;
	margin-right:15px;
}
.blog_comment{
	float:right;
	
}
.blog_tag{
	float:left;
	margin-right: 25px;
}
.blog_category{
	float:left;
}
.blog_taggroup{
	clear:both;
}
.blog_icon{
	vertical-align:middle;
	margin-right:2px;
}


.blog_indent {
	margin-left: 20px;
	margin-top: 10px;
}

/* blog end */

/* sidebar start */
#sidebar {
	
	width: 227px;
	float:right;
}
#sidebar ul {
	
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}


#sidebar ul a{
	color:white;
	text-decoration:none;

}
#sidebar ul img {
	border-style:none;
}
#sidebar ul a:hover{
	text-decoration:underline;
}
#sidebar li {
	
}
#epc_selector{
	margin-left: 15px;
	margin-top: 10px;
}
/* sidebar end */

/* slideshow start */
#slideshow {
	background:url(webres/noflash.jpg) 0 0 no-repeat;
	margin-top: 5px;
	margin-left: 5px;
	height: 400px;
	width: 710px;
}
#slideshow_msg	{
	margin: 15px;
}
#slideshow_shadow {
	background:url(webres/slide-template.jpg) 0 0 no-repeat;
	margin-left:5px;
	height: 410px;
	width: 715px;
	float:left;
}
/* slideshow end */

/* comment section start */
/* inputs */
#comment {
	width: 90%;
}
.comment_input {
	margin-top:2px;
	margin-bottom: 3px;
}
.comment_input_container {
	margin-top: 7px;
	margin-left: 10px;
}
/* outputs */
.commentlist {
	font-size: 12px;
}
.commentlist a {
	color:#3D2B1F;
}
.comment_font {
	font-size: 13px;
}

/* comment section end */

/**
 * Twitter Widget
 */
.widget_twitter li {
    clear:both;
}
.widget_twitter li img {
    float:left;
    margin-right:.5em;
}
.widget_twitter li .clear {
    clear:both;
}


/* fonts start */
.standard {
	
	font-size: 13px;
	color: black;
}
.standard a {
	color: #DC143C;
}
.standard a:hover {
	color: #FF0000;
}
.standard img {
	border-style:none;
}
.standard_white {
	
	font-size: 13px;
	color: #f8f8f8;
}
.standard_bistre {
	
	font-size: 12px;
	color: #3D2B1F;
}
.venetianRed {
	color:#C80815;
	font-weight:bold;
}
.limeGreen {
	color:#7bcd06;
	
}
.small {
	font-size:11px;
}
.medium {
	font-size: 16px;
}
.blog_title_font {
	
	font-size: 20px;
	color: #3D2B1F;
}
.blog_title_font a {
	text-decoration:none;
	color: #3D2B1F;
}
.blog_title_font a:hover {
	color: black;
}
.blog_subtitle_font {
	font-size: 14px;
	font-weight: bold;
	color:#3D2B1F;
}

.blog_interface_font {
	
	font-size: 12px;
}
.blog_interface_font a {
	color: #C80815;
	font-weight: bold;
	text-decoration:none;
}
.blog_interface_font a:hover {
	color: #FF2400;
	text-decoration:underline;
}
.author_name a{
	color:#333333;
}
.author_name a:hover {
	color:black;
	text-decoration:none;
}
.text_subnavbar {
	font-size: 12px;
	color:#e6e6e6;
}
.link_subnavbar a {
	margin-left: 14px;
	text-decoration: none;
	font-size: 12px;
	color: #d3d3d3;
	
}
.link_subnavbar a:hover {
	color: #efefef;
}
.widgettitle{
	font-size: 14px;
	margin-bottom:0;
}
.notice {
	padding-top: 7px;
	margin-left: 10px;
	font-size: 13px;
}
/* fonts end */

/* ContactForm 7 */
span.wpcf7-list-item { display: block; }

/* UH Footer */
#footer {
	clear: both;
	color: #666666;
	margin: 0 auto;
	margin-bottom:20px;
	padding: 0;
	width: 945px;
	font-weight: normal;
	text-align: center;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	}
	
#footer a {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer ul li, #address{
	font-size: 93%;
	letter-spacing: .5px;
}
	
#footer ul {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	}

#footer ul li {
	border: 1px #666666;
	border-style: none none none solid;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	}
	
#footer ul li.first {
	border-style: none;
	padding: 0 10px 0 0;
	}
	
#address a {
	margin: 0 10px 0 10px;
	}

#footer-jobs {
	border: 1px #a8a8a8;
	border-style: none solid none none;
	float: left;
	font-size: 107%;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 7px 15px 7px 0;
	}
#footer-jobs a{
	font-weight: bold;
}

/* ends UH Footer */