/*
Theme Name: Cloisters
Theme URI: http://www.cloisterstutoring.co.uk
Description: Cloisters Website Theme
Author: Karl Wills
Author URI: http://www.may-fly.co.uk
*/

@import "style/css/reset.css";


html { font-size: 16px; } /* Make sure the default is always 16px */


body { 
	font-size: 62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	background: #fffbdd;
	font-family: "Tahoma", "Verdana", "Sans-Serif"; 
	color: #0b0b0b;
	}


/* 1. Universal Styles */

.clear			{ clear:both;}
.left			{ float:left;}
.right			{ float:right;}
img.left		{ margin-right:1em; margin-bottom:1.8em; }
img.right		{ margin-left:1em; margin-bottom:1.8em; }							
a				{ outline: none; color: #000; text-decoration: underline;}
a:hover			{ text-decoration: none;}

table 			{ border-collapse: collapse; width: 945px; margin: 20px auto 30px auto;font-size: 1.2em;}
th,td			{ padding: 0.5em 1.1em;}
thead 			{ border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; font-weight: normal;}
th 				{ font-weight: bold; text-align: left;}
tr.odd			{ background: #f0f0f0;}


blockquote 		{ font-style: italic; padding: 1.5em 1.5em 1em 1.5em;  margin: 1em 0 1.5em 0; font-weight: bold;}


/* 2. Typography  */

h1 { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 10px 0 20px 0;}
h2 { font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
h3 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 25px 0 15px 0;}
h4 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 25px 0 15px 0;}
p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 15px; padding-right: 0.5em; }

ul,ol { font-size: 1.2em; margin-bottom: 1.5em; margin-left: 1.8em; }
ol li {list-style: decimal;}
ol ul { font-size: 12px; margin: 8px 0 8px 18px;}
ol ul li { list-style: disc;}
li { list-style: disc; line-height: 1.6em; }

ol {margin-left: 2.4em;}

ul ul { font-size: 12px; margin-bottom: 0.5em; margin-top: 0.5em;}

dl { font-size: 1.3em; line-height: 1.75em; margin-bottom: 1.8em; }


/* 3. Header & Navigation */

div#page-wrap {
	width: 945px;
	padding: 0 15px 0 15px;
	margin: 0 auto 0 auto;
	background: #fff;
	border: 1px solid #f0ede6;
	}
	
	div#header {
		width: 945px;
		height: 110px;
		padding: 1.5em 0 0 0;
		margin: 0 0 0 0;
		}
		
		div#header h1.banner-text {
			float: right;
			color: #000;
			margin-top: 60px;
			}
		
		img.logo { /* Main Site Logo */
			float: left;
			}
			
			ul#nav { /* Main Site Navigation */
				width: 945px;
				background: #000;
				float: left;
				list-style: none;
				font-size: 1em;
				margin: 0 0 1.5em 0;
				}
			
				ul#nav li {
					float: left;
					font-size: 1em;
					list-style: none;
					margin: 0;
					padding: 0;	
					}
					
				ul#nav li a {
					display: block;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 3em;
					padding: 0 1.6em 0 1.6em;
					}
					
					ul#nav li a.dd, ul#nav li a.dd:hover { /* Dropdown Arrow */
						background: url("style/images/ddarrow.png") no-repeat 108px 50%;
						}
	
				ul#nav li a:hover {
					text-decoration: underline;
					}
					
			ul#nav li ul {
				background: #000;
				position: absolute;
				width: 290px;
				left: -9999px;
				padding: 3px 0 10px 10px;
				margin: 0;
				z-index: 2000;
				}
				
				ul#nav li ul a {
					font-size: 11px;
					text-transform: capitalize;
					width: 275px;
					font-weight: normal;
					margin: 0;
					padding: 0 0 0 10px;
					line-height: 2.5em;
					background: url("style/images/ddarrow.jpg") no-repeat 0 50%;
					}

			ul#nav li:hover ul {
				left: auto;
				}
			
			ul#nav li:hover ul, ul#nav li.sfhover ul {
				left: auto;
				}			
					
					
					
/* 4. Home Page */

/* Feature Slider - Based on the "Creating a Slick Auto-Playing Featured Content Slider" from css-tricks.com */ 

.slider-wrap { 
	float: left;
	width: 545px;
	height: 257px;
	margin-bottom: 1.8em; 
	}			

.panel ul { 
	text-align: left; 
	margin: 0 15px 0 30px; 
	}

.stripViewer { 
	position: relative; 
	overflow: hidden; 
	width: 545px; 
	height: 257px; 
	}

.stripViewer .panelContainer { 
	position: relative; 
	left: 0; 
	top: 0; 
	}

.stripViewer .panelContainer .panel { 
	float: left; 
	height: 100%; 
	position: relative; 
	width: 545px; 
	}

.stripNavL, .stripNavR, .stripNav { 
	display: none; 
	}


.blackpanel { 
	background: url("style/images/transpBlack.png"); 
	padding: 10px; 
	height: 30px; 
	margin-top: -50px; 
	position: relative; 
	z-index: 9999; 
	color: white; 
	}
	
	.blackpanel p {
		margin: 0;
		padding: 0;
		font-size: 1.8em;
		font-weight: normal;
		letter-spacing: 0.1em;
		}

.cross-link	{ 
	display: block; 
	width: 62px; 
	margin-top: -14px; 
	position: relative; 
	padding-top: 15px; 
	z-index: 9999; 
	}
	
