/**
 * screen.css
 * ----------------
 * Screen style for Loft Digital
 * Woody Sabran / woody@loftdigital.com
 * Copyright 2008
 */

/* Elements */

body {
	background-color: #242122 ;
	margin: 0 ;
}

/* IDs */

#header {
	background: #181516 url(/images/header_back.jpg) repeat-x 0 0 ;
	text-transform: lowercase ;
}
#header .wrapper {
	position: relative ;
	height: 100px ;
	overflow: hidden ;
}
#banner {
	height: 269px ;
	overflow: hidden ;
	background: url(/images/banner_back.jpg) repeat-x center ;
}
#banner .wrapper div {
	padding-top: 22px ;
	width: 399px ;
	background-color: #ffcc00 ;
	border-left: 1px solid #000 ;
	border-right: 1px solid #000 ;
	height: 245px ;
	overflow: hidden ;
}
#banner a {
	color: #000 ;
	text-decoration: underline ;
}
#banner h1 {
	margin: 0 0 15px 0 ;
}
#banner .wrapper h1, #banner .wrapper p {
	margin-left: 21px ;
	margin-right: 26px ;
	
}

#logo {
	float: left ;
	margin-top: 15px ;
	margin-top: 45px ;
}
#logo img {
	display: none ;
}
#logo a {
	/*
	display: block ;
	background: url(/images/logo.gif) no-repeat 0 0 ;
	height: 74px ;
	width: 94px ;
	*/
	color: white ;
	font-size: 26px ;
	font-family: Arial, sans-serif ;
}
#logo a:hover {
	background-position: bottom ;
}

#header ul {
	float: right ;
	padding: 0 ;
	list-style-type: none ;
}

#header li, #footer li {
	display: inline ;
}

#page {
	background: #dfdfdf url(/images/body_back.gif) repeat 0 0 ;
	background-position: center ;
}

#content {
	float: left ;
	width: 650px ;
}
#content a {
	text-decoration: underline ;
}

#content div {
	background: #fff url(/images/arrow.gif) no-repeat 16px 26px ;
	padding: 22px 26px 1px 51px ;
	margin: 0 0 7px 0 ;
	font-size: 1.1em ;
}
#content div div {
	background-image: none; 
	padding: 0 ;
	margin: 0 ;
	font-size: 1em ;
}
#content div.heading {
	background-color: #F5F5F5 ;
	border-right: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	padding: 17px 18px 10px 18px ;
	background-image: none ;
}
#content div.heading h2 {
	margin: 0 0 5px 0 ;
}
#content div.heading p {
	margin: 0 0 0.3em 0 ;
	color: #666 ;
	font-size: 0.9em ;
}
#content div.heading a {
	text-decoration: none ;
}
#content div.heading a:hover {
	text-decoration: underline ;
}
#content div.heading .pageinfo a {
	color: #666 ;
}
#content div.heading h1 {
	margin: 0 0 0.2em 0 ;
	line-height: 0.9em ;
}

#content div.more_in h2 {
	margin: 0 0 8px 0 ;
}
#content div.comment {
	padding: 17px 18px 13px 18px ;
	background-image: none ;
}

#content div.more_in h2 a {
	font-size: 1em ;
	font-weight: bold ;
}

#content div.more_in ul.list {
	margin: 0 0 16px 0 ;
}

#content div.ad {
	background: none ;
	padding: 0 ;
	margin: 0 0 7px 0;
}
#content div.ad p {
	margin: 0 ;
}

#content h2 a {
	text-decoration: none ;
	font-size: 1.4em ;
	font-weight: normal ;
}
#sidebar {
	float: right ;
	width: 243px ;
}

#sidebar div {
	background: #eaeaea url(/images/sidebar_div_back.gif) repeat 0 0 ;
	padding: 18px 21px ;
	margin: 0 0 6px 0 ;
	clear: left ;
	/*background-color: #efefef ;*/
}
#sidebar h4 {
	font-size: 1.2em ;
	color: #F40E00 ;
}

#buttons {
	height: 38px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
#buttons li {
	display: inline ;
}
#buttons a {
	float: left ;
	background-repeat: no-repeat ;
	background-position: top left ;
	color: #000 ;
	background-color: #dfdfdf ;
	height: 30px ;
	line-height: 30px ;
	border-right: 1px solid #b0b0b0 ;
	border-bottom: 1px solid #b0b0b0 ;
	padding-left: 30px ;
	width: 62px ;
	font-size: 0.8em ;
}
#buttons a:hover {
	background-position: bottom left ;
	color: #fff ;
	text-decoration: none ;
}
#buttons a.rss {
	background-image: url(/images/button_rss.gif) ;
}
#buttons a.rss:hover {
	background-color: #FF7206 ;
	border-color: #D25D06 ;
}
#buttons a.email {
	background-image: url(/images/button_email.gif) ;
	padding-left: 38px ; 
	width: 62px ;
}
#buttons a.email:hover {
	background-color: #de0e07 ;
	border-color: #cd1812 ;
}
#buttons a.client {
	background-image: url(/images/button_client.gif) ;
	padding-left: 33px ;
}
#buttons a.client:hover {
	background-color: #006699 ;
	border-color: #00537d ;
}

#footer {
	clear: both ;
	background: #1A1718 url(/images/footer_back.jpg) repeat-x 0 0 ;
	padding-top: 20px ;
	height: 70px ;
	overflow: hidden ;
	text-transform: lowercase ;
}
#footer .wrapper {
	position: relative ;
}
#footer .stripes {
	top: -20px ;
}

