/*  
Theme Name: PS5 | Dark Matter
Theme URI: http://paulsutton.us
Description: Heavily Modified THiCK theme
Version: 5.0
Author: Paul Sutton
Author URI: http://paulsutton.us
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
/*

/* Fonts / CSS3
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
@font-face {font-family: 'Bebas'; src: url('http://paulsutton.us/wp-content/themes/ps5/fonts/BEBAS.eot')}
@font-face {
	font-family: 'Bebas';
	src: local('Bebas Regular'),
	     local('Bebas-Regular'),
	     url('http://paulsutton.us/wp-content/themes/ps5/fonts/BEBAS.TTF') format('truetype')}
		 
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('☺'), url('http://paulsutton.us/wp-content/themes/ps5/fonts/BebasNeue-webfont.woff') 
	format('woff'), url('http://paulsutton.us/wp-content/themes/ps5/fonts/BebasNeue-webfont.ttf') 
	format('truetype'), url('http://paulsutton.us/wp-content/themes/ps5/fonts/BebasNeue-webfont.svg#webfont2iOQGOJ3') 
	format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Global Styling
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
body {font:62.5% helvetica, arial, "trebuchet ms", verdana, sans; color:#c0ab85; text-align:center; background:#303030 url('images/bg.jpg') repeat center top}
#wrapper {background:url('images/bg-content.png') repeat-y center top; text-align:left; margin:0 auto 45px}
#leftbar {width:240px; padding:10px 0}
#content {background:none; padding:10px 10px 45px}
#sidebar {width:180px; padding:10px 0}
a:active {position:relative; top:1px}

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header {text-align:left; height:221px; background:url('images/bg-header.jpg') no-repeat top center}
#header #logo {margin:75px 0 0 20px}
#logo a:link,#logo a:visited,#logo a:active {text-decoration:none; color:#30221a}
#logo a:hover {text-decoration:none; color:#1b1b19}
#description {font-size:1.2em; color:#737361}
#header #description {margin-left:20px}
#header #subscribe {height:39px; float:left; width:520px; margin-left:10px}
#header #subscribe ul {float:left; display:inline; width:230px; margin-top:12px}
#subscribe ul li {display:inline; font-size:1em; text-transform:uppercase}
#subscribe ul li .icon-feed {position:relative; display:block; float:left; top:-2px}
#header #subscribe ul li a:link,#header #subscribe ul li a:visited,#header #subscribe ul li a:active {text-decoration:underline; color:#c2ad8c}
#header #subscribe ul li a:hover {text-decoration:underline; color:#bfaa84}
#header #subscribe ul li span {color:#bfaa84; margin:0 2px}
#header #search {float:right; display:inline; width:260px; height:22px; margin-top:8px; text-align:right}
#search #s {height:22px; float:left; width:115px; font-size:1.1em; padding:1px 5px 0; text-indent:18px}
#header #branding,#header-mid {height:221px}
#header-mid {position:relative; width:540px; height:221px}
#header #about {position:relative; width:180px; height:170px; overflow:hidden}
#header #about p {font-size:1.1em; line-height:1.3em; margin:0 10px}
#header #about p.more {position:absolute; width:160px; bottom:0; left:0; padding-top:8px; font-weight:bold}
#header #status {clear:both; text-align:right; padding:10px 10px 0}
#header #status-twitter {width:0; height:0; margin:0}
#header #status p {font-size:1.2em; line-height:1.2; text-align:right; color:#f1f1e5; margin:0; padding:0}
#status a:link,#status a:visited,#status a:active {text-decoration:underline; color:#d7a858; padding-left:5px}
#status a:hover {text-decoration:underline; color:#ebe4d7}
#logo {font:3em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#30221a}

/* NAV 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header #nav {position:absolute; bottom:0px; left:10px; height:30px}
#nav li {float:left; display:inline; text-transform:uppercase}
#header #nav li {font:300 16px "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; height:30px; text-shadow:0 1px 3px #2a1c11; letter-spacing:2px; word-spacing:3px;}
#header #nav li a:link, #header #nav li a:visited, #header #nav li a:active {background:url("images/nav.gif") repeat 50% 0; display:block; margin-right:2px; text-decoration:none; color:#bfaa84; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; padding:6px 10px}
#header #nav li a:hover {background:url("images/nav.gif") repeat 50% -30px; text-decoration:none; padding:6px 10px}
#header #nav li.current_page_item a:link,#header #nav li.current_page_item a:visited,#header #nav li.current_page_item a:active,#header #nav li.current_page_item a:hover {background:url("images/nav.gif") repeat 50% -60px; cursor:default; color:#049eb1;  border:none; text-decoration:none}

/* SEARCH 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header #search #s {color:#c6bdae; background:url('images/search-field.gif') no-repeat 0 0; width:179px; border:none}
#search-button {display:block; width:71px; height:22px; text-indent:-5000px; background:transparent url("images/search-button.gif") no-repeat 0 0; border:0; cursor:pointer}
#search-button:hover {background:transparent url("images/search-button.gif") no-repeat 0 -22px}

/* TWITTER HEADER 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#twitter_update_list {color:#ebe4d7; font-size:1.2em}
#twitter_update_list span + a {text-decoration:none; border:none}
#header #status p.twit-title {font:600 3em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#c0ab85; word-spacing:0; text-shadow:1px 1px 5px #000; text-transform:uppercase; margin:45px 20px 5px 0}
#header #status p.twit-title span {color:#049eb1; font-weight:100}


/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.content a:link,.content a:visited,.content a:active {text-decoration:underline; color:#d2884b}
.content h1 {margin-bottom:1em; font-size:2.8em; text-transform:uppercase; color:#d2884b}
.content h2 {margin-bottom:.25em; margin-top:.5em; font-size:2em; font:2.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; text-transform:uppercase; letter-spacing:1px; word-spacing:3px; text-shadow:1px 1px 5px #2a1c11; font-weight:500; color:#d2884b}
.content h2 a:link,.content h2 a:visited,.content h2 a:active {text-decoration:none; border-bottom:none; color:#d2884b}
.content h2.heading {height:90px; text-decoration:none; font-weight:100; font:1.6em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#d7a858; word-spacing:2px; background:url("images/heading-bg.png") no-repeat 0 0; margin:0 1px -54px; padding:10px 10px 0}
.content h3 {margin-bottom:1em; font:1.6em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; font-weight:300; text-transform:none; color:#d2884b; letter-spacing:1px; word-spacing:1px;}
.content h3 a:link,.content h3 a:visited,.content h3 a:active {text-decoration:none; border-bottom:1px solid #bfaa84; color:#bfaa84}
.content h4 {margin-bottom:1em; font:1.5em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif;  font-weight:300; letter-spacing:1px; word-spacing:1px;}
.content h5 {margin-bottom:1em; font:1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; font-weight:300; letter-spacing:1px; word-spacing:1px;}
.content h6 {margin-bottom:1em; font:1.3em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; font-weight:300; letter-spacing:1px; word-spacing:1px;}
.content p,.content blockquote {margin-bottom:1.5em; font-size:1.3em; line-height:1.4em}
.content ul {margin:0 0 15px 30px}
.content ul li {list-style-type:square}
.content ol {list-style-type:decimal; margin:0 0 15px 30px}
.content ol li {list-style-type:decimal}
.content li {margin-bottom:5px; font-size:1.3em; line-height:1.4em}
.content blockquote {font-style:italic; padding:0 15px}
.content iframe.maps {padding:5px; background-color:#4d4c4c; border:1px solid #6e6e6e}
.content .more {text-align:center; font:1.8em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; word-spacing:3px}
#featured {position:relative; margin-bottom:20px; background:#38210f url("images/featured-bg.jpg") repeat 0 0; padding:10px 10px 15px; border-top:1px solid #4d4c4c; border-bottom:3px solid #191919;
	box-shadow: 0 0px 1px rgb(78,78,78);
	-moz-box-shadow: 0 0px 1px rgb(78,78,78);
	-webkit-box-shadow: 0 0px 1px rgb(78,78,78);
}
#featured-image {margin-bottom:5px; background:#c0ab85; border:5px solid #4d4c4c}
.content #featured img {display:block; border:0; background:transparent; height:180px; margin:0; padding:0}
#featured h2 {font-size:2em; line-height:1; font:3.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#d2884b; text-transform:uppercase; letter-spacing:1px; word-spacing:3px; text-shadow:1px 1px 5px #2a1c11; font-weight:400; margin:0; padding:10px 0 0}
#featured h3 {clear:left; line-height:1; font:normal 1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#d7a858; letter-spacing:2px; text-shadow:1px 1px 5px #2a1c11; word-spacing:3px; margin:0 5px 10px; padding:0}
#featured p {color:#c0ab85; margin:0 5px}
#featured a {text-decoration:none; border:none !important; color:#d2884b !important}
.post {margin-bottom:16px; background:url("images/divider.gif") repeat-x 0 100%; clear:left; padding-bottom:10px}
.post.single {background:transparent; margin:10px 10px 5px}
.post.index {background:url("images/divider.gif") repeat-x 0 100%; margin:10px 10px 5px}
.post.single h1 {margin-bottom:0; font:3em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; letter-spacing:1px; word-spacing:3px}
.post.index h1 {margin-bottom:10px; font-size:2em; text-transform:none; color:#d7a858; font:2.9em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; letter-spacing:2px; word-spacing:4px}
.post.index h2 {margin-bottom:2px; font-size:2em}
.wp-caption {text-align:center}
.wp-caption .wp-caption-text {font-size:12px; text-align:center; font-style:italic; margin:0}
.post.single .post-date,.post.index .post-date {margin-bottom:15px; font:1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#d7a858; letter-spacing:2px; word-spacing:3px}
.post.index .post-date {font-size:1.4em}
.post.single .post-category {margin-bottom:25px; text-transform:uppercase; font:1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; letter-spacing:1px; font-weight:300; word-spacing:3px}
.post.single .post-category a:link,.post.single .post-category a:visited,.post.single .post-category a:active {margin-right:5px; text-decoration:none; padding:4px 10px}
.post.single .post-meta {padding-top:15px; background:url("images/divider.gif") repeat-x 0 0; font:1.3em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; letter-spacing:1px; font-weight:500; word-spacing:3px}
.post.single .post-meta strong {font-weight:500; text-transform:uppercase}

p.pullquote-left,p.pullquote-right {width:175px; font:italic 1.6em/1.6em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#30221a; background:#bfaa84 url("images/pullquote-bg.jpg") no-repeat 0 0; word-spacing:3px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px}

p.pullquote-left {float:left; margin:0 15px 15px 0}

p.pullquote-right {float:right; margin:0 0 15px 15px}
#content img {margin-bottom:18px; background:#4d4c4c; border:1px solid #6e6e6e; -moz-border-radius:0; -webkit-border-radius:0; padding:5px}
#content img[align $='left'],#content .alignleft {float:left; margin-right:15px}
#content img[align $='right'],#content .alignright {float:right; margin-left:15px}
#content img.wp-smiley {display:inline; background:transparent; border:0; margin:0; padding:0}
#asides .post {background:url("images/divider.gif") repeat-x 0 100%; margin:0 10px 10px}
#asides p {margin-bottom:10px; font-size:1.1em; color:#737361}
#asides h3 {margin-bottom:.25em; font-size:1.2em; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#30221a}
#asides a:link,#asides a:visited,#asides a:active {text-decoration:none; color:#30221a; border-bottom:1px solid #dbdbc8}
.post-meta, .port-nav {margin-bottom:15px; font:1.2em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#d7a858; letter-spacing:2px; word-spacing:3px}

.post-meta a:link,.post-meta a:visited,.post-meta a:active {text-decoration:none; border:none}

#content .wp-pagenavi {position:relative; font-size:1.3em; padding-top:18px; margin:0 10px 30px}
#content .wp-pagenavi a,#content .wp-pagenavi a:link,#content .wp-pagenavi a:visited,#content .wp-pagenavi a:active {text-decoration:none; border:1px solid #2f2f2f; color:#d2884b; background-color:#1f1f1f; margin:2px; padding:4px 5px}
#content .wp-pagenavi span.pages {border:1px solid #2f2f2f; text-decoration:none; color:#d7a858; background-color:#191919; margin:2px; padding:4px 5px}
#content .wp-pagenavi span.current_page_item {border:1px solid #2f2f2f; color:#011118; background-color:#494848; margin:2px; padding:5px 6px}

#content .wp-pagenavi a:hover {color:#fff; background:#191919}
#content .wp-pagenavi span.current {color:#011118; background-color:#d7a858}

acronym {font-weight:600; border-bottom:1px dashed #b75726; cursor:pointer}
.content h2 a:hover {border-bottom:none; color:#fff}
#featured:hover p {color:#c0ab85}
#featured a:hover {color:#fff !important}
.post.index h1 strong {font-weight:700; color:#fff}
.post.single .post-date a {border:none; text-decoration:none}
.post.single .post-category a:link,.post.single .post-category a:active,.post.single .post-category a:visited {font-weight:300; color:#555; background:#333; -moz-border-radius:10px; -webkit-border-radius:10px}
.post.single .post-category a:hover {color:#999; background:#111}

img.thumb {border:1px solid #c0ab85; -moz-border-radius:0; -webkit-border-radius:0}
#content img.nofx {background:none; border:none; text-decoration:none}
#content img.avatar {background:#4d4c4c; border:1px solid #2f2f2f; -moz-border-radius:0; -webkit-border-radius:0}
.post-meta span {color:#dbdbc8}
.content #comments h2.heading,.content #comment-form h2.heading,.post .single h2.heading {background:url("images/heading-comments-bg.png") no-repeat 0 0}

/* SIDEBARS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#categories {margin:0 10px 20px}
#categories li {font-size:1.2em; color:#666; background:url("images/divider-sidebar.gif") repeat-x 0 100%; font:1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; font-weight:100; letter-spacing:2px; word-spacing:4px; text-shadow:1px 1px 5px #000; padding:10px}
#categories li a:link,#categories li a:visited,#categories li a:active {display:block; text-transform:uppercase; text-decoration:none; color:#049eb1}
#categories li.current_page_item-cat {padding-bottom:12px; color:#c4e09a; background:url("images/category-bg.jpg") no-repeat 0 0}
#categories li.current_page_item-cat a:link,#categories li.current_page_item-cat a:visited,#categories li.current_page_item-cat a:active,#categories li.current_page_item-cat a:hover {cursor:default; color:#d9c7a5}
.widget {clear:both; margin-bottom:20px; color:#999}
.widget .recentcomments {font-size:10px}
.widget li.recentcomments {list-style-type:disc; list-style-position:outside}
.widget h2 {display:block; height:90px; text-decoration:none; font:1.4em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#b38350; letter-spacing:2px; font-weight:500; text-shadow:1px 1px 3px #111; word-spacing:4px; margin:0 1px -50px; padding:18px 10px 0}
.widget ul {margin:0 10px}
.widget ul li {margin-bottom:10px; font-size:1.2em}
.widget ul li a:link,.widget ul li a:visited,.widget ul li a:active {text-decoration:underline; color:#049eb1}
#sidebar ul#photos2 {float:left; width:95%; margin:0 0 15px 5px}
#sidebar #photos2 .flickr_badge_image {float:left; display:inline; margin-bottom:9px}
#sidebar #photos2 .flickr_badge_image a {display:block; margin-left:9px}
#sidebar img.pmcTFimg {margin:0 0 5px}
#lifestream-widget h3 {clear:both; padding-bottom:10px; font:bold 1.6em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#30221a; background:url("images/divider-sidebar.gif") repeat-x 0 100%; word-spacing:3px; margin:0 10px 10px}

ul .lifestream, #sidebar ul li ul li{font-size:0.95em}
#lifestream-widget .lifestream-item {float:left; width:210px; display:inline; margin-bottom:8px; background:url("images/divider-sidebar.gif") repeat-x 0 100%; padding:0 0 10px}
#lifestream-widget .lifestream-time {font-size:1.1em; font-weight:bold; color:#999080; margin:0 20px 5px 26px}
#lifestream-widget .lifestream-icon {float:left; display:inline; width:16px}
#lifestream-widget .lifestream-content {float:right; display:inline; width:195px; font-size:1.1em; color:#30221a}
#lifestream-widget .lifestream-photos img {display:block; width:50px; height:50px}
#lifestream-widget .lifestream-photos a {float:left; display:block; border:1px solid #737361; margin:0 5px 5px 0}
#sidebar ul.lifestream li,ul.lifestream li {line-height:18px !important; margin:5px 0 15px !important; padding:0 0 0 20px !important}
#sidebar ul.lifestream .lifestream_label {font-size:0.9em}
#categories li:hover {color:#049eb1}
#sidebar .flickr_badge_image a {border:1px solid #737361}
#leftbar .widget h2 {background:url("images/heading-leftbar-bg.png") no-repeat 0 0}
#sidebar .widget h2,#header .widget h2 {background:url("images/heading-sidebar-bg.png") no-repeat 0 0}

/* ICONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.icon-forrst {height:16px; background:url("images/icons/forrst.png") no-repeat 0 50%; padding:2px 0 1px 19px}
.icon-dribble {height:16px; background:url("images/icons/dribble.png") no-repeat 0 50%; padding:2px 0 1px 19px}
.icon-feed {height:16px; background:url("images/icon-feed.gif") no-repeat 0 50%; padding:2px 0 2px 19px}
.icon-delicious {height:16px; background:url("images/icons/delicious.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-digg {height:16px; background:url("images/icons/digg.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-facebook {height:16px; background:url("images/icons/facebook.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-flickr {height:16px; background:url("images/icons/flickr.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-lastfm {height:16px; background:url("images/icons/lastfm.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-linkedin {height:16px; background:url("images/icons/linkedin.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-twitter {height:16px; background:url("images/icons/twitter.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-youtube {height:16px; background:url("images/icons/youtube.png") no-repeat 0 50%; padding:1px 0 1px 21px}
.icon-stumble {height:16px; background:url("images/icons/stumbleupon.png") no-repeat 0 50%; padding:1px 0 1px 21px}

/* Ads
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
ul#ad-buttons {width:530px; list-style-type:none; margin:0 0 20px}
ul#ad-buttons li {display:inline; width:125px; height:125px; list-style-type:none; margin:0 6px 0 0}
ul#ad-buttons img {background:transparent; border:0; margin:0; padding:0}

/* Misc
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.fix {clear:both; height:1px; overflow:hidden; margin:-1px 0 0}
.fl {float:left; display:inline}
.fr {float:right; display:inline}
#postnavigation {font-size:14px !important; margin:10px 10px 0}
.alignleft {float:left; margin:0 20px 15px 0}
.alignright {float:right; margin:0 0 15px 20px}

/* Threaded Comments
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#comments ol.commentlist {margin:0 0 15px 10px}
#comments ol.commentlist li {list-style-type:none; list-style-position:inside; font-size:1em}
#comments ol.commentlist li.comment ul.children li {background:none !important; padding-bottom:0 !important; margin-bottom:5px !important}

ol.commentlist .reply {font-size:11px !important}
#comment-form .heading a {color:#FFF}

/* Search Hilites (Plugin)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.hilite {color:#000; background-color:#00add7}
.hilite1 {color:#000; background-color:#d2884b}
.hilite2 {color:#000; background-color:#d7a858}
.hilite3 {color:#000; background-color:#56d4f3}
#head-wrapper {width:100%; height:221px; background:url('images/header-bg.jpg') repeat-x top center; margin:0 auto}
#background {width:960px; text-align:center; margin:0 auto}

/* Comments
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#comments h2 {margin-bottom:-45px}
#comments .comment {padding-bottom:1px; background:url("images/divider-comments.gif") repeat-x 0 100%; margin:0 10px 15px}
#comments .comment-meta {margin-bottom:15px}
#comments .comment-meta img {float:left; display:inline; margin:0 10px 0 0}
#comments .comment h3 {padding-top:8px; text-transform:none; margin:0 0 5px}
#comments .comment h5 {font-size:1.1em; font-weight:normal}
#comments .comment p {font-size:1.2em; line-height:1.4em}
#comment-form form {margin:10px 10px 20px}
#comment-form p {float:left; width:480px; margin-bottom:10px; background:url("images/divider-comments.gif") repeat-x 0 100%; padding:0 10px 10px}
#comment-form p#captchaNumDiv {margin-bottom:0; background:none; padding:0 10px}
#comment-form label {float:left; width:200px; padding-top:5px; font-size:.85em; font-weight:bold; text-transform:uppercase}
#comment-form label .required {font-size:.85em; font-weight:normal; color:#737361}
#comment-form input,#comment-form textarea {width:265px; font:12px Helvetica, Arial, Geneva, sans-serif; color:#837151; background:#191919; border:1px solid #383737; padding:5px}

#comment-form #submit {
	width:auto; 
	margin-left:200px; 
	border:none; 
	text-transform:uppercase; 
	cursor:pointer; 
	font:500 1.2em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#55421e; 
	background:#c0ab85; 
	letter-spacing:1px; 
	word-spacing:3px; 
	-moz-border-radius:12px; 
	-webkit-border-radius:12px; 
	padding:4px 10px;

	background:rgb(192,171,133);
	background:rgb(192,171,133) -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(216,205,186)), to(rgb(154,134,97)), color-stop(.9,rgb(154,134,97)),color-stop(.85,rgb(154,134,97)));
	background:rgb(255,134,0) -moz-linear-gradient(100% 100% 90deg,rgb(154,134,97), rgb(154,134,97), rgb(154,134,97) 15%,rgb(216,205,186) 50%);
	
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

#comments_wrap p.nofx small,#comment-form p.nofx small {font-size:0.85em; color:#666; line-height:1.3; background:none; border:none}
#comments_wrap p.nofx code,#comment-form p.nofx code {font-family:"courier new",courier,monospace; color:#048a8b; background:none; border:none}
#comment-form input:focus,#comment-form textarea:focus {color:#c0ab85; border:1px solid #4f4e4e}

/* Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#foot-wrapper {width:100%; height:50px; background:url('images/bg-footer.jpg') repeat-x center top; position:fixed; bottom:0; z-index:4; text-align:left; margin:0 auto; padding:0}
#footer {height:50px; font-size:1.1em}
#footer p {color:#d7a858; margin:27px 0 0 60px}
#footer a:hover {color:#d9c7a5}
#footer a img.up {float:right; top:-5px; position:relative; margin-right:65px}
#footer a img.mt {float:left; position:relative; margin:27px 0 0 15px}
#footer a img.wp {float:left; position:relative; margin:21px 0 0 0}

/* Author Box (Plugin)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#authorbox {background:#1f1f1f; border:1px solid #383737; width:auto; overflow:hidden; margin:0 auto 10px}
#authorbox h4 {font:300 1.6em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; letter-spacing:2px; word-spacing:2px; margin:0; padding:10px 10px 5px}
.authortext {padding-left:65px}
#content #authorbox img.avatar {float:left; background:#c0ab85; border:1px solid #4e4e4e; -moz-border-radius:0; -webkit-border-radius:0; margin:10px; padding:0}
#authorbox p {font-size:0.95em; color:#036a76; margin:0; padding:0 10px 10px}
#authorbox h4 > a {text-decoration:none}
#authorbox p.small {font-size:0.9em; line-height:1; color:#036a76}

/* lifestream
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.lifestream .lifestream_meta {color:#888; font-size:x-small; font-weight:700; text-transform:uppercase}

/* image caption
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
img.center,div.center {display:block; margin-left:auto !important; margin-right:auto !important}
img.alignright,div.alignright {float:right; margin:0 0 2px 18px}
img.alignleft,div.alignleft {float:left; margin:0 18px 2px 0}
div.img div {color:#056470; width:490px; background-color:#1f1f1f; font-size:0.9em; line-height:1.4; text-align:center; border:1px solid #383737; margin:0 0 10px; padding:5px}
div.img div:hover {cursor:pointer; color:#ccc; background-color:#0f0f0f; border:1px solid #383737}

/* cforms
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
                                                    
/*  main 'top-level' form elements */
.cform {width:410px; margin:10px auto 0}
.cform fieldset {margin-top:10px; border:none; padding:5px 0}
.cform .cf_hidden {display:none; border:none !important; background:none !important; margin:0; padding:0}
.cform legend {font:normal 18px Helvetica; color:#d7a858; letter-spacing:0; margin:0; padding:0}
ol.cf-ol {border-top:1px solid #191919; margin:0; padding:15px 0 0}
ol.cf-ol li {background:none !important; list-style:none !important; text-align:left; line-height:1.1em; margin:5px 0; padding:0}

/* just for text-only fields (no input) */
ol.cf-ol li.textonly {color:#888; font-size:1em; letter-spacing:2px; margin:12px 0 !important; padding:0 0 0 100px}

/* global definitions for field labels */
.cform label {width:90px; display:inline-block; text-align:left; vertical-align:top; color:#c0ab85; font:0.9em Trebuchet MS,sans-serif; margin:4px 10px 0 0}
.cform label span {width:90px; display:block}
label.cf-before {margin:4px 10px 0 0}
label.cf-after {text-align:left; width:75px; margin:4px 2px 0 6px}
label.cf-after span {width:75px; display:block}
label.cf-group-after {width:60px; text-align:left; margin:4px 0 0 2px}
label.cf-group-after span {width:60px; display:block}

/* FORM FIELDS general formatting */
.cform input,.cform textarea,.cform select {font:0.9em Trebuchet MS,sans-serif; color:#d7a858; background:#191919; border:1px solid #383737; vertical-align:top; padding:3px}
.cform input:hover,.cform textarea:hover,.cform select:hover {}
.cform input:focus,.cform textarea:focus,.cform select:focus {color:#fff; color:#c0ab85; border:1px solid #4f4e4e}
.cform textarea,.cform input {width:298px}
.cform select {width:306px}
.cform select.cfselectmulti {height:7.5em}
.cform textarea {font-family:arial; font-size:0.9em; overflow:auto}

/* formatting for text:  "(required)"  & other */
span.reqtxt,span.emailreqtxt {display:block; vertical-align:top; color:#d2884b; font-size:0.7em; line-height:1.2em; margin:0 5px 7px 100px}

/* radio button title */
ol.cf-ol li.cf-box-title {color:#d7a858; font-size:1em; letter-spacing:2px; margin:12px 0 0 !important; padding:0 0 0 100px}

/* check boxes */
input.cf-box-a,input.cf-box-b {width:16px; height:22px; border:none !important; background:none !important; margin:1px 0 0}
input.cf-box-a {margin-left:100px}

/* check box groups */
ol.cf-ol li.cf-box-group {padding:0 0 5px 100px}

/* FORM submit button */
p.cf-sb {text-align:right; margin:0; padding:0 3px 0 0 !important}
.cform input.backbutton,.cform input.resetbutton,.cform input.sendbutton {
	width:auto; 
	margin-left:200px; 
	border:none; 
	text-transform:uppercase; 
	cursor:pointer; 
	font:500 1.2em "BebasNeueRegular", Helvetica, Arial, Geneva, sans-serif; color:#55421e; 
	background:#c0ab85; 
	letter-spacing:1px; 
	word-spacing:3px; 
	-moz-border-radius:12px; 
	-webkit-border-radius:12px; 
	padding:4px 10px;

	background:rgb(192,171,133);
	background:rgb(192,171,133) -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(216,205,186)), to(rgb(154,134,97)), color-stop(.9,rgb(154,134,97)),color-stop(.85,rgb(154,134,97)));
	background:rgb(255,134,0) -moz-linear-gradient(100% 100% 90deg,rgb(154,134,97), rgb(154,134,97), rgb(154,134,97) 15%,rgb(216,205,186) 50%);
	
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	}

/* FORM FIELDS enhanced error display */
ol.cf-ol li.cf_li_err {background:url('images/li-err-bg.png') repeat !important; border-color:#191919; border-style:solid; border-width:1px 0; margin:5px 0; padding:5px 0}
ol.cf-ol li ul.cf_li_text_err {color:#333; margin:0 0 0 10px; padding:0}
ol.cf-ol ul.cf_li_text_err li {background:url('images/icon-alert.png') no-repeat left 1px; list-style:none !important; font-weight:bold; text-indent:0; padding-left:15px; margin:0 0 2px}
ol.cf-ol ul.cf_li_text_err li:before {content:''}

/* 'visitor verification' related styles  */
label.secq,label.seccap {vertical-align:text-bottom; margin-bottom:4px}
input.secinput {vertical-align:text-bottom}
#cforms_captcha6,#cforms_captcha5,#cforms_captcha4,#cforms_captcha3,#cforms_captcha2,#cforms_captcha {height:15px; width:100px; vertical-align:text-bottom; margin:0; padding:4px}
img.captcha {vertical-align:text-bottom; border:none !important; float:none !important; margin:0 0 0 10px; padding:0}
img.captcha-reset {vertical-align:text-bottom; background:url('images/captcha_reset_white.gif') no-repeat; width:21px; height:21px; border:none; margin:0 0 2px 3px}
img.imgcalendar {border:none}

/* change formatting of response msgs here */
div.cf_info {color:#333; display:none; width:380px; line-height:1.3em; margin:10px auto; padding:10px 15px}
div.cf_info ol {margin:0; padding:5px 15px 0 30px}
div.cf_info ol li {margin:2px 0; padding:1px 0}
div.cf_info a {color:#049eb1 !important; text-decoration:underline !important}
div.failure, div.success {color:#049eb1; display:block; background:url('images/li-err-bg.png') repeat !important; border-color:#191919; border-style:solid; border-width:1px 0}
div.waiting {background:#191919; color:#049eb1; display:block}

/* formatting for invalid user inputs */
.cform .cf_error {color:#049eb1; border:1px solid #049eb1}

/* change formatting of response msgs here */
p.cf_info {text-align:center; margin:10px 0}
p.success {color:green}

/* disabled fields [disabled] does not work on IE! */
[disabled] {color:#ddd; background:none !important; border-color:#dddddd !important}
.disabled {border-color:#dddddd !important}

/* upload box styling*/
.cform input.cf_upload {width:220px; background:#f9f9f9; border:1px solid #888}

/*  Other: link love */
.linklove {text-align:right; width:410px; margin:6px auto 10px !important; padding:0 6px 0 0 !important}
.linklove a,.linklove a:visited {font-size:0.8em; font-family:Tahoma; color:#aaaaaa !important}
#header #about a:link,#header #about a:visited,#header #about a:active,#header #about a:hover,#media-widget.widget h2:hover {text-decoration:underline}
#header #status-twitter a,#header #status-twitter a:visited,#footer a:link,#footer a:visited,#footer a:active {color:#bfaa84}
.content a:hover,.widget ul li a:hover {text-decoration:underline; color:#fff}
.post.single ol li span,.post.single strong {font-weight:bold}
.post ul li ul li,.post ul li ul li ul li,.post ol li ol li,.post ol li ol li ol li {font-size:100%}
.content h3 a:hover,#asides a:hover {color:#fff; border-bottom:1px solid #fff}
#featured h2 a:hover,.post-meta a:hover,#categories li:hover a,#categories li a:hover {color:#fff}
#sidebar #photos2 .flickr_badge_image img,#media-widget.widget ul li img,div.mailerr {display:block}
#sidebar .flickr_badge_image a:hover,#lifestream-widget .lifestream-photos a:hover,#media-widget.widget ul li a:hover {border:1px solid #1b1b19}
.cform input.resetbutton,.cform input.backbutton {margin:0 5px 0 0}
.mailerr,.cform .cf_errortxt,p.failure {color:#049eb1}

*+html ol.cf-ol,*+html ol.cf-ol li,* html ol.cf-ol,* html ol.cf-ol li,* html span.reqtxt,* html span.emailreqtxt {display:inline-block}
* html .cform legend,*+html .cform legend {position:absolute; left:-8px; top:0; margin-left:0}
* html .cform fieldset,*+html .cform fieldset {position:relative; margin-top:15px; padding-top:25px}
* html img.captcha,*+html img.captcha {margin-bottom:1px}