div#tutor-map { /* Find a Tutor Map */
	position: relative;
	z-index: 1000;
	float: right;
	width: 385px;
	height: 257px;
	border: 1px solid #ccc;
	margin-bottom: 18px;
	}
	
div.home-content { /* Home Page Left Column Content */
	float: left;
	width: 545px;
	margin-right: 15px;
	}
	
	div.home-content h1 {
		font-size: 1.6em; 
		font-weight: bold; 
		text-transform: uppercase; 
		margin: 0 0 15px 0;
		}
	
	div.home-content p {
		padding-right: 1.5em;
		}	
	
div.sidebar { /* Home Page Right Sidebar */
	float: right;
	width: 385px;
	}
	
	div.sidebar-item { /* Sidebar Items */
		border-bottom: 1px solid #eeeeee;
		margin-bottom: 15px;
		}
		
	div.sidebar-item a {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: underline;
		color: #000;
		padding-right: 10px;
		background: url("style/images/sidebarlinkarrow.gif") no-repeat right;
		}

	div.sidebar-item a:hover {
		text-decoration: none;
		}		
		

/* Associate Pages */

div.associate-sidebar {
	float: right;
	width: 305px;
	margin-top: 0.8em;
	}
	
	div.sidebar-item a.area-link {
	display: block;
	text-decoration: none;
	width: 280px;
	padding: 1.5em 1em 1.5em 1em;
	background: #eee;
	color: #000;
	letter-spacing: 0.01em;
	margin-top: 1em;
	}
	
	div.associate-sidebar ul {	
		margin-left: 1.3em;
		}
		
		div.associate-sidebar ul li {
			line-height: 2em;
			}
	
	div.associate-sidebar h3 {	
		margin: 0 0 0.5em 0;
		text-transform: capitalize;
		}	
		
	div.associate-sidebar address {
		font-style: italic; 
		margin: 0 0 1.5em 0; 
		padding: 0;
		}	
	
	div.associate-sidebar p.telephone {	
		font-size: 1.8em;
		font-weight: bold;
		margin: 0 0 1em 0;
		padding: 0;
		text-transform: uppercase;
		}
		
div.associate-content {	
	float: left;
	width: 610px;
	margin-right: 15px;
	}
	
	div.associate-content p, div.associate-content ul, div.associate-content h1 {
		padding-right: 1.9em;
		}
		
div.tutor-notification { /* Tutor Enquiry Notification Text */
	border: 1px solid #eee;
	padding: 10px 10px 0 10px;
	color: red;
	font-weight: bold;
	margin-bottom: 20px;
	width: 600px;
	}		
	



/* Subject Listing Page */

div.subject-container {
	width: 915px;
	border: 1px solid #eeeeee;
	padding: 1.5em;
	margin-bottom: 1.5em;
	}
	
	ul.subjects {
		width: 900px;
		}
		
		ul.subjects li {
			float: left;
			width: 300px;
			}
			
	ul.subjects br {
		clear: left
		}
	

	

/* Contact Form*/

.crb-form {
	width:280px;
	float: right;
	border: 1px solid #e3e3e3;	
	margin: 0 10px 20px 50px;
	padding: 0 20px;
}


form {
	width: 300px;
	}
	
form p {
	float: left;
	width: 135px;
	margin: 0 7px 0 0;
	padding: 0;
}	

.crb-form h3 {
font-size: 12px;
}

fieldset {
	border: 1px solid #eee;
	padding: 2em;
	margin: 1em 0 1.5em 0;
	}

input {
	font-size: 1em;
	width: 125px;
	border: 1px solid #999;
	padding: 0.2em;
	}	
	
label {	
	float: left;
	width: 13em;
	}
	
	label span {
		font-style: italic;
		font-size: 11px;
		}
		
textarea {
	width: 350px;
	height: 150px;
	font-family: "Tahoma", "Verdana", "Sans-Serif"; 
	font-size: 12px;
	border: 1px solid #999;
	padding: 0.2em;
	}
	
	textarea#address {
		width: 199px;
		}		

input#send {
	width: 100px;
	padding: 0.1em;
	margin-top: 15px;
	margin-bottom: 20px;
	}		
	
	.wpcf7-list-item { /* Checklist Items */
		margin: 0 15px 0 0;
		}
	

/* Site Map Page */

ul.sitemap li {
	padding-bottom: 3px;
	}
	
	
/* Cloisters CRB Page */
	
	div#crb-header {
		width: 945px;
		height: 160px;
		padding: 2em 0 0 0;
		}
		
		img.crb-logo { /* CRB Logo */
			float: left;
			margin-top: 38px;
			}

h3#processing-fee {
	margin-top: 45px;
}
					
/* Footer */

div#footer {
	clear: both;
	width: 945px;
	padding-top: 100px;
	}	
	
	div#footer p {
		padding: 15px 0 0 0;
		font-size: 1em;
		color: #6f6f6f;
		}
		
	div#footer a.mayfly { /* Link to Mayfly Site */
		color: #26357a;
		text-decoration: underline;
		}	

	div#footer a.mayfly:hover {
		text-decoration: none;
		}
		
	div#footer ul#footer-nav {
		float: left;
		list-style: none;
		font-size: 1.1em;
		margin: 10px 0 0 0;
		}					

	div#footer ul#footer-nav li {
		float: left;
		display: inline;					
		}