/*   
Theme Name: UoB LGBTQ Website
Theme URI: http://www.lgbtq.co.uk/
Description: Theme designed specifically for the UoB LGBTQ Association website
Author: Matthew David James Ward
Author URI: http://www.mattdw.co.uk/
Template:
Version:1.1
.
Designed for the University of Birmingham LGBTQ Association based at the Guild of Students in Autumn 2009 by incumbent LGBTQ Officer.
.
*/



body {
	margin:0;
	padding:0;
	text-align:center;
	background:#ffffff url('images/bg.jpg') repeat-y top center;
	font-family:'Trebuchet MS',sans-serif;
}



/*****Generics*****/

	/***Header tags***/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color:#005BDD;
		margin:0.75em 0 1em;
		font-family:'Trebuchet MS', Arial, sans-serif;
		text-align:left;
	}

	h1 {
		font-size:x-large;
		margin-bottom:0.5em;
	}

	h2 {
		font-size:large;
		margin-bottom:0.375em;
	}

	h3 {
		font-size:medium;
		margin-bottom:0.25em;
	}

	h4,h5,h6 {
		margin-bottom:0.25em;
	}

	h4 {
		font-size:small;
	}

	h5 {
		font-size:x-small;
	}



	/***Anchors***/

	a,
	a:link,
	a:visited {
		color:#153080;
		text-decoration:underline;
	}

	a:hover,
	a:active {
		color:#005BDD;
		text-decoration:none;
	}

	.navbar a,
	.navbar a:link,
	.navbar a:visited,
	.navbar a:hover,
	.navbar a:active {
		color:#FFFFFF;
		text-decoration:none;
	}

	#footer a,
	#footer a:link,
	#footer a:visited {
		color:#FFF;
	}



	/***Other elements***/

	hr {
		border:0;
		border-bottom:solid 0.5px #CCC;
	}

	hr.invisible {
		border-bottom:0;
	}
	
	img {
		vertical-align:top;
	}
	
	a img {
		border:0;
	}



	/***Form Stuff***/

	input {
		font-family:'Trebuchet MS', Arial, sans-serif;
		font-size:x-small;
	}

	#sidebar #searchform #s {
		width:180px;
		padding:2px;
	}
		
	#sidebar #searchform #searchsubmit {
		border:solid 1px #FFF;
	}

	#sidebar ul {
		list-style-type:none;
		padding-left:0;
	}

	#sidebar ul li {
		margin-left:1em;
	}



.clearance {
	clear:both;
}

.floatleft,
.floatright {
	margin-bottom:1em;
}

.floatleft {
	clear:left;
	float:left;
	margin-right:1em;
}

.floatright {
	clear:right;
	float:right;
	margin-left:1em;
}

.comment {
	padding-top:1em;
	padding-bottom:1em;
}


/***Main Wrappers***/
div.main-wrapper,
div.wrapper {
	width:1000px;
	padding:0;
}

div.wrapper {
	overflow:hidden;
}

#page-wrapper,
#sidebar-wrapper {
	margin:0.5em auto 0;
}

#navbar,
#footer {
	background:url('images/nav-center.png') repeat top left;
	width:970px;
}



/***Wrapper side bits***/
.leftside,
.rightside {
	border:0;
	padding:0;
	margin:0;
}

.leftside,
.rightside {
	display:inline;
}

.leftside {
	float:left;
	margin-right:-5px;
}

.rightside {
	float:right;
	margin-left:-5px;
}

.middle {
	margin:auto;
}



/*****Main Wrapper*****/
#main-wrapper {
	width:1000px;
	min-height:100%;
	height:auto !important;
	margin:0.5em auto 0.5em;
}



/*Header*/
#header-wrapper {
}

	#header {
		/*cursor:pointer;*/
		width:960px;
		background:#000 url('images/logo.png') no-repeat center center;
	}
	
	#header,
	#header-wrapper .leftside,
	#header-wrapper .rightside {
		height:210px;
	}
	
	#header-wrapper .leftside,
	#header-wrapper .rightside {
		width:20px;
	}
	
	#header-wrapper .leftside {
		background:url('images/title-left.png') no-repeat center left;
	}
	
	#header-wrapper .rightside {
		background:url('images/title-right.png') no-repeat center right;
	}
	
	#header table,
	#header td {
		padding:0.5em;
		width:100%;
		height:100%;
	}
	
	#header td {
		vertical-align:bottom;
		text-align:right;
		color:#FFF;
	}
	
		#header .hidden-home-link{
			margin:auto;
			width:700px;
			height:142px;
			cursor:pointer;		
		}
		
		#header .guild-link {
			clear:left;
			float:left;
			padding:0;
		}
			


/*Navbar*/
#navbar-wrapper {
	margin:0.5em 0 0;
}
	
	#navbar,
	#navbar-wrapper .leftside,
	#navbar-wrapper .rightside {
		height:40px;
	}
	
	#navbar-wrapper .leftside,
	#navbar-wrapper .rightside {
		width:16px;
	}

	#navbar-wrapper .leftside {
		background:url('images/nav-top-left.png') no-repeat top left;
	}

	#navbar-wrapper .rightside {
		background:url('images/nav-top-right.png') no-repeat top right;
	}
	
	#navbar {
	}
	
		.navbar table {
			width:100%;
			height:100%;
			border-spacing:0;
		}

		.navbar td,
		.navbar td.hover,
		.navbar td.active {
			vertical-align:middle;
			padding-left:0.5em;
			background:0;
			font-family:Arial, sans-serif;
			font-size:x-small;
			text-align:center;
		}

		.navbar td,
		.navbar td.hover {
			cursor:pointer;
			color:#FFF;
		}

		.navbar td.hover {
			background:#22b1ff;
		}

		.navbar td.active {
			background:#000;
			color:#22b1ff;
			font-weight:bold;
			letter-spacing:1px;
			cursor:default;
		}



/*Page*/
#page-wrapper {
	float:left;
	width:696px;
}

	#page-wrapper .navigation,
	#page-wrapper .post,
	#page-wrapper .post-header,
	#page-wrapper .post-content,
	#page-wrapper .post-metadata {
		display:block;
		width:auto;
	}	
	
	#page-wrapper .navigation {
		margin-bottom:0.5em;
		padding:0.5em;
		background:#EEE;
		border:solid 1px #FFF;
		color:#000;
		font-size:small;
	}
	
	#page-wrapper .navbar {
		padding:0;
		background:#888888;
		border:solid 1px #888888;
	}
	
	#page-wrapper .post {
		margin-bottom:0.5em;
		padding:0;
		overflow:auto;
		background:#FFF;
		color:#333;
		text-align:justify;
	}
	
		#page-wrapper .post span.post-header {
			font-size:x-small;
			text-align:left;
		}
		
		#page-wrapper .post .post-content p,
		#page-wrapper .post .post-content a,
		#page-wrapper .post .post-content li,
		#page-wrapper .post .post-content span,
		#page-wrapper .post .post-content div,
		#page-wrapper .post .post-content td,
		#page-wrapper .post .post-content td * {
			font-size:small;
		}

		#page-wrapper .post .post-content table {
			border-spacing:0.25em;
		}

		#page-wrapper .post .post-content td {
			text-align:justify;
		}

		
		#page-wrapper .post .post-content small {
			font-size:x-small;
		}
		
		#page-wrapper .post .post-content img {
			padding:0.5em;
			/*border:solid 1px #CCC;
			background:#EEE;*/
		}
		
		#page-wrapper .post .post-content img.avatar,
		#page-wrapper .post .post-content img.photo {
			padding:0;
			background:0;
		}
		
		#page-wrapper .post .post-content .wp-smiley {
			border:0;
			background:0;
			padding:0;
		}
		
		#page-wrapper .post .post-content h1,
		#page-wrapper .post .post-content h2,
		#page-wrapper .post .post-content h3,
		#page-wrapper .post .post-content h4,
		#page-wrapper .post .post-content h5,
		#page-wrapper .post .post-content h6 {
			text-align:center;
		}
		
		#page-wrapper .post p {
			display:block;
			font-size:small;
		}
		
		#page-wrapper .post .header {
			padding:0.25em 0.5em;
			background:#AACCFF;
			border:solid 1px #FFF;
		}
		
			#page-wrapper .post .header h1,
			#page-wrapper .post .header h2,
			#page-wrapper .post .header h3,
			#page-wrapper .post .header h4,
			#page-wrapper .post .header h5,
			#page-wrapper .post .header h6 {
				margin:0;
				padding:0;
			}
			
			#page-wrapper .post .header a {
				text-decoration:none;
			}
			
			#page-wrapper .post .header a,
			#page-wrapper .post .header a:link,
			#page-wrapper .post .header a:visited {
				color:#005BDD;
			}

			#page-wrapper .post .header a:hover,
			#page-wrapper .post .header a:active {
				color:#000080;
				text-decoration:none;
			}

		#page-wrapper .post .post-wrapper {
			padding:0.5em;
		}
		
			#page-wrapper .post .post-wrapper .subpages {
				display:inline;
				padding:0.5em;
				text-align:justify;
				font-size:x-small;
			}

		
			#page-wrapper .post .post-wrapper hr {
				margin:0.25em 0 0.5em;
			}

			#page-wrapper .post .post-wrapper .post-content {
				padding-bottom:0.5em;
			}
			
 				#page=wrapper .post .post-wrapper comment-author cite,
 				#page=wrapper .post .post-wrapper comment-author cite a,
 				#page=wrapper .post .post-wrapper comment-author cite li {
					font-size:medium;
				}
				#page-wrapper .post .post-wrapper .post-content p {
					font-size:small;
				}
				
				#page-wrapper .post .post-wrapper .post-content div.comment-meta {
				}
				
					#page-wrapper .post .post-wrapper .post-content div.comment-meta a {
						font-size:x-small;
					}
					
			#page-wrapper .post .post-wrapper .post-metadata {
				padding:0.25em;
				width:99%;
				background:#EEE;
				border:Solid 1px #CCC;
				font-size:x-small;
				text-align:left;
			}



