/*
Theme Name: trevormay.com
Theme URI: http://trevormay.com
Description: 
Version: 0.1
Author: Trevor May
Author URI: 
*/

body {
	background:#181617 url('img/bg_grid.png') repeat top center;
	color:#bbb;
	margin:0 !important;
	padding:0;
	font-family:helvetica, arial, sans-serif;
	font-size:62.5%;
}

a {
	color:#0babd3;
	text-decoration:none;
}

a:hover {
	background-color:#17252a;
	color:#0babd3;
}
a:active {
	color:#0babd3;
	/*border:1px solid #0babd3;*/
}

/*#featured {
	width:920px;
	height:300px;
	float:left
}

#featured ul {
	margin:0;
	padding:0;
}

#content {
	clear:both;
}*/

#header {
	height:110px;
	margin:0 auto;
	width:920px;
}

#header #logo, #header #contact {
	float:left;

}

#header #logo {
	margin:33px 0 0 0;
	width: 256px;
	height: 54px;
	position: relative;
	font-size: 1px; 
	color: #181617;
}

#header #logo a {
	color: #181617;
}

#header #logo a:hover {
	background-color: #181617;
}

#header #logo span {
	background: url('img/trevor_may.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#header #mainmenu {
	margin:36px 0 0 0;
	padding:0;
	width:305px;
	float:left;
}

#header #mainmenu li {
	margin:0;
	height: 38px;
	position: relative;
	color: #181617;
	float:left;
	overflow:hidden;
	margin-right:5px;
}
#header #mainmenu li a {
	color: #181617;
}
#header #mainmenu li a:hover {
	background: none;
}
#header #mainmenu li a span {
	position: absolute;
	width: 100%;
	height: 100%;
}

#header #mainmenu li#mmhome {
	width:85px;
}
#header #mainmenu li#mmhome a span {
	background: url('img/menu_sprite.png') 0 0 no-repeat;
}
#header #mainmenu li#mmhome a:hover span {
	background: url('img/menu_sprite.png') 0 -38px no-repeat;
}
#header #mainmenu li#mmhome.active a span {
	background: url('img/menu_sprite.png') 0 -76px no-repeat;
}

#header #mainmenu li#mmnotebook {
	width:90px;
}
#header #mainmenu li#mmnotebook a span {
	background: url('img/menu_sprite.png') -90px 0 no-repeat;
}
#header #mainmenu li#mmnotebook a:hover span {
	background: url('img/menu_sprite.png') -90px -38px no-repeat;
}
#header #mainmenu li#mmnotebook.active a span {
	background: url('img/menu_sprite.png') -90px -76px no-repeat;
}

#header #mainmenu li#mmsketchbook {
	width:115px;
}
#header #mainmenu li#mmsketchbook a span {
	background: url('img/menu_sprite.png') -185px 0 no-repeat;
}
#header #mainmenu li#mmsketchbook a:hover span {
	background: url('img/menu_sprite.png') -185px -38px no-repeat;
}
#header #mainmenu li#mmsketchbook.active a span {
	background: url('img/menu_sprite.png') -185px -76px no-repeat;
}

#header #contact {
	margin:40px 0 0 116px;
	width: 132px;
	height: 40px;
	position: relative;
	font-size: 1px; 
	color: #181617;
}

#header #contact a {
	color: #181617;
}

#header #contact a span {
	background: url('img/header_email.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#header #contact a:hover span {
	background: url('img/header_email.png') 0 -40px no-repeat;
}


#infobox {
	display:block;
	background:#0e0d0e url('img/infobox_top.png') repeat-x 0 0;
	height:310px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
}

#in #infobox {
	height:52px;
}

#in #infobox .notebook, #in #infobox .sketchbook {
	margin:0 auto;
	width:920px;
}

#in #infobox .notebook h1 span {
	position:absolute;
	width:148px;
	height:41px;
	background: url('img/archtitle_notebook.gif') 0 0 no-repeat;
}

#in #infobox .sketchbook h1 span {
	position:absolute;
	width:178px;
	height:41px;
	background: url('img/archtitle_sketchbook.gif') 0 0 no-repeat;
}

