/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2010-03-09) YYYY-MM-DD
* Author: BTP Design/Shaking Paper Web Development
* Description: SMS/Grass is Greener.

*/

/* Eric Meyer CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
}

/* End CSS Resset */

/* Begin Style/Structure */

body {
	width: 100%;
	height: 100%;
	color: #414042;
}

/* Background images controlled by body classes */

body.home_bg {
	background: #000 url(images/Backgrounds3.jpg) no-repeat top left;
	background-attachment: fixed;
}

body.blog_bg {
	background: #000 url(images/Backgrounds4.jpg) no-repeat top left;
	background-attachment: fixed;
}

body.listing_bg {
	background: #000 url(images/Backgrounds1.jpg) no-repeat top left;
	background-attachment: fixed;
}

body.contact_bg {
	background: #000 url(images/Backgrounds2.jpg) no-repeat top left;
	background-attachment: fixed;
}

#wrapper {
	position: relative;
	margin: 64px 0 0 40px;
	padding-bottom: 30px;
	width:960px;
}
 
#sidebar {
	width: 190px;
	position: relative;
	float: left;
	margin-right: 32px;
}

	#nav {
		font-size: 10px;
		width: 190px;
		height: 256px;
		background: url(images/nav_bg.png) no-repeat;
		margin-bottom: 10px;
	}
	
	#nav { /* Image replacement for IE6 */
		_background-image: url(images/ie6/nav_bg.gif);
	}

		#nav img {
			margin: 22px 0 0 8px;
		}
		
		#nav ul {
			margin: 50px 0 0 10px;
		}
		
		#nav ul { /* Margin replacement for IE6 */
			_margin-top: 110px;
		}

		#nav ul li {
			margin-bottom: 12px;
		}
		
		#nav ul li a {
			color: #414042;
			margin-bottom: 12px;
			padding: 2px;
		}
		
		#nav ul li a:hover, #nav ul li .current_page_item  {
			color: #FFF;
			background-color: #6CBE45;
		}

	img#uk { margin-bottom: 6px; }
	
	#follow {
		width:190px;
		height: 225px;
		background: url(images/social_bg.png) no-repeat;
		position: relative;
	}
	
	#follow { /* Image replacement for IE6 */
		_background-image: url(images/ie6/social_bg.gif);
	}
	
	
		#links {
			width: 194px;
			height: 60px;
			position: absolute;
			top:0;
			left: 0;
			padding: 23px 0 0 10px;
		}
		
/* Social Media icon rollover styles */
		
		.alt, #social_links a * {
			display: none;
		}

		#social_links li { /* prevents IE7 stepdown */
			display: inline;
		}		
			
		#social_links li a {
			float: left;
			display: block;
			cursor: pointer;
			margin-right: 5px;
		}
		
		#social_links a.linkedin,
		#social_links a.linkedin .hover {
		  height: 27px;
		  display: block;
		  background: url(images/linked_in.png) 0 0 no-repeat;
		  position: relative;
		}
		
		#social_links a.linkedin {
			background-position: 0 0;
		    width: 28px;
		}
		
		/* .highlight will be remove if JS is enabled */
		#social_links .highlight a.linkedin:hover, 
		#social_links a.linkedin .hover {
		  background-position: 0 -27px;
		  width: 28px;
		}
		
		#social_links a.vimeo,
		#social_links a.vimeo .hover {
		  height: 27px;
		  display: block;
		  background: url(images/vimeo.png) 0 0 no-repeat;
		  position: relative;
		}
		
		#social_links a.vimeo {
			background-position: 0 0;
		    width: 28px;
		}
		
		/* .highlight will be remove if JS is enabled */
		#social_links .highlight a.vimeo:hover, 
		#social_links a.vimeo .hover {
		  background-position: 0 -27px;
		  width: 28px;
		}

		#social_links a.facebook,
		#social_links a.facebook .hover {
		  height: 27px;
		  display: block;
		  background: url(images/facebook.png) 0 0 no-repeat;
		  position: relative;
		}
		
		#social_links a.facebook {
			background-position: 0 0;
		    width: 28px;
		}
		
		/* .highlight will be remove if JS is enabled */
		#social_links .highlight a.facebook:hover, 
		#social_links a.facebook .hover {
		  background-position: 0 -27px;
		  width: 28px;
		}
		
		#social_links a.twitter,
		#social_links a.twitter .hover {
		  height: 27px;
		  display: block;
		  background: url(images/twitter.png) 0 0 no-repeat;
		  position: relative;
		}
		
		#social_links a.twitter {
			background-position: 0 0;
		    width: 28px;
		}
		
		/* .highlight will be remove if JS is enabled */
		#social_links .highlight a.twitter:hover, 
		#social_links a.twitter .hover {
		  background-position: 0 -27px;
		  width: 28px;
		}
		
		#social_links a.flickr,
		#social_links a.flickr .hover {
		  height: 27px;
		  display: block;
		  background: url(images/flickr.png) 0 0 no-repeat;
		  position: relative;
		}
		
		#social_links a.flickr {
			background-position: 0 0;
		    width: 28px;
		}
		
		/* .highlight will be remove if JS is enabled */
		#social_links .highlight a.flickr:hover, 
		#social_links a.flickr .hover {
		  background-position: 0 -27px;
		  width: 28px;
		}
		
