/* @override http://raoulbrand.com/wp/wp-content/themes/ray/style-ray.css */

/*
music design
Description: based on VideoFlick theme by press75 [press75.com], Jason Schuller [jdidit.com]
Version: 1.0
Author: prisca schmarsow
Author URI: http://eyedea.eu
*/

/* ###################################################### 
colours
 ###################################################### 
warm yellow			rgb(246,182,0)		#f6b600		link highlight
warm yellow dark	rgb(206,148,2)		#CE9402		sidebar headings
tinted white		rgb(245,242,233)	#f5f2e9		body text

header pastel		rgb(103,93,64)		#675d40		header tagline
sidebar "			rgb(184,176,154)	#b8b09a		sidebar text

dark brown			rgb(54,40,0)		#362800		bg nav
warm black			rgb(14,13,11)		#0e0d0b		


*/

/* @group RESETS */

/* ###################################################### 
RESET ::: + added HTML5 elements
baswed on Eric Meyer's Reset Reloaded -  thanks, Eric :*
 ###################################################### */

/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* set block level for HTML5 elements */

article, aside, dialog, figure, footer, header, 
hgroup, nav, section {
	display: block;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

html {
	background: #1d201e url(images/w2-bg.jpg);
}

body {
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.4;
	color: #e7e6da;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

/* ###################################################### 
theme styling
 ###################################################### */

h2 {
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 2px 0;
	color: rgb(206,148,2);
	text-transform: uppercase;
}

h2 a:link, h2 a:active, h2 a:visited {
	color: rgb(255,255,255);
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 12px 0;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: normal;
	color: rgb(206,148,2);
}

h4 {
	padding: 0;
	margin: -4px 0 6px 130px;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	color: rgb(255,255,255);
}

h4 a {
	text-decoration: none;
}

img {
	border: 0;
}

p, ul {
	font-size: .9em;
	line-height: 1.5;
	color: rgb(245,242,233);
}

strong {
	font-weight: bold;
}
a, a:link, a:visited {
	color: rgb(103,93,64);
}

a:hover, a:active, a:focus {
	color: rgb(246,182,0);
}

/* ###################################################### 
wrapper
 ###################################################### */

#wrap {
	width: 960px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	background: #1d201e url(images/w-bg.jpg);
}

/* ###################################################### 
header styling
 ###################################################### */

header {
	font-family: "LiSong Pro", Georgia, Times, serif;
	background: url(images/head-strip.jpg) top left no-repeat;
	padding: 20px 0 10px 10px;
}

header h1 {
	color: rgb(255,255,255);
	font-size: 2.6em;
}

header h1 a:link, header h1 a:visited {
	text-decoration: none;
	color: rgb(246,182,0);
}

header h1 a:hover, header h1 a:active, header h1 a:focus {
	color: rgb(255,255,255);
}

header p {
	margin: -20px 0 0 0;
	font-size: 1.5em;
	color: rgb(103,93,64);
}

/* ###################################################### 
nav styling
 ###################################################### */

nav {
	height: 42px;
	background: url(images/w2-bg.jpg);
}
nav span.mobile {
	float: right;
	padding: 10px 30px;	
	color: rgb(52,47,31);
}
nav ul {
	
	margin: 0 5px;
}

nav ul li {
	display: inline;
	margin: 0 2em 0 0;
}

nav ul li a {
	display: block;
	float: left;
	padding: 10px;
	text-decoration: none;
}

nav ul li a:link, nav ul li a:visited {
	text-decoration: none;
	color: rgb(184,176,154);	
	font-size: 1.1em;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	color: rgb(246,182,0);
	background: rgb(14,13,11);
}

/* ###################################################### 
showreel styling
 ###################################################### */

#content {
	display: block;
	width: 960px;
	float: left;
	border-top: 1px dotted rgba(246,182,0,.2);
	padding: 30px 0 0 10px;
}

section {
	display: block;
	width: 660px;
	float: left;
	
}

#maincontent {
	width: 660px;
	float: left;
}

.clear {
	clear: both;
}

#pagenavi {
	clear: both;
	display: block;
	width: 646px;
	height: 2.6em;
	margin: 60px 0 20px 0;
	text-transform: uppercase;
	font-size: 12px;
}

#pagenavi a:link, #pagenavi a:visited {
	text-decoration: none;
	font-size: 1.2em;
	color: rgb(103,93,64);
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	padding: 7px;
	display: block;
}