#in #infobox .notebook h1 {
	width:148px;
	height:41px;
	margin-left:3px;
	color:#bbb;
}

#in #infobox .sketchbook h1 {
	width:178px;
	height:41px;
	/* margin-left:678px; */
	margin-left:3px;
	color:#bbb;
}

#infobox span.shadow {
	width:920px;
	height:300px;
	position:absolute;
	background: transparent url('img/infobox_sides.png') no-repeat 0 0;
}

#slider{
	margin: 0 auto;
	}
	
#slider a, #slider img {
	border:0;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:920px;
	height:300px;
	overflow:hidden; 
	}
	
#controls {
	margin: 0 auto;
	width:920px;
}

#controls span {
	background:none;
}
#prevBtn, #nextBtn{ 
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	/*left:0;*/
	top:255px;
	}
#prevBtn{ 
	margin-left:10px;
	}	
#nextBtn{ 
	margin-left:870px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:40px;
	background:url(img/btn_prev2.png) no-repeat 0 0;	
	text-indent: -9999px;
	outline:none;
	}
	
#prevBtn a:active, #nextBtn a:active{  
	border:0;
	}	
	
#nextBtn a{ 
	background:url(img/btn_next2.png) no-repeat 0 0;	
	}
	
#nextBtn a:hover{
	background:url(img/btn_next2.png) no-repeat 0 -41px;	
}

#prevBtn a:hover{
	background:url(img/btn_prev2.png) no-repeat 0 -41px;	
}
	
#in h1 {
	font-size:3em;
	font-weight:normal;
	color:#ff0080;
	letter-spacing:-0.4px;	
	margin:0;
}

#in h1 a{
	color:#ff0080;
}

#in h1 a:hover{
	background-color:#301422;
	color:#ff0080;
}

#in #content #notebook {
	margin-top:47px;
	margin-bottom:30px;
}
	
#content {
	background:url(img/infobox_bottom.png) repeat-x 0 0;
	min-height:300px;
}

#contentwrap {
	margin: 0 auto;
	width:920px;	
}
	
#content #notebook, #content #sketchbook, #content #etcetera {
	float:left;
	margin-bottom:25px;
}

#content #notebook {
	width:431px;
	margin:0 19px 0 10px;
}

#content #notebook h2 {
	margin:13px 0 0 0;
	width: 107px;
	height: 34px;
	position: relative;
	font-size: 1px; 
	color: #181617;
}

#content #notebook h2 span {
	background: url('img/htitle_notebook.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #notebook h2#prev {
	margin:13px 0 0 0;
	padding-top:11px;
	width: 431px;
	height: 38px;
	position: relative;
	font-size: 1px; 
	color: #181617;
	border-top:1px solid #262323;
}

#content #notebook h2#prev span {
	background: url('img/htitle_previously.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #notebook h3.current {
	font-size:3em;
	margin:0 0 0 -2px;
}

#content #notebook h3 {
	font-size:2em;
	font-weight:normal;
	color:#ff0080;
	letter-spacing:-0.4px;	
	margin:0;
}

#content #notebook h3 a, #content #notebook h4 a{
	color:#ff0080;
}

#content #notebook h3 a:hover, #content #notebook h4 a:hover{
	background-color:#301422;
	color:#ff0080;
}

#content #notebook p {
	font-size:1.5em;
	margin: 10px 0 15px 0;
}

#content #notebook p.meta {
	font-size:1.1em;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#content #notebook p.archive {
	margin:15px 0 30px 0;
}

#content #notebook img {
	border:0;
}

#content .navigation {
	font-size:1.2em;
}

#content .navigation .left, #content .navigation .right {
	margin-bottom:19px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

#comment-area {
	margin-bottom:19px;
}

#comment-area .comment {
	margin-bottom:19px;
	float:left;
}

#comment-area .theavatar {
	float:left;
	width:56px;
	margin:12px 0 0 18px;
}

#comment-area .thecomment {
	float:left;
	width:347px;
}

