/*  
Theme Name: Community Storm blueprint prototype theme
Theme URI: 
Description: A simple Wordpress theme based on the <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a>.
Version: 1.0
Author: Aidan Smyth
Author URI: 

Credits:

Based on the Blueprint CSS Framework:
http://code.google.com/p/blueprintcss/

Uses Fam Fam Fam Silk Icons: 
http://www.famfamfam.com/lab/icons/silk/

*/



/*
-----------------------------------------------
Grey Box Method - Layout CSS - basics
----------------------------------------------- */

* {
	padding:0px;
	margin:0px;
}

body {
	background: #f2f2f2 url("images/page_bg.gif") repeat-x;
	color: #333;
	font-size: 12px;
	padding: 0 0 40px;
}

.column {
	margin-bottom:10px;
	}


/*
-----------------------------------------------
Typography - Layout CSS
----------------------------------------------- */

h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 0px 0;
	border-bottom:1px solid #ccc;
}

p {
}
ul, ol {
	list-style:none;
}

a:link, a:hover, a:visited  {
	color:#8886D3;
}

/*
-----------------------------------------------
Structure - Layout CSS
----------------------------------------------- */
.container {

}

#header {
	background: url("images/semi_white_pixel.png");
	height:165px;
}
	
	#logo img {
		margin-bottom:14px;
		margin-left:10px;
	}
	
	#sitename img{
		margin-top: 30px;
		padding-left: 10px;
	}
	
	#searchform {
		margin-top: 30px;

	}
	
		#s {
			padding:2px;
			font-size:16px;
			color: #C0D9E8;
			border: 1px solid #C0D9E8;
		}
		
	#nav-menu  {
		background:url("images/nav_bg.gif") repeat-x;
		margin-bottom:0px;
		font:color:#222;
		font-family:"Helvetica Neue", Trebuchet MS, verdana, Arial, Helvetica, sans-serif;
	}

		#nav-menu ul {
			list-style-type: none;
			overflow: auto;
			padding: 0;
			margin: 0;
			float:right;
		}
			#nav-menu ul li {
				float: left;
				color:#074884;
				background:none;
				font-weight:bold;
				font-size:13px;
				letter-spacing: 0.13333em;
			}
			
				#nav-menu ul li a {
					display: block;
					padding: 11px 16px 12px 16px;
					text-decoration: none;
				}
				#nav-menu ul li a:hover {
					text-decoration: underline;
		}
		#nav-menu ul li:hover a, #nav-menu ul li a:hover, #nav-menu ul li a:focus {color:#074884; background:url("images/nav_over_bg.gif") top right no-repeat; text-decoration: none;}
	
#main {
	background: white;
}

#footer {
	height:200px;
	color: #4D86CD;
}
	#footer span {
		float:left;
	}
	
	.footer-text {
		margin-top:20px;
	}

	#footer p {
		color:#14528b;
	}
	
	#footer a:link, #footer a:hover, #footer a:visited  {
		color:#8886D3;
	}
	
	.footer-social img {
		margin-top:10px;
		padding: 5px 5px;
	}

#rotator {
	margin:20px;
	height:341px;
}


/*
-----------------------------------------------
Structure - Columns
----------------------------------------------- */

#top-content {
	margin-bottom:30px;
}

#top-title {

}

	#top-title h2 {
		margin:10px 20px 0px 20px;
		color:#074884;
		font-size:48px;
		font-weight:bold;
		letter-spacing:-2px;
	}

#top-text {

}

	#top-text .text-big {
		font-size:23px;
		text-align:left;
		padding: 20px 20px 5px 20px;
		margin-bottom:0px;
		font-weight:bold;
		line-height:29px;
		color:#074884;
	}

	#top-text .text-mid {
		font-size:16px;
		text-align:justify;
		padding: 20px 20px 5px 20px;
		margin-bottom:0px;
	}
	
	#top-text .text-nor {
		font-size:12px;
		text-align:justify;
		padding: 20px 20px 5px 20px;
		margin-bottom:0px;
	}

