@charset "utf-8";

/* CSS Document */

/* Designed and Coded by Graham May */



/*

Theme Name: Brunel Climbing

Theme URI: http://www.brunelclimbing.com

Description: Brunel University Mountaineering Society Website

Version: 1.0

Author: Graham May

Author URI: http://www.m73a.com

*/





/* Element Styling */

body{

	margin: 0;

	padding: 0;

	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/



	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

	text-align: left;

	vertical-align: top;

	background-image:url(images/bgHD2.jpg);

	background-position:top center;

	background-repeat:repeat-y;

	color: #000000;

}



body, h1, h2, h3, h4, h5, h6, blockquote, form{

	margin: 0;

	padding: 0;

}


a:link, a:visited{

	text-decoration: none;

	color: #336699;

}



a h2{

	text-decoration:none;

}



a:hover{

	text-decoration: underline;

}


h1{

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#444;

	font-size: 18px;

	padding: 5px 0 3px 0;

}



h2, h2 a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-decoration:none;

	color:#444 !important;

}



h3{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 16px;

	text-decoration:none;

	text-align:center;

	color:#444;

	margin-top:5px;

}



h4{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-decoration:none;

	color:#444;

	margin:10px 0 5px 0;

}

small{
	float:right;
}

h2.widgettitle a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-decoration:none;

	color:#444;	

}



html, body {

	height: 100%;

	margin: 0 0 1px;

	padding: 0;

}



img{

	text-decoration: none;

	border:0;
	
	margin:0;

}



p{

	margin:0;

	padding: 3px 0 0 0;

}

p.pages{
	/*text-align:center;*/
	font-size: 16px;
        margin: 4px;
}

.aligncenter, div.aligncenter, img.centered, img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignleft{float:left}
.alignright{float:right}
.clear{clear:both}



table.results {

	border-width: 1px;

	border-spacing: 0;

	border-style: none;

	border-color: #666;

	border-collapse: collapse;

	border-right: hidden; 

	border-left: hidden;

}



table.results td,th,tr {

	border-right: hidden; 

	border-left: hidden;

}





/* Div Class Styling */

.post{

	padding: 10px 10px 0 10px;
	
	/*height:150px;*/

}



.post h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration:none;
}
.post a h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration:none;
	color:#444;
}



.entry{

	line-height: 18px;

}



p.postmetadata{

	border-bottom: 1px solid #ccc;

	margin: 10px 0 0 0;

}



.picpostmetadata {

	border-bottom: 1px solid #ccc;

	margin: 10px 0 0 0;

	bottom: 0px;

	position: absolute;

	width: 100%;	

}



.thumbnail{

	float:left;

	width: 150px;

	height: 150px;

}



.floatLeft{

	float:left;

	width: 400px;

	height: 140px;

	padding: 0 10px 0 10px;

	margin: 5px 0 5px 0;

	overflow:hidden;

	position:relative;

}



.floatPic{

	float:left;

	width:auto;

}



.floatDiv{

	float:left;

	margin: 10px 0 10px 0;

}

.floatContain{

	float:left;	

	width: 100%;

}



.navigation{

	padding: 10px 0 0 0;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

	text-align:center;

	width:600px;
	height:20px;

	display:block;

}



.blog-introduction-content {

	margin: 0 10px 0 10px; 

	padding: 10px 0 10px 0; 

	border-bottom: 1px solid #ccc;

}



.blog-introduction-content h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-decoration:none;

	color: #444;

}



/* Sidebar Classes */

.sidebar{

	margin: 0 0 0 10px;

}



.sidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0 10px 0 10px;

}



.sidebar ul li{

	padding: 10px 0 10px 0;

}



.sidebar ul li h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

}



.sidebar ul ul li{

	padding: 0;

	line-height: 24px;

}

#recent-posts-3 ul li{
	padding: 7px 0 0px 0;
	line-height: 16px;
}


#ics-calendar-widget li{
	padding: 5px 0 0px 0;
	line-height: 16px;
}



/* Comments Classes */

.comments-template{

	/*margin: 10px 0 0;*/

	/*border-top: 1px solid #ccc;*/

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #ccc;

}