#pagenavi a:hover {
	color: rgb(246,182,0);
}

#pagenavi #newer, #pagenavi #older {
	width: 323px;
	float: left;
	text-align: center;
	background: #101010;
}

/* ###################################################### 
showreel styling - content
 ###################################################### */

section article.worksample {
	width: 200px;
	height: 290px;
	float: left;
	margin: 0 12px 12px 0;
	padding: 4px 4px 12px 4px;
	background: url(images/w2-bg.jpg);
	line-height: 1.2em;
}

section article.worksample p {
	font-size: .82em;
	line-height: 1.4;
	color: rgb(184,176,154);
	margin: 0 4px;
}

.worksample h3 {
	font-family: Lucida Grande;
	font-size: 1em;
	padding: 5px 0 5px 5px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: rgb(206,148,2);
}

.worksample h3 a, .worksample h3 a:link, .worksample h3:visited {
	color: rgb(206,148,2);
}
.worksample h3 a:hover, .worksample h3 a:active, .worksample h3 a:focus {
	color: rgb(255,255,255);
}
* + html .worksample h3 {
	padding: 2px 5px 0 5px;
}

/* ###################################################### 
showreel styling - search results page
 ###################################################### */
#contentwrap {
	display: block;
	width: 960px;
	float: left;
	border-top: 1px dotted rgba(246,182,0,.2);
	padding: 30px 0 0 10px;
}
#contentwrap .worksample {
	float: left;
	margin: 0 12px 12px 0;
	padding: 10px;
	background: url(images/w2-bg.jpg);
	line-height: 1.2em;
}

.worksample .commentsnumber {
	display: none;
}
#contentwrap .worksample img {
	display: none;
}
.worksample p {
	font-size: .82em;
	line-height: 1.4;
	color: rgb(184,176,154);
	margin: 0 4px;
}

.worksample h3 {
	font-family: Lucida Grande;
	font-size: 1em;
	padding: 5px 0 5px 5px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: rgb(206,148,2);
}

.worksample h3 a, .worksample h3 a:link, .worksample h3:visited {
	color: rgb(206,148,2);
}
.worksample h3 a:hover, .worksample h3 a:active, .worksample h3 a:focus {
	color: rgb(255,255,255);
}
* + html .worksample h3 {
	padding: 2px 5px 0 5px;
}


/* ###################################################### 
single post styling
 ###################################################### */

.video {
	width: 640px;
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	background: #101010;
}

.workpost {
	width: 620px;
	float: left;
	margin: 20px 20px 40px 0;
	padding: 10px;
	background: url(images/w2-bg.jpg);
}

.workpost h2 {
	text-transform: uppercase;
}

.workpost ul {
	margin: 0 0 8px 20px;
	padding: 0;
	list-style: square;
}

.workpost li {
	padding: 0 0 0 0;
	margin: 8px 0 0 0;
}

.workpost p {
	color: rgb(184,176,154);
	clear: both;
	margin: 0 0 1em 0;
}
.workpost p a, .workpost p a:link, .workpost p a:visited {
	text-decoration: none;
	color: rgb(184,176,154);	
	font-size: 1.1em;
	padding: 0 2px;
	border-bottom: 1px solid rgb(103,93,64);
}
.workpost p a:hover, .workpost p a:active, .workpost p a:focus {
	color: rgb(246,182,0);
	border-color: rg;	
}
.workpost blockquote p:before {
	content: "\“";
	display: block;
	width: 12px;
	font-family: serif;
	font-size: 3em;
	color: rgb(103,93,64);
	float: left;
	margin: -16px 0 0 -28px;
}
.workpost blockquote p {
	margin: 0 0 0 20px;
}
.workpost blockquote {
	color: rgb(184,176,154);
	clear: both;
	display: block;
	margin: 2em 0;
	font-style: italic;
}

.workpost blockquote p em{
	color: rgb(103,93,64);
	clear: both;
	margin: 0 0 1em 0;
}

#single {
	margin: 0 0 25px 0;
}

.thumbnail {
	width: 107px;
	height: 80px;
	float: left;
	margin: 0 15px 15px 0;
	border: 1px dotted rgba(246,182,0,.3);
;
}

.info {
	font-size: .82em;
	color: rgb(184,176,154);
	color: rgb(103,93,64);
	margin: 5px 0 15px 0;
	line-height: 1.4;
}

.info a, .info a:link, .info a:visited {
	color: rgb(184,176,154);
}

.info a:hover, .info a:active, .info a:focus {
	color: rgb(246,182,0);
}

section #comments {
	clear: both;
	display: block;
	width: 620px;
	margin: 40px 10px 40px 0;
	padding: 10px;
	background: url(images/w2-bg.jpg);
	border-top: 1px dotted rgba(246,182,0,.3);
	color: rgb(103,93,64);
}

section #comments ol.commentlist {
	list-style: decimal;
	list-style-position: inside;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

section #comments ol.commentlist li {
	position: relative;
	background: url(images/comment.gif) top left no-repeat;
	padding: 0 0 26px 16px;
	color: #101010;
}

section #comments ol.commentlist li cite {
	margin: 0 0 0 20px;
	color: rgb(103,93,64);
}

section #comments ol.commentlist li p.commentmetadata {
	position: absolute;
	right: 0;
	top: 0;
	color: rgb(103,93,64);
	font-style: normal;
}

section #comments ol.commentlist li p {
	font-size: .9em;
	font-style: italic;
	color: rgb(184,176,154);
	margin: 0 0 0 36px;
}
section #comments ol.commentlist li p:before {
	content: ' ';
}
section #comments ol.commentlist li blockquote p {
	font-style: normal;
	font-size: .8em;
	line-height: 3em;
	color: rgb(103,93,64);
}
section #comments ol.commentlist li p.notice {
	color: rgb(206,148,2);
	font-style: italic;
}
section #comments ol.commentlist li blockquote {
	margin: 0;
}
/* ###################################################### 
single page styling
 ###################################################### */

#page {
	margin: 0 0 20px 0;
}

#page.workpost {
	color: rgb(103,93,64);
}

#page.workpost h2 {
	margin: 0 0 1em 0;
}

#page.workpost h3 {
	background: #1d201e url(images/w-bg.jpg);
	margin: 24px -12px;
	padding: 12px 12px;
	font-size: 1em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;	
}
#page.workpost h4 {
	margin: 12px -12px;
	padding: 0 12px;
	font-size: .9em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	color: rgb(103,93,64);	
}
#page.workpost ul {
		color: rgb(184,176,154);
}
#page.workpost ul li em {
	color: rgb(103,93,64);		
}
/* ###################################################### 
testimonial page styling
 ###################################################### */
section#testimonial article {
	margin: 0;
}
section#testimonial #comments {
	clear: both;
	display: block;
	width: 620px;
	margin: 40px 10px 40px -10px;
	padding: 10px;
	background: url(images/w2-bg.jpg);
	border-top: 1px dotted rgba(246,182,0,.3);
	color: rgb(103,93,64);
}
section#testimonial  h3 {
	padding: 10px 0 0 50px;
}

section#testimonial form#comments {
	width: 570px;
	margin: 0 0 0 -18px;
	padding: 10px 0 0 70px;
}

section#testimonial #comments ol.commentlist li cite {
	color: rgb(103,93,64);
	margin: 0 0 0 20px;
}

section#testimonial #comments ol.commentlist li p.commentmetadata {
	font-size: .7em;
}


/* ###################################################### 
sidebar styling
 ###################################################### */

#sidebar {
	width: 280px;
	float: left;
	color: rgb(184,176,154);
	font-size: .8em;
}

.widgetblock {
	width: 264px;
	float: left;
	margin: 0 0 20px 0;
	padding: 8px 8px 28px 8px;
	background: url(images/w2-bg.jpg);
}

.widgetblock h3 {
	padding: 0 0 5px 0;
	margin: 0;
}
#sidebar #content-tags {
	font-size: .9em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

#sidebar .textwidget a, #sidebar .textwidget a:link, #sidebar .textwidget a:visited {
	text-decoration: none;
	color: rgb(184,176,154);
	display: block;
	margin: 0 6px 6px 0;
	padding: 3px 6px;
	background: rgba(103,93,64, .2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .textwidget a:hover, #sidebar .textwidget a:active, #sidebar .textwidget a:focus {
	background: rgb(206,148,2);	
	color: #101010;
}

#sidebar #get_recent_comments_wrap ul li {
	font-size: 1.1em;
	color: rgb(184,176,154);
	margin:  0 0 16px 0;
}
/* ############### SEARCH ############### */

form#searchform {
	display: block;
	margin: 0 0 26px 0;
}