.home-col {
	padding:20px;
}

	.home-col h3 {
		margin-bottom:20px;
		text-align:centre;
	}
	
	.home-col h3 span {
		padding: 7px;
		background: #074884;
		margin:0px;
		color:white;
	}
	
	.home-col img {
		margin: auto 0;
		margin: 0 10px;
	}
	
	.home-col h4 {
		height:72px;
		padding: 35px 35px 0px 35px;
		margin:0px 0px 0px 0px;
		text-align: center;
	}
	
	.home-col p {
		font-size: 16px;
		text-align:center;
		padding: 0 20px;
	}
	
.three-col {
	padding:20px;
}

	.three-col h3 {
		margin-bottom:10px;
		text-align:left;
		font-size:12pt;
	}
	
	.three-col h3 span {
		padding: 7px;
		background-color: #074884;
		margin:0px;
		color:white;
	}
	
	.heading-bg {
		background: #074884;
	}
	
	.three-col .logo {
		margin: auto 0;
		margin: 0 20px;
	}
	
	.three-col h4 {
		height:72px;
		padding: 35px 35px 0px 35px;
		margin:0px 0px 0px 0px;
		text-align: center;
	}
	
	.three-col p {
		font-size: 14px;
		line-height:20px;
		letter-spacing:;
		text-align:justify;
		margin:0;
		padding:0;
	}
	
.two-col {
	padding:20px;
	background:none;
}

	.two-col h3 {
		margin-bottom:10px;
		text-align:left;
		font-size:12pt;
	}
	
	.two-col h3 span {
		padding: 7px;
		background-color: #074884;
		margin:0px;
		color:white;
	}
	
	.two-col .logo {
		margin: auto 0;
		margin: 0 90px;
	}
	
	.two-col h4 {
		height:72px;
		padding: 35px 35px 0px 35px;
		margin:0px 0px 0px 0px;
		text-align: center;
	}
	
	.two-col p {
		font-size: 14px;
		line-height:20px;
		letter-spacing:;
		text-align:justify;
		margin:0;
		padding:0;
	}


	/*
-----------------------------------------------
PAGES -STAFF
----------------------------------------------- */
	
.profile-pic img {
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	margin-top:0px;
}

.profile-name {
	margin-top:16px;
	padding-bottom:10px;
}

.profile-pic img {
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	margin-top:0px;
}

.staff-title {
	padding-bottom:50px;
	font-weight:bold;
	font-size:9px;
}

.staff-contacts a img {
	
	padding:15px 5px 5px 5px;
	margin:0;
}

#main ul {
	list-style-type: disc;
}

#main ul li {
	padding:5px;
}

.mid-title {
	padding-left: 20px;
}

	.mid-title h3 {
		margin-bottom:20px;
		text-align:left;
		font-size:18pt;
	}
	
	.mid-title h3 span {
		padding: 7px;
		background-color: #074884;
		margin:0px;
		color:white;
	}
	
	.mid-title p {
		font-size: 14px;
		line-height:20px;
		letter-spacing:;
		text-align:justify;
		margin:0;
		padding:0;
	}

.contact-left {
	float:left;
	width:700px;
}
	
#main-contact {
	margin:0px 0px 0px 70px;
	padding:0px;
}
	
	#main-contact ul {
		padding: 0px;
		margin: 0px;
	}
	
	#main-contact li {
		list-style:none;
		float:left;
		padding: 0px 15px;
		width:50px;
	}
	
	#main-contact li span img {
		padding-top:15px;
	}

.staff-contacts {
	float:left;
}

	.staff-contacts ul {
		width:270px;
		margin:0px;
		padding:0px;
	}

	.staff-contacts ul li{
		list-style:none;
		margin:2px;
		padding:0px 0px 0px 0px;
	}
	
	.staff-contacts ul  li.email{
		background:#f2f2f2 url("images/email_16.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.phone{
		background:#f2f2f2 url("images/phone.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.website{
		background:#f2f2f2 url("images/html.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.linkedin{
		background:#f2f2f2 url("images/linkedin_16.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.skype{
		background:#f2f2f2 url("images/skype_16.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.twitter{
		background:#f2f2f2 url("images/twitter_16.png") 245px 5px no-repeat;
	}
	
	.staff-contacts ul  li.flickr{
		background:#f2f2f2 url("images/flickr_16.png") 245px 5px no-repeat;
	}