.comments-template h2, .comments-template h3{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-decoration:none;

	color:#444;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}





/* Div ID Styling */



/* NOT IN USE

#leader1 {

	float:left;

	height:100%;

	width:10%;

	border:none;

	background-color:#F00; 

} */



#leader{

	position:absolute;

	top:0px;

	height:700px;

	width:138px;

	left:0px;

	background-image:url(images/leader.png);

	background-repeat:no-repeat;

	

}



#main_page_container {

	/* float:left; */

	margin:auto;

	height:100%;

	width:100%;

	/*background-color:#00F; DELETE */

}



#centre_content {

	margin:auto;

	height:100%;

	width:850px;

}



#header {

	height:200px;

	width:100%;

	background-image:url(images/header3.png);

	background-position:bottom;

	background-repeat:no-repeat;

}



#content_wrapper {

	width:850px;

	height:1250px;

	background-image:url(images/content3.png);

	/*background-repeat:repeat-y;*/

	overflow:auto;

}



#content_wrapper_index {

	width:850px;

	height:1300px;

	background-image:url(images/content3.png);

	/*background-repeat:repeat-y;*/

	overflow:hidden;

}



#content_wrapper_trips {

	width:850px;

	height:1400px;

	background-image:url(images/content3.png);

	background-repeat:repeat-y;

	overflow:auto;

}



#content_wrapper_long {

	width:850px;

	height:2000px;

	background-image:url(images/content3.png);

	/*background-repeat:repeat-y;*/

	overflow:auto;

}



#content_wrapper_videos {

	width:850px;

	height:2500px;

	background-image:url(images/content3.png);

	/*background-repeat:repeat-y;*/

	overflow:auto;

}

/*----------NAVIGATION STYLING-----------*/







#nav {

	height:40px;

	width:690px;

	padding: 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:21px;

	font-weight:bold;

	text-align:center;

	text-decoration:none;

	margin:auto;

	padding:10px 0 0 0;

	border-bottom:#CCC solid thin;

	overflow:hidden;

}



#nav a{

	text-decoration:none;

	color:#CCC;

}



#nav a:hover{

	text-decoration: none;

	color:#444;

}





#current {

	float:left;

	color:#666;

	height:50px;

	width:auto;

	margin: 5px 15px 0 15px;

}



#current a{

	color:#444;

}



.nav_button {

	color:#999;

	float:left;

	height:50px;

	width:auto;

	margin: 5px 10px 0 10px;

}



/*----------NAVIGATION STYLING ENDS-----------*/







#login {

	float:right;

	text-align:right;

	color:#FFF;

	padding: 0 5px 0 5px;

}



#login a{

	text-decoration:none;

	color:#FFF;

	font-weight:bold;

}



#page_content {

	float:left;

	height:auto;

	width:600px;

	padding: 0 0 0 25px;

}



#right_menu {

	float:left;

	height:auto;

	width:175px;

	/*background-color:#90F*/

}



table#wp-calendar{

	width: 100%;

}



#footer {

	padding:0 0 0 25px;

	text-align:center;

	width:850px;

	height:30px;

	background-image:url(images/content3.png);

	background-repeat:repeat-y;

	color:#999;

	display:block;

}



#footer p{

	line-height:18px;

}









/*-----------CONTACT FORM ------------*/



#contact{margin:auto; width: 400px;}

#facebook{margin:auto; width:300px;}

.spacer{width:100%; height:10px;display:block;}

.CleanContact { text-align: left; width: 400px; display: block; border:0; padding-top: 1em; }

.CleanContact input[type="text"] { width: 100%; margin-bottom: .5em; }

.CleanContact label { clear: none; display: inline; text-align: left; }

.CleanContact textarea{ width: 100%; height: 15em; margin-bottom: .5em; font-size: 1.2em}

.CleanContact label em { font-weight: bold; font-style: normal; color: red; }

/*.CleanContact_msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }*/
.CleanContact_msg { font-weight: bold;  padding: 1em; }

.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}

.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}





/*-----------Exec Profiles------------*/



.exec{

height: 300px;

width: 50%;

padding: 5px;

}

.exec_row{
width:600px;
height:250px;
margin:0;
padding:0;	
}

.exec_profile{
	width: 200px;
	height: 250px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}