form#searchform input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: transparent;
	border: 1px dotted rgb(206,148,2);
	color: #fff;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	margin: .4em 0;
}

form#searchform input:hover, form#searchform input:active, form#searchform input:focus {
	background: rgb(245,242,233);
	color: rgb(0,0,0);
	border-color: rgb(0,0,0);
	border-style: solid;
}

#s {
	border: none;
	padding: 4px 6px;
	width: 250px;
}

form#searchform input#searchsubmit {
	display: block;
	width: 264px;
	border: none;
	border-bottom: 1px solid rgb(206,148,2);
	color: rgb(206,148,2);
	font-size: 1em;
	text-transform: lowercase;
}

form#searchform input#searchsubmit:hover, form#searchform input#searchsubmit:active, form#searchform input#searchsubmit:focus {
	background: rgb(206,148,2);
	color: rgb(0,0,0);
}

/* ############### TAGS ############### */

#sidebar #content-tags {
	font-size: .9em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

#sidebar #content-tags a, #sidebar #content-tags a:link, #sidebar #content-tags a:visited {
	text-decoration: none;
	color: rgb(184,176,154);
	display: block;
	float: left;
	margin: 0 6px 6px 0;
	padding: 3px 6px;
	background: rgba(103,93,64, .2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar #content-tags a:hover, #sidebar #content-tags a:active, #sidebar #content-tags a:focus {
	background: rgb(206,148,2);	
	color: #101010;
}

/* ############### FLICKR ############### */
#sidebar #flickr_badge_uber_wrapper {
	width: 264px;
	float: left;
	margin: 0 0 20px 0;
	padding: 8px 8px 28px 8px;
	background: url(images/w2-bg.jpg);	
}
#sidebar #flickr_badge_uber_wrapper a#flickr_www {
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 12px 0;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: normal;
	color: rgb(206,148,2);
	display: block;
	text-decoration: none;
}
#sidebar #flickr_badge_uber_wrapper a#flickr_www strong {
	font-weight: normal;
	text-transform: lowercase;
	font-variant: normal;
	color: rgb(103,93,64);

} 
#sidebar #flickr_badge_uber_wrapper a#flickr_www strong span {
	color: rgb(184,176,154);
}

#sidebar #flickr_badge_wrapper a img {
	float: left;
	width: 52px;
	height: 52px;
}
/* ############### FLICKR ############### */
#sidebar #links {
	width: 264px;
	float: left;
	margin: 0 0 20px 0;
	padding: 8px 8px 28px 8px;
	background: url(images/w2-bg.jpg);	
}
#sidebar #links ul li h2 {
	font-family: "LiSong Pro", Georgia, Times, serif;
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 12px 0;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: normal;
	color: rgb(206,148,2);
}
#sidebar #links ul li {
	font-size: 1.2em;
}
#sidebar #links ul li ul li {
	list-style: square;
	margin: 0 0 0 20px;
	color: rgb(246,182,0);
}
#sidebar #links ul li ul li a {
	text-decoration: none;
	color: rgb(184,176,154);
	display: block;
	margin: 0 6px 6px 0;
	padding: 3px 6px;
	background: rgba(103,93,64, .2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
#sidebar #links ul li ul li a:hover, #sidebar #links ul li ul li a:active, #sidebar #links ul li ul li a:focus {
	background: rgb(206,148,2);	
	color: #101010;	
}

/* ############### social media ############### */
#sidebar #social {
	width: 264px;
	float: left;
	margin: -50px 0 20px 0;
	padding: 8px 8px 28px 8px;
	background: url(images/w2-bg.jpg);	
	
}
#sidebar #social span.delicious {

}
#sidebar #social span.delicious a, #sidebar #social span.delicious a:link, #sidebar #social span.delicious a:visited {
	text-decoration: none;
	color: rgb(184,176,154);
	display: block;
	margin: 0 6px 6px 0;
	padding: 3px 6px 3px 34px;		
	background: rgba(103,93,64, .2) url(images/delicious-tinted26.jpg) no-repeat;
	background-position: 0 -1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sidebar #social span.delicious a:hover, #sidebar #social span.delicious a:active, #sidebar #social span.delicious a:focus {
	background: rgb(206,148,2) url(images/delicious-tinted26.jpg) no-repeat;
	background-position: 0 -1px;	
	color: #101010;
}
/* ############### COMMENT FORM ############### */

