/*
	Arley McBlain's first day of CSS3
	Inspired by: Smashing HTML5 / Enrique Ramírez 
*/
/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
body { background: url(../images/bg.gif) repeat #3b5765 !important;  color: #071B1C; font-size: 82.5%; font-family:  "Century Gothic","Avant Garde Gothic","Avant Garde","Apple Gothic","Trebuchet MS",Helvetica, Arial, sans-serif; line-height: 1.7; margin: 0; padding: 0; text-align: left;	}

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {	color: #A5CF51;	padding: 0 1px;	text-decoration: underline; }
a:hover, a:active {	background-color: #A5CF51; color: #FFF;	text-decoration: none;}

p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}

#wrapper{width: 475px; margin: 0 auto;}
.body {clear: both; margin: 0 auto; width:100%; max-width:475px; }
.right  {float: right; margin: 0 0 2em 2em;}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure {	display: block; }
::-moz-selection {background: #A5CF51; color: #fff;}
::selection {background: #A5CF51; color: #fff;}

/*	Header *****************/
#banner {margin: 0 auto;}
	#banner h1 {font-size: 2.5em; line-height: 1; margin: 0 0 .3em .7em; font-weight: bold; width: 100%; max-width: 400px; color:#FFF;}
	#banner h1 strong {font-size: 0.36em; font-weight: normal;}

h3{	font-weight: 400; font-size: 1.429em; margin-bottom: .8em; display:block; padding: 5px 16px;}
h2{	font-size: 1.6em; font-weight:normal;  background:#fff; line-height:1.6em; padding:0 6px; margin-top:-1.6em;}
h4{	font-size: 1.7em; font-weight:normal; line-height:1.6em; padding:0; }

/*Body *****************/
#content {	 margin-bottom: .6em; overflow: hidden; padding: 15px; width:90%; max-width: 430px; -moz-border-radius-topleft: 10px;	-webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; background: url(../images/bg-box.png) repeat !important}

/*	Footer *****************/
#contentinfo {text-align: right; font-size:.8em; width:88%; max-width:420px; color:#FFF;}
#businesscard{	padding: 0;	background: #2B3435; -moz-border-radius: 10px;	-webkit-border-radius: 10px;}
#businesscard a{text-decoration:none;}
#businesscard a:hover{color:#FFF; background:none; }
#businesscard p{ margin: 0;	padding: 5px; line-height: 1.5em; text-align: justify;}

.box{background: #fff;  }
.box p {padding: 15px !important;}
.box a{ border:0; color:#AF7629; text-decoration: none; }
.box a:hover{ color: #FFF !important; background:#A5CF51 !important;}
.contactleft, .contactright{padding:0 !important; margin:0 !important;}
.contactleft{width:240px; float:left; }
.contactright{width:170px; float:right; vertical-align:middle; padding:10px; }

a, a:link, a:visited img {padding:0px !important;}
.boxholder{	clear: both; padding: 5px;	background: #2B3435; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; 	-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px;}
.flat{margin:0; padding:0; line-height:0px !important; overflow:hidden; max-height:158px; position:relative; top:0px;}
#imgtext{position:relative; z-index:5; color:#333; float:right; top:73px; right: 45px; line-height:0px !important; }

.tab{float: left; height: 32px; margin: 0; text-align: center; background: #2B3435; padding: 5px 16px; }
nav .tfirst{ -moz-border-radius-topleft: 10px;	-webkit-border-top-left-radius: 10px; }
nav .tlast{	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.tabtxt{margin: 0;	color: #fff; font-size: 12px; font-weight: bold; padding: 6px 0; cursor:pointer;}
.tabtxt:hover{color: #A5CF51;}
.important-info{border: 1px solid #ccc; background: #eee; padding: 10px; font-weight: bold; margin-bottom: 10px;}

/* Network *****************/
#network ul {list-style: none; margin: 0;}
#network li {border-bottom: 1px solid #fff;}
#network a:link, #network a:visited, #network a:hover {display: block; border-bottom: 1px solid #F4E3E3; text-decoration: none; padding: 1.1em .25em; }
#network li:last-child, #network li:last-child a {border: 0; padding-bottom:10px;}
	#network .social {float:left;width: 95px; padding-right: 8px; }
	#network div[class='social'] a { background-repeat: no-repeat !important; background-position: 3px 2px !important; padding-left: 25px !important;	}
		.social a[href*='twitter.com'] {background-image: url('../images/twitter.png') !important;}
		.social a[href*='facebook.com'] {background-image: url('../images/facebook.png') !important;}
		.social a[href*='delicious.com'] {background-image: url('../images/delicious.png') !important;}
		.social a[href*='digg.com'] {background-image: url('../images/digg.png') !important;}
		.social a[href*='youtube.com'] {background-image: url('../images/youtube.png') !important;}
		.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/lastfm.png') !important;}
		.social a[href*='linkedin.com'] {background-image: url('../images/linkedin.png') !important;}
		.social a[href*='flickr.com'] {background-image: url('../images/flickr.png') !important;}
		.social a[href*='corkd.com'] {background-image: url('../images/corkd.png') !important;}
		.social a[href*='feeds.feedburner.com'] {background-image: url('../images/rss.png') !important;}		
.icon{vertical-align:middle; padding-bottom:4px;}
/* clearfix *****************/
.clearfix:after { content: " ";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; }
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix { height: 1%;}
.clearfix { display: block; }
.clear{clear:both;}
/* shelf *****************/
#contactarley { background: #2B3435; }
  #shelf { color: #FFF; text-align: left; width: 470px; margin:0 auto; line-height: 1.5em; padding:0; }
	#shelf .left { width:200px; float:left !important; }
	#shelf .right { width:210px; float:right !important;}
#shelfbreak { height: 3px; background:#A5CF51; }

label  {width:45px;}
input[type='text']{margin:5px 0;}
#url {display: none}
#log {width: 460px;	margin-top: 10px;}
#log_res {overflow: auto; font-size:.9em; color:#FFF; padding:0 0 10px 25px;}
#log_res.ajax-loading {	padding: 20px 0;background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;}

#prevbutton, #nextbutton{position:relative; top:90px; z-index:10; width:50px; height:50px; cursor:pointer;}
#prevbutton{left:-25px; float:left;}
#nextbutton{right:-25px; float:right;}

#form {	background: #A5CF51; padding:15px; margin: 30px 15px 30px 0;	}
#form:hover {background:#92BE34;}
.contactbutton {padding:15px !important;}