/* Theme Name: Fauverism | Theme URI: http://robertfauver.com | Version: 0.3
   Author: Robert Fauver | Author URI: http://robertfauver.com */

/* === RESET === */
@import "http://robertfauver.com/wp-content/themes/fauverism/reset.css";

/* FONT FACE */
@font-face {
	font-family: 'LeagueGothicRegular'; src: url('../league-gothic/league_gothic-webfont.eot'); src: local('☺'), 			 					url(league-gothic/league_gothic-webfont.woff) format('woff'), url('../league-gothic/league_gothic-webfont.ttf') format('truetype'), url(league-gothic/league_gothic-webfont.svg#webfontgTbaO257) format('svg'); font-weight: normal; font-style: normal; }
.LeagueGothic { font-weight: normal; font-style: normal; line-height:normal; font-family: 'LeagueGothicRegular', sans-serif; }

/* === GENERAL === */
* { margin: 0; padding: 0; }
body, html { background: #635b70 url(images/bg/PalmTreesAtSunsetLg.jpg) repeat-x; color: #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; }
a:link, a:visited { color: #e4c2a6; text-decoration: none; }
img { border: 0; }
img a { background: none; color: none; }
label { margin: 0 0 0 10px; }
/*h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 6em; font-weight: bold; }*/
h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 5em; padding: 0 0 40px 0; }
h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.3em; font-weight: bold; line-height: 1.8em; }
h3 a:hover { background: #e4c2a6; color: #000; padding: 1px 0; }
p { color: #fff; font-size: 2em; line-height: 1.5em; margin: 0 0 20px 0; }
p a { color: #e4c2a6; }
p a:hover { background: #e4c2a6; color: #000; padding: 1px 0; }
ul { padding: 0; }
li { font-size: 1.2em; line-height: 1.6em; list-style-type: none; }
blockquote { background: #666; border: 1px solid #333; font-weight: italic; margin: 0 5px 10px 5px; padding: 10px 10px 1px 10px; }
hr { color: #CCC; margin: 0 0 50px 0; width: 940px; }
hr a { background: none; }
#page { margin: 0px auto; position: relative; }

/* === HEADER === */
#header_wrapper { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); height: 100px; padding: 10px 0 0 7px; }
#header { height: 50px; margin: 0 auto; padding: 20px 0 0 0; width: 940px; }
h1 { font-size: 7em; width: 500px; }
h1 span.name { color:#FFF; text-transform: uppercase; }
#tnav { float: right; height: 50px; margin: 11px 0 0 25px; }
#tnav ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#tnav ul li { display: block; float: left; }
#tnav ul li a { color: #d0dae6; display: block; float: left; font-size: 2.3em; height: 25px; margin: 0 3px 0 0; padding: 10px 15px; text-decoration: none; text-transform: uppercase; }
#tnav ul li a:hover { color: #FF9; padding: 10px 15px 0 15px; }

/* === MID === */
#mid_wrapper { clear: both; margin: 0 auto; width: 1100px; }
#mid_wrapper h2 { color: #fff; text-align: center; }
#mid_wrapper img.portfolio { padding-left: 74px; padding-top: 30px; }
#mid { margin: 25px 0; width: 100%; }
#mid.index { background: transparent url(images/indexbg.png) no-repeat 50% 0; }
/*#mid.single { background: transparent url(images/singlebg.png) no-repeat 50% 0; }*/
#mid.archive { background: none; }

/* === CONTENT === */
.content-mid { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); display: inline-block; margin: 0; padding: 20px; width: 680px; }
.panel { color: #FFF; display: block; height: 600px; position: relative; width: 940px; }
.panel-single { color: #FFF; display: block;  margin: 0 auto; padding-top: 10px; position: relative; width: 940px; }
#thepost { float: left; margin: 0 20px 15px 0; width: 685px; }
#content { font-size: 1.2em; margin: 0px auto; padding: 40px 0; width: 940px; }
#narrow-column { display: inline-block; }

/* buttons */
.awesome, .awesome:visited { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 0 ; }
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }	
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

/* === BLOG === */
#blog_post_sample { margin: 0px auto; padding: 40px 0; width: 940px; }

/* previous, cat, design tags */
#org_wrapper { background: rgb(102, 102, 102); background: rgba(102, 102, 102, 0.6); padding: 0; }
#org { color: #030637; height: 200px; margin: 0 auto; padding: 50px 0; width: 960px; }
#recent_blog_posts, #categories, #design_tags { display: inline-block; padding: 0 10px 0 0; width: 526px; }
#categories, #design_tags { width: 200px; }
#recent_blog_posts ul, #categories ul, #design_tags ul { padding: 0 0 20px 0; }
#recent_blog_posts ul li, #categories ul li, #design_tags ul li { display: block; font-size: 2.3em; }

/* === FOOTER === */
#footer_wrapper { background: #272727; border-top: #454545 1px solid; padding: 0;}
#footer { color: #CCC; margin: 0 auto; width: 960px;}
#search { border-bottom: #454545 1px solid; height: 100px; padding: 50px 0 20px 0;}
.thissite { float: left; margin: 20px 20px 0 0;}
#searchbox { float: right; height: 100px; margin: 0 10px 0 0; width: 575px;}
input#submit_button { background: #666; border: 10px solid #333; color: #FFF; cursor: pointer; font-size: 2.5em; height: 68px; width: 68px;}
#searchform { background: #FFF; border: 10px #333 solid; color: #333; font-size: 3em; padding: 6px 8px 6px 8px; margin: 0 10px 0 0; width: 590px;}
.submit { background: #CCC none repeat scroll 0 0; border: 10px solid #666; color: #333; cursor: pointer; height: 40px; width: 40px;}
#contact { float: left; height: 250px; padding: 50px 0; width: 480px;}
#contact p { color: #FFF; font-size: 3em; margin: 55px 0 0 0;}
#contact p a:hover { color: #e4c2a6;}
#twitter { float: left; height: 250px; padding: 50px 0; width: 480px;}
#twitter a { color: #e4c2a6;}
#twitter_main { background: #474747; color: #FFF; font-size: 2em; height: 110px; margin: 20px 0 0 0; padding: 20px; width: 440px;}
#twitter_main li { list-style-type: none;}
#twitter_bottom { background: url(images/twitter_arrow.png) no-repeat; height: 20px; padding: 5px 0 0 30px; margin: 0 0 0 20px; width: 150px;}
#rich_content { border-bottom: #454545 1px solid; border-top: #454545 1px solid; clear: both; height: 150px; padding: 50px 0;}
#about { color: #00aeef; float: left; width: 160px;}
#about ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#about ul li a { color: #CCC; text-decoration: none;}
#about ul li a:hover { color: #00aeef;}
#portfolio { color: #ec008c; float: left; width: 160px;}
#portfolio ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#portfolio ul li a { color: #CCC; text-decoration: none;}
#portfolio ul li a:hover { color: #ec008c;}
#action { color: #fff200; float: left; width: 160px;}
#action ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#action ul li a { color: #CCC; text-decoration: none;}
#action ul li a:hover { color: #fff200; text-decoration: line-through;}
#social { color: #ff0000; float: left; width: 160px;}
#social ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#social ul li a { color: #CCC; text-decoration: none;}
#social ul li a:hover { color: #ff0000;}
#consume { color: #00ff00; float: left; width: 160px;}
#consume ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#consume ul li a { color: #CCC; text-decoration: none;}
#consume ul li a:hover { color: #00ff00;}
#stats { color: #0000ff; float: left; width: 160px;}
#stats ul li { font-size: 2em; line-height: 1.6em; list-style-type: none; padding: 0 0 2px 0;}
#stats ul li a { color: #CCC; text-decoration: none;}
#stats ul li a:hover { color: #0000ff;}
#legal { clear: both; height: 60px; margin: 50px 0 0 0;}

/* MISC WP LAYOUT */
/* === CAPTION === */
.wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; margin: 10px; padding: 4px 0 0 0; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 4px 5px 0 5px; }

/* === WRAPPER === */
.wrapper-archive { background: transparent url(images/archivebg.png) no-repeat 0 0; display: block; float: left; height: 240px; margin: 0 10px 10px 10px; padding: 10px; position: relative; width: 270px; }
.wrapper-archive .post-title { font-size: 1.4em; max-width: 220px; }

/* === POST === */
.post-title { font-size: 1.4em; }
.post-title, .post-title-single { background: transparent url(images/titlebg.png) repeat 0 0; font-size: 6em; font-family: "Helvetica Neue", Helvetica,Arial, sans-serif; font-weight: bold; padding: 15px 35px; position: absolute; text-align: center; top: 532px; width: 870px; z-index: 100; }
.post-title a, .post-title-single a, .entry a { color: #e4c2a6; }
.post-title a:hover, .post-title-single a:hover, .entry a:hover { background: #e4c2a6; color: #000; padding: 1px 0; }
.post-title-single { text-align: left; top: 245px; }

/* === ENTRY === */
.entry { background: transparent url(images/titlebg.png) repeat 0 0; bottom: 20px; font-size: 1.2em; line-height: 1.5em; max-width: 440px; padding: 15px; position: absolute; right: 20px; z-index: 100;}
.entry ul { margin: 5px 0 10px 0;}
.entry li { border-bottom: 1px solid #3b3b3b; list-style: none; padding: 5px 0 7px 0;}
.entry a:hover { background: #e4c2a6; color: #000; padding: 1px 0;}
.entry .big { font-size: 2em;}
.entry .rss-big { background: transparent url(images/rss.png) no-repeat 100% 60%; padding-right: 24px;}
.postmetadata { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4); color: #CCC; float: left; line-height: 1.5em; list-style-type: none; padding: 20px; margin: 0 0 5px 0; width: 195px; }
.postmetadata a { font-size: 2em; line-height: 1.8em; }
.postmetadata-archive { height: 58px; line-height: 1.5em; padding: 10px 0 0 0; width: 100%;}

/* === NARROW COLUMN === */
#narrow-column h3 { padding-bottom: 0 0 10px 0;}
#narrow-column ul { margin: 0 0 10px 20px; }
#narrow-column input, #narrow-column textarea, #narrow-column submit { border: 1px solid #c6c6c6; padding: 6px; }
#narrow-column #submit:hover { background-color: #333; color: #efefef;}
#narrow-column textarea { width: 545px;}

/* === COMMENTS === */
#thecomments { display: none; }
.commentlist { list-style: none; margin-bottom: 10px; }
.commentlist span.left a { font-weight: bold; }
.commentlist span.right a { color: #9e9e9e;	 font-size: 0.8em; }
.comment-top { background: #fff url(images/comments/head.png) no-repeat 0 0; height: 25px; padding: 10px; width: 540px; }
.comment-mid { border-bottom: 1px solid #c6c6c6; padding: 15px 10px; width: 540px; }
.comment-bottom { background: #fff url(images/comments/bottom.png) no-repeat 0 0; height: 10px; width: 590px;}
.commentmetadata { font-size: 0.8em;}

/* === SIDEBAR === */
#sidebar { display: none; float: right; line-height: 1.5em; width: 300px;}
.sidebar-top { background: transparent url(images/sidebar/top.png) no-repeat 0 0; height: 15px; width: 300px;}
.sidebar-mid { background: transparent url(images/sidebar/mid.png) repeat-y 0 0; padding: 0 20px; width: 260px;}
.sidebar-bottom { background: transparent url(images/sidebar/bottom.png) no-repeat 0 0; height: 15px; width: 300px;}
#sidebar li { list-style: none;}
#sidebar h2 { border-top: 1px solid #c6c6c6; margin: 10px 0; padding: 10px 0 0 0;}

/* === CODA SLIDER === */
.csw { height: 600px; overflow: hidden; width: 100%;}
.csw .loading { margin: 0; text-align: center;}
.stripViewer { /* This is the viewing window */ clear: both; height: 600px; margin: 0px auto; overflow: hidden; padding: 5px 0 15px 0; position: relative; width: 940px;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ left: 0; position: relative; top: 0; width: 100%; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 600px; position: relative; width: 940px; /* Also specified in  .stripViewer  above */}
.stripNavL, .stripNavR { background: none; position: relative; top: -400px; z-index: 200;}
.stripNavL { background: none; float: left;}
.stripNavR { background: none; float: right;}
.stripNavL a, .stripNavR a { background: none;}

/* === MISC TO BE TAKEN OUT=== */
span.left { float: left; }
span.right { float: right; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.float_left { display: inline-block; }
.float_right { float: right; }
.alignleft {  float: left; padding: 0 10px 10px 0; }
.alignright { float: right; }