/*
weridebikes.co.uk
Sheffield University Cycling Club
designed and built by Ciar�n Elliott
http://www.ciaranelliott.com
*/

/*Remove Browser Default Styles */
* {
	margin: 0px;
	padding: 0px;
	border: 0px none black;
	width: auto;
}


body, html {
	min-width: 100%;
}

body {
	text-align: left;
	background-color: #302B2B;
}

/*layout*/
#container {
width: 1024px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
background-color: #fff;
}

	#header {
	height: 264px;
	background: #fff url(../images/header.jpg) no-repeat;
	}

		
	#navigation {
	height: 22px;
	background-color: #fff;
	padding-top: 2px;
	text-align: center;
	border-bottom: 2px solid #000;
	}
	
	#content {
	background: #fff;
	padding: 5px;
	
		}
	
		#left_column {
		float: left;
		width: 664px;
		padding: 10px;
		background: #fff url(../images/content_background.png) no-repeat;
		background-position: right center;
		}
		
	
		#right_column {
		float: right;
		width: 316px;
		padding-left: 10px;
		background: none;
		}
	
	#footer {
	clear: both;
	background-color: #fff;
	border-top: 2px solid #000;
	height: 32px;
	color: #000;
	padding-top: 8px;
	}
	

/* Header specific styles */

#university_logo {
top: 35px;
float: left;
margin-left: 8px;
margin-right: 8px;
position: relative;
}

#title {
top: 35px;
position: relative;
}

/* Navigation specific styles */
#navigation li
{
display: inline;
list-style-type: none;
padding-right: 50px;
padding-top: 5px;
}

#navigation li a
{
text-decoration: none;
color: #333;
}

#navigation li a:hover
{
color: #ff0000;
}

#currentpage a, #currentpage a:hover
{
color: #1f1e73;
font-weight: bold;
}

/*Content specific styles */
#right_column img {	
margin-top: 40px;
margin-bottom: 10px;
background: url('../images/drop_shadow.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}

/* Footer specific styles */
.left {
float: left;
}

.right {
float: right;
}

/* Default text, font, image, link and list styles */
h1 {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 160%;
}

h2 {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: lighter;
margin-top: 46px;
}

h3 {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 5px;
}

h4 {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
margin: 5px;
margin-top: 30px;
}

h5 {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
margin: 5px;
}

h4 a {
color: #1f1e73;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
margin-top: 30px;
}

h5 a {
color: #1f1e73;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
}

.bold {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}


.underline {
text-decoration: underline;
}

.topMarginLarge {
margin-top: 35px;
}

ol, ul {
margin: 5px;
margin-bottom: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

ul, li {
list-style-type: none;
}

a {
color: #666;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: underline;
}

p {
text-align: left;
margin: 5px;
margin-bottom: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

.highlight {
color: #ff0000;
}

/* Home Page Specific styles */
#news_summary {/*overall news box container */
width: 98%;
margin-left: auto;
margin-right: auto;
border: 1px dashed #000;
background-color: #ccccff;
padding: 10px;
margin-bottom: 20px;
}

#events_container {
width: 100%;
}

#events_container #upcoming_event {
float: left;
width: 400px;
}

#events_container #links {
float: right;
width: 240px;
}

#logos {
clear: both;
width: 100%;
}

#logos img{
margin-left: 10px;
margin-right: 10px;
}

.events {
width: 350px;
height: 130px;
}

/* Club Page specific styles */
.box {
width: 90%;
margin-left: auto;
margin-right: auto;
border: 1px dashed #000;
background-color: #ccccff;
padding: 10px;
margin-top: 20px;
}

/*calendar specific styles */
.calendar {
margin-left: 62px;
width: 900px;
height: 600px;
}

/* Committee Page specific styles */
.committee_member {
width: 850px;
margin-left: auto;
margin-right: auto;
border: 1px dashed #000;

background-color: #ccccff;
padding: 10px;
margin-bottom: 20px;
}

.committee_member_title {
height: 25px;
border-bottom: 2px solid #000;
}

#committee_member_description1 {

}

#committee_member_image1 {

}

.committee_member_image img{
background: url('../images/drop_shadow.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}




/* Form specific styles */
form {
text-align: left;
margin: 5px;
margin-left: 30px;
margin-bottom: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
}

div.formField input, input.form, input {
background-color: #ccccff;
   border: 0px;
   color: #000000;
   font-family: Arial, Sans-Serif;
   font-size: 12px;
   margin-bottom: 10px;
   height: 20px;
}

div.formField textarea, textarea.form, textarea {
background-color: #ccccff;
	border: 0px;
	color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
  margin-bottom: 10px;
}

div.formField label {
	display: block;
}

.button {
width: 100px;
height: 30px;
border: 1px solid #000;
}


/* News specific styles */

.news { /*individual news entry container */
margin-top: 10px;
}

.news_heading { /*individual news entry header container*/
color: #000;
font-weight: bold;
}

.news_date {
font-style: italic;
font-size: 80%;
}

.news_body {

}

.news_body img {
border: 0px;
margin: 4px;
}

.news_data {
margin-bottom: 40px;
font-style: italic;
font-size: 80%;
}