#comment-area .commentee {
	font-size:1.2em;
	color:#50791A;
}

#comment-area .commentee a {
	color:#93E02F;
	font-weight:bold;
}

#comment-area h3 {
	border-top:1px solid #262323;
	padding-top:20px;
	clear:left;
}

#comment-area .commentlist {
	margin-top:9px;
}

#commentform label {
	width:75px;
	float:left;
	padding:4px 0;
}

#commentform input {
	width:347px;
	border:0;
	padding:4px;
	border-width: 1px 0 0 1px;
	border-color:#666;
	border-style:solid;
}

#commentform #submit {
	width:150px;
	margin-left:75px;
	cursor:pointer;
	color:#0babd3;
	font-weight:bold;
	border-width: 1px;
	border-color:#fff #666 #666 #fff;
	border-style:solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}

#commentform #comment {
	width:356px;
	border:0;
	margin-left:75px;
}

#content #sketchbook {
	width:206px;
	margin-right:19px;
}

#content #sketchbook h2 {
	margin:13px 0 0 0;
	width: 111px;
	height: 38px;
	position: relative;
	font-size: 1px; 
	color: #181617;
}

#content #sketchbook h2 span {
	background: url('img/htitle_sketchbook.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera {
	width:206px;
}

#content #etcetera h2 {
	margin:13px 0 0 0;
	width: 116px;
	height: 38px;
	position: relative;
	font-size: 1px; 
	color: #181617;
}

#content #etcetera h2 span {
	background: url('img/htitle_etc.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3 {
	margin-left: -2px;	
}

#content #etcetera h3 a, #content #etcetera h3 a:hover {
	color: #181617;
	background-color: #181617;
}

#content #etcetera h3.etcTwitter, #content #etcetera h3.etcAntikewl, #content #etcetera h3.etcLinkedIn, #content #etcetera h3.etcBehance, #content #etcetera h3.etcCoroflot {
	width: 150px;
	height: 40px;
	margin: 6px 0 0 -2px;
	position: relative;
	font-size: 0px; 
	color: #181617;
}

#content #etcetera h3.etcBehance, #content #etcetera h3.etcCoroflot {
	margin: 9px 0 9px -2px;
}

#content #etcetera h3.etcAntikewl, #content #etcetera h3.etcLinkedIn {
	margin: 19px 0 0 -2px;
}



#content #etcetera h3.etcTwitter span {
	background: url('img/etc_twitter.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3:hover.etcTwitter span {
	background: url('img/etc_twitter.png') 0 -40px  no-repeat;
}

#content #etcetera h3.etcAntikewl span {
	background: url('img/etc_antikewl2.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3:hover.etcAntikewl span {
	background: url('img/etc_antikewl2.png') 0 -40px  no-repeat;
}

#content #etcetera h3.etcLinkedIn span {
	background: url('img/etc_linkedin.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3:hover.etcLinkedIn span {
	background: url('img/etc_linkedin.png') 0 -40px  no-repeat;
}

#content #etcetera h3.etcBehance span {
	background: url('img/etc_behance.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3:hover.etcBehance span {
	background: url('img/etc_behance.png') 0 -40px  no-repeat;
}

#content #etcetera h3.etcCoroflot span {
	background: url('img/etc_coroflot.png') 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#content #etcetera h3:hover.etcCoroflot span {
	background: url('img/etc_coroflot.png') 0 -40px  no-repeat;
}

#content #etcetera #twitter {
	font-size:1.2em;
	color:#93e02f;
	font-weight:bold;
	background-color: #1c2311;
	padding:14px 9px 14px 9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}

#content #etcetera #twitter .twitter-link {

}

#content #etcetera #twitter .twitter-timestamp {
	font-weight:normal;
	color:#50791a;
}

#content #etcetera #twitter div.padd {
	margin: 8px 0 0 0;
}
#content #etcetera #twitter p.meta {
	
}

#content #etcetera #twitter a.srssfetcher-link {
	color:#93E02F;
}

#content #etcetera #twitter a.srssfetcher-link:hover {
	color:#0BABD3;
}

