/*   
Theme Name: Vorpal
Theme URI: http://www.jabberwockydesign.com/
Description: Second attempt at a custom Wordpress theme.
Author: James Saunders
Version: 0.5.8.2
*/

/* Normalization */
* {margin:0;padding:0;} 

body,div,dl,dt,dd,form,fieldset,input,blockquote,h1,h2,h3,h4,h5,h6,p,ul,ol,li
{margin:0; padding: 0;}

h1,h2,h3,h4,h5,h6
{font-size: 100%;}

ol, ul
{list-style: none;}

fieldset,img
{border:0;}

/* End Normalization */

/* Fonts */


/* End Fonts */

html{
height: 100%;
}

body {
height: 100%;
font: 10pt/1.4 normal;
font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

body.home ul#main_nav li#home_link a,
body.work ul#main_nav li#work_link a,
body.blog ul#main_nav li#blog_link a,
body.about ul#main_nav li#about_link a,
body.jabberwocky ul#main_nav li#jabberwocky_link a,
body.contact ul#main_nav li#contact_link a {
color: #900;
}

body a{
text-decoration: none;
color: inherit;
}

body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
width: 900px;
margin: 0px auto;
z-index: 1;
padding-top: 200px;
height: 100%;
position: relative;
}

div#content {padding-bottom: 300px;}

ul#main_nav{
color: #f1f1f1;
width: 930px;
position: absolute;
top: 120px;
font-size: 120%;
}

ul#main_nav li {
float: left;
width: 120px;
padding: 5px 10px;
margin: 0 12px 0 0;
text-align: left;
border-top: 1px solid #acacac;
border-bottom: 1px solid #cecece;
}

ul#main_nav li:hover {
background: #fcfcfc;
}

ul#main_nav li a{
color: #242424;
display: block;
width: 100%;
letter-spacing: 1px;
font-family: "Diavlo", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

ul#main_nav li a:hover, div#content a:hover{
color: #f38141;
background: #fcfcfc;
}

ul#main_nav li a span{
font-size: 60%;
display: none;
color: #686868;
width: 100px;
}

ul#main_nav li a:hover span{ 
display: block;
}

h1#branding {
position: absolute;
top: 20px;
font-size: 360%;
text-align: right;
letter-spacing: -1px;
width: 100%;
height: 240px;
}

h1#branding a{
color: #242424;
}

h1#branding a img {
position: absolute;
width: 140px;
left: 0;
top: 10px;
}

p#description {
position: absolute;
top: 80px;
font-size: 120%;
right: 5px;
color: #acacac;
letter-spacing: 2px;
}

div#search_box {
display: block;
width: 300px;
margin-bottom: 30px;
}

div#content p a, div#content li a {
color: #616161;
border-bottom: 1px solid;
}


div#feature {
width: 100%;
height: 500px;
}

div#feature img {
width: 100%;
height: 320px;
background: #616161;
display: block;
}

div#content h2 a,
div#content h3 a,
div#content h4 a{
display: block;
color: #353535;
}

div#content h2 {
width: 100%;
margin: 5px 0;
font-size: 190%;
border-bottom: 1px solid #acacac;
font-family: "Diavlo", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}
 
div#content h3,
div#content h4{
width: 100%;
margin: 0;
border-bottom: 1px solid #acacac;
font-family: "DiavloLT", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

div#content h3{
font-size: 160%;
}

div#content h4{
font-size: 120%;
}

/* 
2 Column 
content_main is 2/3 width
can hold two sub-columns
content_sub is 1/3
*/

div#content_main {
width: 590px;
background: #fff;
min-height: 800px;
position: relative;
color: #131313;
}

div#content_sub {
width: 280px;
position: absolute;
top: 200px;
right: 0px;
height: 800px;
font-size: 90%;
color: #353535;
}

div.subcolumn{
width: 280px;
min-height: 800px;
}

div.subcolumn h3{
color: #f38141;
}

div#subcol2{
position: absolute;
top: 500px;
right: 0;
}

div#content_main p a:hover{
background: #fcfcfc;
border-top: 1px solid #acacac;
border-bottom: 1px solid #cecece;
}

div#content_sub h4 {
margin: 0 0 4px;
}

div#content_sub ul{
margin: 0 0 20px;
}

div#content_sub ul li {
position: relative;
}

div#content_sub li ul{
padding: 0 10px;
margin: 0;
}

div#content_sub li a{
padding: 0 10px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
height: 20px;
}

div#content_sub li a:hover{
background: #fcfcfc;
border-top: 1px solid #acacac;
border-bottom: 1px solid #cecece;
}

div#content_sub li a img.soc_icon{
margin: 0px 4px 0 -8px;
position: relative;
top: 2px;
width: 16px;
height: 16px;
}

div#content_sub p#latest_tweet{
margin: 10px 1px;
padding: 10px;
color: #39f;
background: #eff;
border: 1px solid #dee;
}

div.post {
margin-bottom: 40px;
}

div#subcol1 div.post, div#subcol2 div.post {
font-size: 90%;
margin-top: 20px;
}

div.post h4{
position: relative;
}

div.post h4 span.post_date {
color: #ccc;
position: absolute;
right: 0px;
top: 0;
}

div.post p {
padding: 10px 0;
}

div.post ul{
list-style: disc;
margin: 15px;
}

div.post ol{
list-style: decimal;
margin: 15px 20px;
}