#footer ul {
	padding: 0 ;
	list-style-type: none ;
}

#footer .nav {
	clear: left ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

#footer p.logo {
	float: right ;
}

#footer .contact li {
	margin-left: 0 ;
	margin-right: 8px ;
}

/* Home changes */
body.home #header {
	height: 96px ;
}
body.home #page {
	padding-top: 7px ;
}

/* Classes */

.wai {
	display: none !important ;
}
.left {
	float: left ;
	margin: 0 1em 1.5em 0 ;
}

.right{
	float: right ;
	margin: 0 0 1.5em 1em ;
}

.contact {
	margin: 17px 0 24px 0 ;
}
.contact, .contact a {
	color: #666 ;
}
.contact a:hover {
	text-decoration: none ;
	color: #ffcc00 !important ;
}
.contact li {
	margin-left: 8px ;
}

.nav {
	clear: right;
	margin: 0 ;
}
.nav li {
	border-left: 1px solid #999 ;
	margin-left: 7px ;
	padding-left: 14px ;
	height: 11px ;
	line-height: 11px ;
}
.nav li.home {
	border: 0 ;
}
.nav li.start {
	border: 0 ;
	margin: 0 ;
	padding: 0 ;
}

.nav a {
	color: #999 ;
}
.nav a:hover, .nav a.selected {
	color: #FCC208 ;
	text-decoration: none ;
}


.wrapper {
	width: 900px ;
	margin: auto ;
	text-align: left ;
	clear: both ;
}
.stripes {
	position: absolute ;
	bottom: 0 ;
	right: 0 ;
	background: url(/images/header_detail.gif) no-repeat 0 0 ;
	height: 4px ;
	width: 143px ;
}

.tags {
	border-top: 1px dashed #FCC208 ;
	padding-top: 14px ;
	color: #666 ;
	clear: both ;
	margin-top: 7px ; 
}
.tags a {
	background-color: #FCC208 ;
	color: #000 ;
	text-decoration: none !important ;
	padding: 3px 4px 3px 4px ;
	margin: 3px ;	
}
.tags a:hover {
	background-color: #000 ;
	color: #fff ;
}
p.author {
	background-color: #DFDFDF ;
	color: #666 ;
	padding: 6px 9px ;
	font-size: 0.9em ;
	margin: 0 0 10px 0 ;
}
p.author span {
	float: right ;
}
p.author a {
	text-decoration: none !important ;
}
p.author a:hover {
	text-decoration: underline !important ;
}
p.comment {
	padding: 17px 20px ;
	background-color: #EAEAEA ;
	margin: 0 0 8px 0 ;
}
p.comment_form {
	padding: 8px ;
	background-color: #EAEAEA ;
	margin: 0 0 8px 0 ;
}
p.comment_form textarea {
	width: 99.5% ;
}

p.attributes {
	color: #666 ;
	margin-top: -12px ; 
	font-size: 0.9em ;
}
p.attributes a, p.more_attributes a {
	text-decoration: none !important ;
}
p.attributes a:hover, p.more_attributes a:hover {
	text-decoration: underline !important ;
}
a.more {
	background: url(/images/read_more.gif) no-repeat left center ;
	padding-left: 13px ;
	margin-right: 10px ;
}
a.comments {
	background: url(/images/comment.gif) no-repeat left center ;
	padding-left: 17px ;
}

ul.paging {
	background-color: #F5F5F5 ;
	border-right: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	padding: 6px 12px ;
	height: 16px ;
	margin: 0 0 6px 0 ;
	list-style-type: none ;	
}
li.next {
	float: right ;
}
li.previous {
	float: left ;
}
.paging a {
	text-decoration: none !important ;
}
.paging a:hover {
	text-decoration: underline !important ;
}
.clear {
	clear: both ;
	height: 0 ;
	overflow: hidden ;
	padding: 0 !important ;
}

.list {
	padding: 0 ;
	margin: 0 ;
	list-style-type: none ;
}
.list ul {
	margin: 5px 0 0 4px ;
}
.list li {
	margin: 0 0 5px 0 ;
	background: url(/images/li_back.gif) no-repeat 0 6px ;
	padding: 0 0 0 11px ;
}
.list li a {
	color: #000 ;
	text-decoration: none !important ;
	padding: 3px 0 ;
}
.list li a:hover {
	background-color: #FCC208 ;
}


/* Bookmarks */

.bookmark ul {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	height: 3em ;
}
.bookmark li {
	display: inline ;
	
}
.bookmark li a {
	display: block ;
	float: left ;
	height: 16px ;
	line-height: 16px ;
	padding: 0 0 0 20px ;
	margin: 0 10px 0 0 ;
	background-repeat: no-repeat ;
	background-position: left center ;
}
li.delicious a {
	background-image: url(/images/bookmarks/delicious.gif) ;
}
li.digg a {
	background-image: url(/images/bookmarks/digg.gif) ;
}
li.reddit a {
	background-image: url(/images/bookmarks/reddit.gif) ;
}
li.facebook a {
	background-image: url(/images/bookmarks/facebook.gif) ;
}
li.stumbleupon a {
	background-image: url(/images/bookmarks/stumbleupon.gif) ;
}

.fb_form {
	padding-left: 10px ;
}
.fb_email {
	width:110px;color:#666; background-color:#fff; border: 1px solid #ccc; padding: 3px;font-size: 1 em;
}
.fb_submit {
	color:#666; background-color:#eee; border: 1px solid #ccc; padding: 2px;font-size:1 em;cursor:pointer;
}
.fb_form small, .fb_form a {
	color:#666;
}