/* Styling for twitter plugin */

		#twitter {
			color: #333;
			font-size: 10px;
			line-height: 13px;
			position: absolute;
			top: 96px;
			width:190px;
			overflow: hidden;
		}

		#twitter h2 {
			display: none;
		}
		
		p#preloader {
			display: none;
		}
		
		ul#twitter_update_list {
			margin: 0;
			padding: 0 1em 0.5em 1em;
			list-style-type: none;
		}
		
		ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 0;
			border-bottom: 1px solid #ccc;
		}
		
		ul#twitter_update_list li a {
			/* timestamp link */
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
		
		ul#twitter_update_list li span {
			display: block;
		}
		
		ul#twitter_update_list li span a {
			/* links in tweet */
			color: #000;
			text-decoration: underline;
		}
		
		ul#twitter_update_list li span a:hover {
			/* links in tweet */
			text-decoration: none;
		}
		
		ul#twitter_update_list li.firstTweet {
		}
		
		ul#twitter_update_list li.lastTweet {
			border-bottom: none;
		}
		
		a#profileLink {
			display: none;
		}

#content_wrapper {
	width: 520px;
	min-height: 800px;
	position: relative;
	float: left;
}

#content_wrapper_home {
	background: url(images/circle_bg.png) no-repeat;
	width: 522px;
    min-height:800px;
    height:auto !important;
    height:800px;
	position: relative;
	float: left;
}

	#content_wrapper_home { /* Image replacement for IE6 */
		_background-image: url(images/ie6/circle_bg.gif);
	}

	#content_wrapper_home .content {
		background: none;
	}
	
	#content_wrapper_home #recent a {
		color: #FFF;
	}
	
	a.get_more {
		display: none;
	}
	
	/* Newsletter sign up styles */
	
		#theForm {
			background: url(images/input_bg.png) no-repeat top left;
			width: 205px;
			height: 41px;
			position: absolute;
			top: 410px;
			left: 165px;
		}

		#theForm { /* Image replacement for IE6 */
		 _background-image: url(images/ie6/input_bg.gif);
		}
				
		#confirmation {
			position: absolute;
			top: 420px;
			left: 185px;
			color: #FFF;
		}
		
		input.email {
			border: 0;
			color: #38732d;
			font-size: 11px;
			width: 159px;
			height: 18px;
			padding: 1px;
			margin: 12px 0 0 5px;
			background: transparent;
		}
		
		input.button {
			display: block;
			width: 46px;
			height: 41px;
			background-color: transparent;
			background-image: url(images/go.png);
			background-position: 0 0;
			text-indent: -1000em;
			border: 0;
			margin: 0;
			padding: 0;
			cursor: pointer; /* hand-shaped cursor */
			position: absolute;
			top: 0;
			right: 0;
		}

		input.button { /* Image replacement for IE6 */
			_background-image: url(images/ie6/go.gif);
		}
		
		input.button:hover {    	
			background-position: 0 -41px;
		}

	.box h1 a { /* jQuery slider styles */
		width: 520px;
		height: 51px;
		display: block;
		cursor: pointer;
	}	
	
	.box h1 a.active { /* adds plus image to sliding content box */
		background: url(images/plus.gif) no-repeat top right;
	}
	
	.box h1 a span {
		display: none;
	}

	#blog_box h1 a  { /* Page heading images */
		background: url(images/blog_header.png) no-repeat top left;
	}

	#positions_box h1 a  { /* Page heading images */
		background: url(images/positions_header.png) no-repeat top left;
	}
	
	#contact_box h1 a  { /* Page heading images */
		background: url(images/contact_header.png) no-repeat top left;
	}
	
	#about_box h1 a  { /* Page heading images */
		background: url(images/gig_header.png) no-repeat top left;
	}

	.content {
		width: 500px;
		height: auto;
		background: url(images/trans_bg.png) repeat-y;
		padding: 27px 10px;
		line-height: 19px;
	}
	
	.content h2 {
		font-size: 14px;
		color: #6CBE45;
	}
	
	.content h2 a {
			text-decoration: none;
			color: #6CBE45;
		}

		.content h2 a:hover {
			text-decoration: underline;
			background: none;
			color: #6CBE45;
		}
	
	.content p, .content ul, .content ol {
		font-size: 12px;
	}

	.content a {
		color: #414042;
		text-decoration: underline;
	}
	
	.content a:hover, #blog_sidebar a:hover {
		color: #FFF;
		background-color: #6CBE45;
	}
	
	.content h2, .content p, .content .entry ul, .content .entry ol {
		margin-bottom: 16px;
	}
	
	.content .entry ul, .content .entry ol {
		margin-left: 16px;
	}
	
	.content .entry ul li {
		list-style: disc;
	}
	
	.content .entry ol li {
		list-style: decimal;
	}
	
/* Blog styles */
	
	p.meta, .meta a {
		font-size: 10px;
		line-height: 14px;
		color: #939598;
	}
	
	#blog_box .entry, #positions_box .result { 
		background: url(images/blog_separator.png) no-repeat bottom left;
	}
		
	.entry {
		padding-bottom: 11px;
		margin-bottom: 27px;
	}
	
	#blog_box .comment {
		background: none;
		margin-bottom: 0;
	}
	
	.navigation {
		padding-bottom: 16px;
	}
	
	ol.commentlist li {
		background: url(images/blog_separator.png) no-repeat top left;
		padding: 18px 0 12px;
	}
	
	ol.commentlist li p {
		margin-bottom: 6px;
	}
	
	#commentform p.comment_input input, #commentform textarea, input#mcspvalue {
		border: 1px solid #CCC;
	}
	
	#commentform p.comment_input input, input#mcspvalue {
		width: 276px;
		height: 14px;
		padding: 2px;
		margin-right: 10px;
	}
	
	#commentform textarea {
		width: 474px;
		height: 124px;
		padding: 3px;
	}
	
#blog_sidebar {
	width: 144px;
	min-height: 350px;
	margin-left: 32px;
	position: relative;
	float: left;
	background: url(images/trans_bg.png) repeat;
}

	img.archive_header {
		margin: 25px 0 0 10px;
	}
	
	#blog_sidebar ul {
		margin: 25px 0 25px 10px;
		font-size: 11px;		
	}
	
	#blog_sidebar ul li a {
		color: #414042;
		line-height: 16px;		
	}
	
	h2.comment_heading {
		margin-left: -10px;
	}
	
	p.commentmetadata {
		color: #898989;
		font-size: 10px;
		font-style: italic;
	}
	
/* Recent Positions/Listings styling */
	
	.custom_search {
		height: 120px;
	}
	
	.search_submit {
		margin: 10px 119px 10px 0;
	}
	
#recent {
	margin-top: 75px;
	text-align: center;
	font-size: 12px;
	line-height: 21px;
}

	#recent h4 {
		display: none;
	}

#results {
	text-align: center;
	font-size: 12px;
	line-height: 21px;
}

#positions_box #search {
	background: url(images/or_bg.png) no-repeat top left;
	padding-top: 19px;
	margin-bottom: -20px;
}

#positions_box #search {
	_background-image: none;
}

a.back {
	font-size: 10px;
	color: #939598;
}

#positions_box h2 {
	color: #414042;
	margin-top: 19px;
	margin-bottom: 0;
}

#positions_box h3 {
	color: #939598;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 16px;
}

#positions_box h4 {
	color: #939598;
	font-size: 11px;
}

#positions_box h5 {
	font-size: 11px;
	margin-bottom: 16px;
}

a.apply_now:hover {
	background: none;
}

.apply { /* Positions Apply Now button */
	margin-bottom: -20px;
}

/* Contact page styling */

#contact_box .contact_input {
        display: block;
        float: left;
        width: 45%;
        overflow: hidden;
        font-size:14px;
        text-align: left;
        margin-right: 15px;
        margin-bottom: 16px;
        border: 1px solid #414042;
}

#contact_box label {
        display: block;
        float: left;
		text-align: left;
        width: 30%;
        font-size: 13px;
        padding-top: 2px;
}

#contact_box textarea {
	border: 1px solid #414042;
	width: 330px;
	height: 100px;
}

#contact_box textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input.contact_submit {
	float: right;
	margin-right: 14px;
	border: 0;
}

/* Footer classes */
		
#footer {
	color: #FFF;
	width: 960px;
	height:50px;
	font-size: 9px;
	margin: 30px 0;
	float: left;
	position: relative;
}

	#footer p {
		margin: 7px 0 0 30px;
	}
	
	#footer p { /* Margins for IE6/IE7 */
		/margin-top: 3px;
	}

	#footer p.right {
		margin-top: 27px;
	}

	#footer img, #footer p {
		float: left;
	}
	
	#footer a {
		color: #FFF;
		text-decoration: underline;
	}
	
/* Sitewide classes */

	.left { /* applies left float to any element with this class */
		float:left;
	}
	
	.right { /* applies right float to any element with this class */
		float:right;
	}
	
	.aligncenter,
	div.aligncenter { /* positioning for images in WYSIWYG editor */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft { /* positioning for images in WYSIWYG editor */
		float: left;
	}
	
	.alignright { /* positioning for images in WYSIWYG editor */
		float: right;
	}