/*
Theme Name: iam a website
Theme URI: http://www.wpcosmos.com/2008/09/16/free-wordpress-theme-meadowland/
Description: 2 column, with RHS widget sidebar, GPL v3 licence 
Version: 1.0
Tags: fixed width, two columns, widget ready, widgets, white 
Author: WpCosmos
Author URI: http://www.wpcosmos.com/
*/

/* ########################################################################
Import any ccs that is needed for screen
########################################################################### */
@import "reset.css"; /* Reset all */



body {
	background: #00738C;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
}


#wrapper{
	position: relative;
	width: 944px;
	margin: 0 auto;
	padding: 19px;
	background: url(images/bg.gif);
}

/* Header
---------------------------------------------------------------------------- */

#header{
	
}	

#header h1 {	
	width: 153px;
	height: 102px;
	overflow: hidden;
	
	background: url(images/IAM-logo.gif) no-repeat;
}

#header h1 a {
	display: block;
	text-indent: -5000px;
	height: 102px;
}

#header h2 {
	display: none;
}

#searchBox {
	position: absolute;
	top: 135px;
	left: 690px;
}

#searchBox #s {
	width: 150px;
	background: white;
	border: 1px solid #C8CCC9;
}

#login {
	position: absolute;
	left: 700px;
	top: 20px;
	width: 400px;
}


#login li {
	list-style: none;
	line-height: 16px;
}

#login a {
	color: white;
}

#login .registerBtn {
	float: left;
	margin-right: 5px;
}

#login .registerBtn a {
	width: 90px;
	height: 90px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(images/icons/register.gif);
	display: block;
}

#login ul li h3 {
	color: #00B193;
	font-weight: normal;
	font-size: 14px;
	margin-top: 5px;
}

#wrapper #login .loginHere {
	color: #00B193;
	margin-top: 5px;
}

/* Main Navigation
---------------------------------------------------------------------------- */

#main-nav {
	clear: both;
	margin-top: 19px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	
	border-bottom: 1px solid white;
}

#main-nav ul, #main-nav li {
	display: inline;
	
}

#main-nav li {
	margin-right: 10px;
}

#main-nav a {
	color: white;
	text-decoration: none;
}

#main-nav a:hover {
	color: #FF9999
}

#nav-link {
	font-size: 17px;
	font-weight: bold;
}

#blogNav {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px white solid;
}

#subscribe {
	position: absolute;
	left: 895px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: normal;
}

#subscribe li a {
	padding-top: 6px;
	padding-right: 24px;
	background: url(images/rss-18-18.gif) no-repeat right;
}


/* Content area
---------------------------------------------------------------------------- */
		
#content{
	line-height: 16px;
}	