div.post ul.image_list,
div.post ol.image_list {
list-style: none;
margin: 0 3px 30px;
width: 582px;
padding: 0;
display: block;
overflow: auto;
border: 1px solid #ddd;
background: #f1f1f1;
}

div.post ul.image_list li,
div.post ol.image_list li{
margin: 6px 12px 6px 18px;
width: 152px;
padding: 3px 3px 0;
background: #d1d1d1;
border: 1px solid #c1c1c1;
float: left;
text-align: center;
}

div.post ul.image_list li.full_width,
div.post ol.image_list li.full_width{
width: 568px;
padding: 3px 3px 1px;
margin: 6px 3px;
}

div.post ul.image_list li:hover,
div.post ol.image_list li:hover{
background: #f3d1a1;
border: 1px solid #f38141;
}

div#content div.post ul.image_list li a,
div#content div.post ol.image_list li a{
border: none;
background: inherit;
}

div.post ul.image_list li a img,
div.post ol.image_list li a img{
margin: 0;
padding: 0;
}

div.post blockquote{
margin: 10px 0;
padding: 5px 15px 5px 37px;
background: #efefef url(images/open-quote.png) no-repeat 2px 2px;
border-left: 3px solid #ccc;
}

div.post blockquote p{
margin: 0;
padding: 5px;
font-style: italic;
}

div#feature p.feature_info, 
div.post p.post_info{
font-size: 80%;
border-bottom: 1px solid #cecece;
background: #fcfcfc;
color: #888;
padding: 2px;
margin-top: 5px;
}


div#feature p.feature_info a,
div#content_main div.post p.post_info a{
border: none;
color: #333;
}

div#feature p.feature_info a:hover,
div#content_main div.post p.post_info a:hover{
color: #f38141;
}

div#site_info {
position: relative;
width: 880px;
height: 80px;
margin: -80px auto;
font-size: 80%;
border-top: 1px solid #acacac;
background: #fcfcfc;
color: #131313;
padding: 10px;
clear: both;
}

div#site_info a {
color: #616161;
}

div#site_info a:hover {
color: #f38141;
}

.wp-caption {
background: #eee;
border: 1px solid #ddd;
text-align: center;
padding: 5px;
margin: 10px auto;
}

div#content_main p.auth_note{
border: 1px solid #f38141;
background: #eee;
color: #666;
padding: 5px;
margin: 5px;
}



/* Comments */
div#respond {
margin-top: 40px;
}

div#respond textarea#comment{
width: 540px;
}

div#content ol.commentlist{
list-style: none;
margin: 0;
}

ol.commentlist li{
border: 1px solid #ddd;
margin: 60px 20px 20px;
font-size: 90%;
padding: 10px 10px 20px;
position: relative;
}

ol.commentlist li div.comment-author {
position: absolute;
top: -35px;
left: -1px;
font-size: 140%;
background: #fff;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
display: block;
height: 30px;
padding: 4px 10px 0 40px;
}

ol.commentlist li div.comment-author img.avatar{
position: absolute;
top: 2px;
left: 2px;
width: 32px;
height: 32px;
}

ol.commentlist li div.comment-author {

}

ol.commentlist li.odd {
background: #eee;
border-color: #ccc;
}

ol.commentlist li div.commentmetadata {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 80%;
}

ol.commentlist li.bypostauthor {
border-color: #f38141;
background: #f5f5f5;
}

ol.commentlist li.bypostauthor div.comment-author {
right: -1px;
left: inherit;
background: #f5f5f5;
border-color: #f38141;
border-bottom: 1px solid #f5f5f5;
}

/* Single Page */
div.single div#content_main h3 {

}

/* Contact Form */
/* FTN Contact Form */ 
#ftn_contactform ul {list-style-type:none; padding-left:0;} 
#ftn_contactform ul li {margin-bottom:6px;} 
#ftn_contactform label {display:block; font-weight:bold; font-size:12px;} 
#ftn_contactform .textbox {padding:4px; border:1px solid #ccc; width:300px;} 
#ftn_contactform textarea.textbox {height:150px; width:400px;} 

/* Generic errors and info messages */ 
div.msg {margin-bottom:20px; padding:10px;} 
div.msg ul {padding:0; margin:0 0 0 20px;} 

div.errormsg {background:#ffffe5; border:1px solid #ffe5b2;} 
div.errormsg em {font-style:normal; color:#d74117; font-weight:bold;} 
div.errormsg ul {padding:8px 0 0 20px; margin:0;} 

div.successmsg {font-weight:bold; background:#f4f9f2; border:1px solid #A8CF9B; color:#5A8F47;}  

/* General Classes */
.r_text {
text-align: right;
}

/* Resume */
body.about h5{
color: #f38141;
font-size: 130%;
margin: 30px 0 -10px;
}

body.about h6 {
font-size: 110%;
margin: 20px 0 0;
}

body.about h6 a.company{
color: #666;
font-weight: normal;
}

body.about p.res_info {
color: #999;
margin: 0 0 -10px;
padding: 0;
font-size: 90%;
}

body.about p.res_info span.dates {
font-style: italic;
}

/* for flickr stream */
#flickr {
display: block;
text-align:center;
width: 100%;
}

#flickr a{
display: block;
float: left;
width: 30%;
margin-left: 3%;
}

#flickr img {
margin:3px;
padding:1px;
border:1px solid #ccc;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */