/*
Theme Name: BTM May 2009
Theme URI: http://www.blogthememachine.com
Description: The May 2009 version of Blog Theme Machine created by Mike Smith.
Version: 3.0
Author: Blog Theme Machine
Author URI: http://www.blogthememachine.com
*/

body {
	font-family: Helvetica, Verdana, Tahoma, Arial;
	color: #898989;
	font-size: 13px;
	line-height: 18px;
	background: #FFF url(images/bg_website.jpg) repeat top left;
	background-attachment: fixed;
}


/* MAIN WEBSITE CODES HERE
------------------------------------------------------------------*/

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

a, a:visited { color: #ED008C; text-decoration: none; outline: none; }
a:hover { color: #00ADEF; text-decoration: none; }

img { border: 0; }

h1, h2, h3, h4, h5, h6 { color: #00ADEF;  margin: 0; padding: 0; }

p { margin: 0 0 20px 0; }


/* HEADER CODES HERE
------------------------------------------------------------------*/

.headerwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 82px;
	background: url(images/bg_header.jpg) repeat-x top center;
}

.headerwrapinner {
	position: relative;
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 940px;
}

.headerwrapinner h1 a {
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat top left;
	display: block;
	width: 392px;
	height: 49px;
	float: left;
}

/* NAVIGATION CODES HERE
------------------------------------------------------------------*/

.navigationwrap {
	position: relative;
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
}

.navigationwrap ul {
	margin: 0 auto;
	padding: 0px;
}

.navigationwrap a {
	font-size: 14px;
	text-transform: lowercase;
	line-height: 36px;
	color: #898989;
	display: block;
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;
}

.navigationwrap li {
	float: left;
	margin: 0px;
	padding: 0px;
}

.navigationwrap li a:hover, .navigationwrap li a:active {
	color: #ED008C;
}


/* BIG BOX CODES HERE
------------------------------------------------------------------*/

.wecanhelp {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	width: 520px;
	padding: 0;
	text-align: right;
}

.portfolioscroller {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	width: 400px;
	padding: 10px 0 0 0;
}

/* CONTENT CODES HERE
------------------------------------------------------------------*/

.contentwrap {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding: 20px 0;
	width: 700px;
}

.postinfo { margin: 0 0 20px 0; padding: 5px 0; width: 700px; border-top: 1px solid #898989; border-bottom: 1px solid #898989; }
.postinfo a, .postinfo a:visited { color: #898989; text-decoration: none; }
.postinfo a:hover { color: #00AEDF; text-decoration: none; }

.contentwrap h3 { padding: 0 0 10px 0; text-transform: uppercase; }

.contentwrap  ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
.contentwrap  ul li { padding: 3px 0; list-style: inline; margin: 0; } 
.contentwrap  ul li a, .contentwrap  ul li a:visited { color: #252525; text-decoration: none; background: url(images/listarrow.png) no-repeat top left; padding: 0 0 0 15px; }
.contentwrap  ul li a:hover { color: #00AEDF; text-decoration: none; }


/* CONTENT CODES HERE
------------------------------------------------------------------*/

.sidebarwrap {
	position: relative;
	float: left;
	margin: 0 0 10px 20px;
	padding: 20px 0;
	width: 220px;
}

.sidebox {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 200px;
	background: #E1E1E1;
	font-size: 12px;
}

.sidebox h3 { color: #00ADEF; font-size: 18px; text-transform: uppercase; padding: 0; margin: 0; }
.sidebox h4 { color: #00ADEF; font-size: 12px; text-transform: uppercase; padding: 0; margin: 0; }
.sidebox h3 a, .sidebox h3 a:visited { color: #00ADEF; text-decoration: none; }
.sidebox h3 a:hover { color: #ED008C; text-decoration: none; }
.sidebox h4 a, .sidebox h4 a:visited { color: #00ADEF; text-decoration: none; }
.sidebox h4 a:hover { color: #ED008C; text-decoration: none; }

.sidebox p { padding: 0; margin: 0; }

.twitterbird { position: absolute; bottom: 0; left: -20px; width: 74px; height: 38px; background: url(images/twitterbird.png) no-repeat bottom left; }
.twittertitle { position: absolute; bottom: 4px; left: 60px; }
.twitterbox { padding: 10px 10px 50px 10px; }
.twitterbox a, .twitterbox a:visited { color: #656565; text-decoration: none; }
.twitterbox a:hover { color: #898989; text-decoration: none; }


form { padding: 0; margin: 5px 0 0 0; }
.subscribe_input { width: 190px; height: 18px; padding: 5px; margin: 0 5px 5px 0; background: #C2C2C2; border: 0; color: #FFF; float: left; }
.subscribe_button { float: right; color: #FFF; text-transform: uppercase; padding: 5px; background: #C2C2C2; border: 0; }

.blogupdates ul { margin: 10px 0 0 10px; list-style-image: url(images/blogupdates.jpg); }
.blogupdates ul li { color: #898989; }
.blogupdates ul li a, .blogupdates ul li a:visited { color: #898989; text-decoration: none; }
.blogupdates ul li a:hover { color: #00AEDF; text-decoration: none; }


/* FOOTER CODES HERE
------------------------------------------------------------------*/

.footerwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	background: #FFF url(images/bg_footer.jpg) repeat-x top center;
}

.footerwrapinner {
	position: relative;
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 940px;
}

.footercopy {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 460px;
	color: #898989;
	font-size: 13px;
}

.footercopy a, .footercopy a:visited { color: #898989; text-decoration: none; }
.footercopy a:hover { color: #ED008C; text-decoration: none; }

.footerlinks {
	position: relative;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 100px;
	color: #898989;
	font-size: 13px;
}

.footerlinks a, .footerlinks a:visited { color: #898989; text-decoration: none; }
.footerlinks a:hover { color: #ED008C; text-decoration: none; }

/* Easy Slider */

	#slider{ 
		border: 5px solid #e1e1e1;
}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:390px;
		height:140px;
		overflow:hidden;
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:40px;
		height:33px;
		position:absolute;
		left:5px;
		top:-86px;
		}	
	#nextBtn, #nextBtn2{ 
		left:355px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:40px;
		height:33px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */


/* COMMENT WRAP CODES HERE */

ul.commentlist { list-style-type: none; margin: 0; padding: 0; }

ul.commentlist li { margin: 0; padding: 0; display: inline;}

.commentwrapper {
        position: relative;
        float: left;
        margin: 10px 0;
        padding: 0;
        width: 700px;
        background: #dadada;
}

.commentbottom {
        position: relative;
        float: left;
        margin: 0;
        height: 31px;
        line-height: 31px;
        padding: 0 10px 0 80px;
        width: 580px;
        color: #898989;
        background: #dadada;
}

.commentbottom a, .commentbottom a:visited { color: #898989; text-decoration: none; }
.commentbottom a:hover { text-decoration: underline; }

.gravatarwrapper {
        position: relative;
        float: left;
        margin: 0;
        padding: 10px;
        width: 50px;
        text-align: center;
}

.gravatarwrapper img { width: 50px; height: 50px; }

.commenttext { position: relative; float: left; margin: 0; padding: 10px 10px 10px 0; width: 590px; }
.commenttext p { padding: 0; margin: 0; }

.textinput { padding: 5px; width: 690px; background: #dadada; border: 1px solid #C1c1c1; }

.contactselect { width: 206px; }

.contactnotice {
float: right;
margin: 0 10px 10px 10px;
padding: 10px;
width: 250px;
background: #FEFEAC;
border: 1px solid #E3E489;
line-height: 22px;
}