#footer {
	background:#0e0d0e url('img/infobox_top.png') repeat-x 0 0;
	min-height:200px;
	clear:both;
	font-size:1.2em;
}

#footerwrap {
	margin: 0 auto;
	width: 920px;
}

#footer #meta {
	background:url('img/footer_dribblyman.png') no-repeat 330px 26px;
	width:656px;
	float:left;
	margin:0 19px 0 10px;
	min-height:175px;
}

#footer #meta h4#tags {
	margin:30px 0 2px 0;
	width: 215px;
	height: 15px;
	position: relative;
	color: #0e0d0e;
}

#footer #meta h4#tags span {
	background: url('img/ftitle_tags.gif') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#footer #meta ul.wp-tag-cloud {
	padding:0;
	margin:0;
	width:320px;
	text-transform: capitalize;
}

#footer #meta ul.wp-tag-cloud li {
	display:inline;
}

#footer #meta h4#subscribe {
	margin:13px 0 2px 0;
	width: 215px;
	height: 15px;
	position: relative;
	color: #0e0d0e;
}

#footer #meta h4#subscribe span {
	background: url('img/ftitle_rss.gif') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#footer #meta ul.rss {
	padding:0;
	margin:0;
}

#footer #meta ul.rss li {
	padding-left: 17px;
	margin-left: -17px;
	background: url('img/rss_on.gif') no-repeat;
	list-style:none;
}



#footer #about {
	width:207px;
	float:left;
	margin-top:36px;
}

#footer #about a.fn {
	color: #bbbbbb;
	font-weight:bold;
}

#footer #about .tel {
	color:#93e02f;	
}

#copywrap {
	clear:left;
	background:url(img/infobox_bottom.png) repeat-x 0 0;
	margin: 0 auto;
	width: 920px;
	height:120px;
}

#footer #copyright {
	width:431px;
	float:left;
	margin:30px 0 0 10px;
}

#footer #copyright p {
	margin:0;
}

#footer #socialcrap {
	width:207px;
	float:left;
	margin: 30px 0 0 243px;
}

#footer #socialcrap ul {
	padding:0;
	margin:0;
}
#footer #socialcrap ul li {
	list-style:none;
	margin:0;
	width: 16px;
	height: 16px;
	position: relative;
	color: #181617;
	float:left;
	overflow:hidden;
}
#footer #socialcrap ul li a {
	color: #181617;
}
#footer #socialcrap ul li a span {
	position: absolute;
	width: 100%;
	height: 100%;
}
#footer #socialcrap ul li.twitter a span {
	background: url('img/social_sprite.gif') 0 0 no-repeat;
}
#footer #socialcrap ul li.twitter a:hover span {
	background: url('img/social_sprite.gif') 0 -16px no-repeat;
}
#footer #socialcrap ul li.linkedin a span {
	background: url('img/social_sprite.gif') -15px 0 no-repeat;
}
#footer #socialcrap ul li.linkedin a:hover span {
	background: url('img/social_sprite.gif') -15px -16px no-repeat;
}
#footer #socialcrap ul li.facebook a span {
	background: url('img/social_sprite.gif') -30px 0 no-repeat;
}
#footer #socialcrap ul li.facebook a:hover span {
	background: url('img/social_sprite.gif') -30px -16px no-repeat;
}
#footer #socialcrap ul li.google a span {
	background: url('img/social_sprite.gif') -45px 0 no-repeat;
}
#footer #socialcrap ul li.google a:hover span {
	background: url('img/social_sprite.gif') -45px -16px no-repeat;
}
#footer #socialcrap ul li.flickr a span {
	background: url('img/social_sprite.gif') -60px 0 no-repeat;
}
#footer #socialcrap ul li.flickr a:hover span {
	background: url('img/social_sprite.gif') -60px -16px no-repeat;
}
#footer #socialcrap ul li.lastfm a span {
	background: url('img/social_sprite.gif') -75px 0 no-repeat;
}
#footer #socialcrap ul li.lastfm a:hover span {
	background: url('img/social_sprite.gif') -75px -16px no-repeat;
}