form#comments p {
	display: block;
	width: 270px;
	margin: 0 0 4px 0;
}

form#comments label {
	width: 80px;
	float: right;
	padding: 4px;
	text-align: left;
}

form#comments input {
	width: 150px;
	padding: 4px;
	background: transparent;
	border: 1px dotted rgb(206,148,2);
	color: #fff;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

form#comments input:hover, form#comments input:active, form#comments input:focus {
	background: rgb(245,242,233);
	color: rgb(0,0,0);
	border-color: rgb(0,0,0);
	border-style: solid;
}

form#comments textarea {
	width: 250px;
	padding: 4px;
	background: transparent;
	border: 1px dotted rgb(206,148,2);
	color: #fff;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

form#comments textarea:hover, form#comments textarea:active, form#comments textarea:focus {
	background: rgb(245,242,233);
	color: rgb(0,0,0);
	border-color: rgb(0,0,0);
	border-style: solid;
}

form#comments input#submit {
	display: block;
	width: 264px;
	border: none;
	border-bottom: 1px solid rgb(206,148,2);
	color: rgb(206,148,2);
	font-size: 1em;
	text-transform: lowercase;
}

form#comments input#submit:hover, form#comments input#submit:active, form#comments input#submit:focus {
	background: rgb(206,148,2);
	color: rgb(0,0,0);
}
/* ###################################################### 
contact page styling
 ###################################################### */
#page.contactform {
	width: 310px;
	float: right;
	margin: 0 30px;
	color: rgb(103,93,64);
	background: #1d201e url(images/w2-bg.jpg);
	padding: 20px;
	border-radius: 12px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-top-left-radius: 24px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 12px;
	border-radius-left: 12px;
}

#page.contactform h2, section article#address h2 {
	margin: 0 0 1em 0;
}

#page.contactform h3 {
	background: #1d201e url(images/w-bg.jpg);
	margin: 24px -12px;
	padding: 12px 12px;
	font-size: 1em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;	
}

section article#address {
	width: 210px;
	float: left;
	margin: 0 0;
	color: rgb(103,93,64);
	background: #1d201e url(images/w2-bg.jpg);
	padding: 20px 20px 42px 20px;
	border-radius: 12px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 24px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 24px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 0;
	border-radius-left: 12px;
}
section article#address dl {
		color: rgb(184,176,154);
		margin: -3px 0 0 0;
		padding: 0;	
}
section article#address dt {
	color: rgb(103,93,64);	
	margin: 1em 0 0 0;
}
section article#address dd span {
	color: rgb(103,93,64);	
}
section article#address dd a, section article#address dd a:link, section article#address dd a:visited {
	text-decoration: none;
	color: rgb(184,176,154);	
}
section article#address dd a:hover, section article#address dd a:active, section article#address dd a:focus {
	color: rgb(246,182,0);	
}

/* ############### CONTACT FORM ############### */
div.ss-form-container {

	background: #1d201e url(images/w2-bg.jpg);
}
.ss-form-heading {
	margin: 0 0 1em 0;
}
.ss-form-heading .ss-required-asterisk {
	font-size: .7em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

form#ss-form {
	display: block;
	width: 270px;
	margin: 0 0 4px 0;
}

form#ss-form label {
	clear: left;
	display: block;
	width: 200px;
	float: left;
	padding: 4px;
	text-align: left;
}

form#ss-form iframe {
	display: none;
}

form#ss-form .errorbox-good {
	
}

form#ss-form .ss-form-entry {
	display: inline;
}

form#ss-form span {
	display: inline;
}

.ss-required-asterisk, .ss-item-required {
	display: inline;
	margin: 0 5px;
	color: rgb(206,148,2);
}

form#ss-form input {
	width: 250px;
	margin: -1em 0 0 0;
	padding: 4px;
	background: transparent;
	border: 1px dotted rgb(206,148,2);
	color: #fff;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

form#ss-form input:hover, form#ss-form input:active, form#ss-form input:focus {
	background: rgb(245,242,233);
	color: rgb(0,0,0);
}

form#ss-form textarea {
	width: 250px;
	padding: 4px;
	margin: -.8em 0 0 0;
	background: transparent;
	border: 1px dotted rgb(206,148,2);
	color: #fff;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
}

form#ss-form textarea:hover, form#ss-form textarea:active, form#ss-form textarea:focus {
	background: rgb(245,242,233);
	color: rgb(0,0,0);
}