#content a {
	color: #00B193;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content dl, #content dt, #content dd {

}


	/* Main area
	------------------------------------------------------------------------ */
	
	#main {
		float: left;
		width: 620px;
		min-height: 450px;
		padding-right: 10px;
		border-right: 1px solid #C8CCC9;
		font-size: 14px;
		line-height: 18px;
	}
	
	#main p, #main ul {
		margin: 5px 0;
	}
	
	
	/* Display area
	------------------------------------------------------------------------ */
	
	#display {
		clear: both;
		height: 350px;
		margin: 0 0 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #C8CCC9;
	}

	/* Post & Entries
	------------------------------------------------------------------------ */
	
	.post {
		width: 620px;
	}
	
	.entry h2 {
		font-size: 21px;
		line-height: 22px;
		margin-bottom: 10px;
		color: #FF9999;
	}
	
	/* Latest blog posts
	------------------------------------------------------------------------ */
	
	#latestPosts {
		
	}
	
	#latestPosts h2 {
		font-size: 21px;
		margin: 10px 0;
		color: #FF9999;
	}
	
	#latestPosts h3 {
		font-weight: normal;
		font-size: 12px;
		margin-top: 20px;
	}

	#latestPosts .blogPost {
		margin: 10px 0;
	}

	#latestPosts .blogPost p {
		width: 300px;
		margin: 5px 0;
	}

	#latestPosts .blogPost+.blogPost {
		border-top: 1px dashed #C8CCC9;
	}
	
	/* Contact Page
	------------------------------------------------------------------------ */
	
	#c_mike, #c_nigel, #c_dan {
		padding-top: 160px;
		text-align: center;
	}
	
	#c_mike {
		clear: both;
		margin-bottom: 20px;
		background: url(images/profile-shots/Riddell.jpg) no-repeat top;
	}
	
	#c_nigel {
		width: 174px;
		margin-left: 50px;
		background: url(images/profile-shots/Poad.jpg) no-repeat top;
		float: left;
		clear: left;
	}
	
	#c_dan {
		width: 174px;
		margin-left: 410px;
		background: url(images/profile-shots/Innes.jpg) no-repeat top;
	}
	
	#c_mike h3, #c_mike h4, #c_nigel h3, #c_dan h3, #c_nigel h4, #c_dan h4 {
		color: #00B193;
		font-weight: normal;
	}
	
	#c_mike h3, #c_dan h3, #c_nigel h3 {
		color: white;
	}
	
	#c_mike h3, #c_nigel h3, #c_dan h3 {
		font-size: 18px;
	}
	
	#c_mike dt, #c_nigel dt, #c_dan dt{
		display: none
	}
	
	#c_mike dd, #c_mike dd a, #c_nigel dd, #c_dan dd, #c_nigel dd a, #c_dan dd a{
		color: #4A8998;
	}
	/* Sidebar
	------------------------------------------------------------------------ */

	#sidebar {
		float: right;
		width: 300px;
		padding: 3px 0 0 12px;
	}
	
	#sidebar ul {
		list-style: none;
	}
	
	#twitter h2 {
		width: 107px;
		height: 27px;
		margin-bottom: 10px;
		overflow: hidden;
		text-indent: -5000px;
	
		background: url(images/icons/twitter.png) no-repeat left;
	}
	
	#mikeriddell h3 {
		height: 50px;
		padding-left: 60px;
		background: url(images/avatars/mike-ridell.jpg) no-repeat left;
	}
	
	#nigelpoad h3 {
		height: 50px;
		padding-left: 60px;
		background: url(images/avatars/nigel-poad.jpg) no-repeat left;
	}
	
	#daninnes h3 {
		height: 50px;
		padding-left: 60px;
		background: url(images/avatars/dan-innes.jpg) no-repeat left;
	}
	
	#twitter ul li ul {
		margin-bottom: 10px;
	}

		/* Twitter
		-------------------------------------------------------------------- */
		
		.widget h3 {
			font-size: 18px;
			margin-bottom: 10px;
		}
		
		#content .widget h3 a {
			color: white;
			text-decoration: none;
		}
		
		.widget ul {
			margin-bottom: 10px;
		}
		
		.widget ul li {
			margin: 5px 0;
		}


	#profiles h2 {
		margin-bottom: 5px;
	}

	#profiles img {
		clear: left;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	#profiles hr {
		clear: both;
		border: none;
		border-top: 1px dashed white;
		height: 1px;
		
	}

	#profiles + h2 {
		clear: left;
	}


#officeDetails {
	float: left;
	margin-right: 50px;
}

#individualContacts {
	margin-top: 10px;
}

/* Single Post
---------------------------------------------------------------------------- */
.single {

}

.single .postmetadata {
	margin-bottom: 10px;

	border-bottom: 1px dashed #C8CCC9;
}

.theDate {
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
}
	/* Comments
	------------------------------------------------------------------------ */
	
	#commentform {
		
	}
	
	#commentlist ul, #commentlist li {
		list-style: none;
	}
	
	.comm {
		margin-bottom: 10px;
		padding: 5px;
		background: white;
		color: black;
		border: 1px solid #000;
	}
	
	.gravatar {
		float: left;
		margin: 0 5px 5px 0;
	}
	
	.commentheader {
		height: 50px;
	}
	
	#comment {
		margin-bottom: 10px;
	}
	
	#submit {
		clear: both;
	}
	
/* Archive
---------------------------------------------------------------------------- */

.archive .postmetadata {
	margin-bottom: 10px;
	padding-bottom: 5px;

	border-bottom: 1px dashed #C8CCC9;
}

/* Forum Page
---------------------------------------------------------------------------- */

#latest-forum {
	width: 600px;
}

#latest-forum thead {
	font-weight: bold;
}

	
#friendsFeeds {
	border-top: 1px solid white;
	margin-top: 10px;
	padding-top: 10px;
}

#friendsFeeds h2 {
	margin-bottom: 15px;
}

#friendsFeeds .feed {
	border-bottom: 1px white dashed;
	margin-bottom: 5px;
	padding-bottom: 5px
}

#friendsFeeds .feed h3 {
	font-size: 15px;
	font-weight: bold;
	color: #FF9999;
}


#friendsFeeds .feed h4 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
}

#friendsFeeds .feed p {
	
}
	
	
/* Footer
---------------------------------------------------------------------------- */

.clear {
	clear: both;
}

#footer {
	margin-top: 20px;
	padding-top: 10px;
	font-size: 11px;
	border-top: 1px solid #C8CCC9;
}

#wrapper .single {
	padding-bottom: 40px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer p {
	float: left;
}

#footer ul {
	float: right;
}

#footer ul, #footer li  {
	list-style: none;
	display: inline;
}

#footer .address {
	padding-left: 100px;
}