/*****Sidebar*****/
#sidebar-wrapper {
	float:right;
	width:296px;
}
	
	#sidebar-wrapper h4.widgettitle {
		width:296px;
		margin:0;
		padding:0.25em 0.5em;
		background:#CCC;
		border:solid 1px #EEE;
		font-size:medium;
	}
	
	#sidebar-wrapper {
		text-align:justify;
	}
	
	#sidebar-wrapper .widget {
		margin:0 0 0.75em;
		background:#EEE;
		display:block;
	}
	
	#sidebar-wrapper table {
		width:100%;
		padding:0.25em;
	}
		
		#sidebar-wrapper table#wp-calendar td {
			padding:0.25em;
			text-align:center;
			vertical-align:center;
		}
	
		#sidebar-wrapper table#wp-calendar thead {
			background:#CCC;
		}
		
		#sidebar-wrapper table#wp-calendar tbody td {
			background:#FFF;
		}
			
		#sidebar-wrapper table#wp-calendar tbody td.pad {
			background:0;
		}
			
			#sidebar-wrapper table#wp-calendar tbody td a {
				font-size:larger;
			}
			
		#sidebar-wrapper form#searchform .screen-reader-text {
			font-size:smaller;
		}
		
		#sidebar-wrapper form#searchform #s {
			width:130px;
		}
		
		#sidebar-wrapper div#twitter_div {
			margin:0;
			padding:0;
		}
		
			#sidebar-wrapper div#twitter_div #twitter_update_list {
				padding-left:1.5em;
			}
			
				#sidebar-wrapper div#twitter_div #twitter_update_list li {
					padding-bottom:1em;
					list-style:square outside url('images/icons/twitter-bullet.png');
					text-align:left;
				}
			
		
	#sidebar-wrapper div {
		padding:0.25em 1em;
	}
	
	#sidebar-wrapper div,
	#sidebar-wrapper th,
	#sidebar-wrapper td {
		font-size:small;
	}
	
	#sidebar-wrapper ul,
	#sidebar-wrapper li {
		list-style:none;
		padding-left:0;
	}
	



/*****Footer*****/
#footer-wrapper {
	margin-top:0;
}
	
	#footer,
	#footer-wrapper .leftside,
	#footer-wrapper .rightside {
		height:25px;
	}
	
	#footer-wrapper .leftside,
	#footer-wrapper .rightside {
		width:16px;
	}

	#footer-wrapper .leftside {
		background:url('images/nav-bottom-left.png') no-repeat bottom left;
	}

	#footer-wrapper .rightside {
		background:url('images/nav-bottom-right.png') no-repeat bottom right;
	}
	
	#footer {
	}