form#ss-form input[type="submit"] {
	display: block;
	width: 264px;
	margin: 2em 0 0 0;
	border: none;
	border-bottom: 1px solid rgb(206,148,2);
	color: rgb(206,148,2);
	font-size: 1em;
	text-transform: lowercase;
}

form#ss-form input[type="submit"]:hover, form#ss-form input[type="submit"]:active, form#ss-form input[type="submit"]:focus {
	background: rgb(206,148,2);
	color: rgb(0,0,0);
}

.ss-footer .ss-legal {
	display: none;
	margin: 4em 0 0 0;
	font-size: .6em;
	font-family: Lucida Grande, Hevetica Neue, Helvetica, sans-serif;
	position: absolute;
}

section article#page.workpost .ss-form-container .ss-footer .ss-legal a {
	color: rgb(103,93,64);
	margin: 0 22px 0 0;
	font-size: .7em;
}

.ss-legal .ss-powered-by {
	display: block;
	margin: 0 0 4px 0;
}

/* ############### FEATURE ############### */

#featured {
	width: 264px;
	float: left;
	margin: 0 0 20px 0;
	padding: 8px;
	background: url(images/w2-bg.jpg);
}

#featured img {
	width: 120px;
	height: auto;
	float: left;
	margin: 0 8px 4px 0;
}

h3.featured {
	border: none;
	margin: 0;
	padding: 0;
}

.featuredpost {
	width: 264px;
	margin: 5px 0 0 0;
	padding: 8px 0 0 0;
	border-top: 1px dotted rgba(246,182,0,.4);
	float: left;
}

/* ###################################################### 
footer styling
 ###################################################### */

footer {
	font-size: .9em;
	width: 960px;
	float: left;
	background: #1d201e url(images/w2-bg.jpg);
	border-top: 1px dotted rgba(246,182,0,.2);
	border-bottom: 2px dotted rgba(246,182,0,.3);
	margin: 10px 0;
	padding: 40px 10px 20px 10px;
}

footer p {
	padding: 16px 0;
	color: rgb(103,93,64);
}

footer h3 {
	font-size: 1em;
	color: rgb(103,93,64);
	padding: 10px 0 0 0;
	margin: 0 0 9px 0;
	text-transform: lowercase;
}
#wrap footer h3 a {
	display: inline;
}
#wrap footer h3 a, #wrap footer h3 a:link, #wrap footer h3 a:visited {
	text-decoration: none;
	color: rgb(184,176,154);
}

#wrap footer h3 a:hover, #wrap footer h3 a:active, #wrap footer h3 a:focus {
	color: rgb(246,182,0);
}


/* ############### eyedea link ############### */
#wrap footer h3 span, #wrap footer h3 span.eyedea a {
	display: block;
	width: 50px;
	height: 20px;
	float: right;
	margin: 2px 160px 0 0;
}
#wrap footer h3 span.eyedea a, #wrap footer h3 span.eyedea a:link, #wrap footer h3 span.eyedea a:visited {
	text-indent: -9999px;
	background: transparent url(images/eyedea-dots.png) no-repeat;
	background-position: 0 2px;
	border-bottom: none;
}
#wrap footer h3 span.eyedea a:hover, #wrap footer h3 span.eyedea a:active, #wrap footer h3 span.eyedea a:focus {
	background-position: 0 -28px;
}
/* ############### RSS ############### */

footer ul#rss {
	position: absolute;
	bottom: 30px;
	right: 0;
	font-size: .9em;
}

footer ul#rss li.sub {
	display: inline;
	width: 110px;
	float: left;
	padding: 8px 0 0 0;
	margin: 0 10px 0 0;
	font-size: 1.2em;
	color: rgb(103,93,64);
	background: url(images/rss.gif) top right no-repeat;
}

footer ul#rss li {
	display: inline;
	float: left;
	margin: 0;
}

footer ul#rss li a {
	display: block;
	padding: 10px 20px 10px 0;
	float: left;
	text-decoration: none;
	color: rgb(184,176,154);
}

footer ul#rss ul li a:link, footer ul#rss li a:visited {
	color: rgb(246,182,0);
}

footer ul#rss li a:hover, footer ul#rss li a:active, footer ul#rss li a:focus {
	color: rgb(246,182,0);
}

* + html footer {
	margin: 30px 0 0 0;
}

/** end footer **/