/*
Theme Name: December
Theme URI: http://natelaffan.com
Description: To be kept. For Five Years
Version: December
Author: Nate Laffan
Author URI: http://natelaffan.com/
*/



/*---------------------------------------------------------*/

/*                         GLOBAL                            */

/*---------------------------------------------------------*/
/*---------------- RESETv ------------------*/


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

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}

ul,ol {list-style:none;}

fieldset,img,hr {border:none;}

caption,th {text-align:left;}

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

td {vertical-align:top;}

a {text-decoration: none;}

:focus {outline: 0;}

.clearfix {clear: both;}


/*---------------- type ------------------*/

.main_nav, .littlecaps, .portfolio-link, .portfolio-button{
font-family: "deva-ideal-1","deva-ideal-2", Trebuchet MS, Tahoma, sans-serif;}

.recent-post-title, h3, .archive-list, p {
font-family: "legitima-1","legitima-2", Georgia, serif;}

.recent-post-row1, .xxvi-label, .restless-label, h4 {
font-family: "metallophile-sp8-1","metallophile-sp8-2", Trebuchet MS, Helvetica, sans-serif;}

h1, h2 {font-family: "grad-1","grad-2", Georgia, serif;}


h4 {
font-size: 13px;
padding-bottom: 15px;
text-transform: uppercase;
font-weight: 400;
color: #1b1b1b;
}

h1 {
font-size: 45px;
text-align: right;
padding: 15px 0 10px;
border-bottom: 3px double  #1b1b1b;

}

p {color: #2d2d2d; }

h2, h2 a {
color:black;
font-size: 33px;
line-height: 38px;
}

a {color: black;}
a:hover {text-decoration: underline;}

p a, #tweet li a {color: #de7300;}

h3 {
font-size: 20px;
}

p, #tweet{
font-family: Georgia, Garamond, serif;

padding-bottom: 20px;
font-size: 15px; line-height: 23px;
}


.littlecaps {
text-transform: uppercase;
font-size: .8em;
font-weight: 300;
}

#mast-caption {
font-family: Helvetica, sans-serif; 
line-height: 17px;

 }

.sectionhead{
font-family: "deva-ideal-1","deva-ideal-2",sans-serif;
font-size: 13px;
font-weight: 700;
padding: 12px 0 10px 0;
margin-bottom: 10px;
border-bottom: double 3px #cccccc;
}

blockquote {
background: #fbfcd5;
padding: 20px 20px 0 20px;
font-style: italic;
margin-right: 20px;
margin-bottom: 20px;

}

.lightgray-text, .lightgray-text a {color: #cccccc;}


/*---------------- structure ------------------*/



body {
margin: 0 ;
padding: 0;
top:0;
}

.superduper {
background: url(assets/header_stripe.png) top repeat-x;
width: 100%;
}

.super {
margin: 0 auto; 
width: 900px;
}


.header {
height: 70px;
border-bottom: solid 2px #1b1b1b;
padding: 0;
margin: 0;
}


.headerbox_stripe {
width: 900px;

height: 73px;
/*always 3 more than headerheight*/

clear: both;
border-bottom: solid 1px #adadad;

}


#nav-logo { 
background: url(assets/logo.png) no-repeat; 
position: absolute;
margin-top: 37px;
width: 104px; 
height: 39px; 
float: left;
}

/*---------------- main-nav ------------------*/
.main_nav {
font-size: 15px;
font-weight: 100;
float: right; 
padding-top: 35px;
width: 650px;}

.main_nav a {color: black;}

.main_nav a:hover {text-decoration: none;}

.main_nav li {float: right; display: block; padding-left: 29px;  }

.main_nav li a:hover {color: #de7300;}

#current {font-weight: 800; color: #0da0e4;}




/*---------------------------------------------------------*/

/*                         FOOTER                          */

/*---------------------------------------------------------*/


.footerstripe {
border-top: double 3px #1b1b1b;
background: white;
height: 1px;
width: 100%;
}

.footer-cage {
background: #1b1b1b;
height: 400px;
width: 100%;
clear: both;	
}

.footer {

position: absolute;
left: 50%;
margin:0 0 0 -450px;
}

.footer h2 {color: white; }



/*-- row-1 a search --*/


/* Searchpage */
.footer-row1 {
height: 70px; 
padding-top: 30px;
width: 900px;
border-bottom: solid 1px #5c5c5c;

}

footer-search {
float: left;
height: 100px;
width: 500px;
}

.footer-search h2{
width: 100px;
display: block;
float: left;
}

.vertical_line{
position: absolute;
height: 100px;
border-left: solid 1px #5c5c5c;
float: left;
margin: -63px 0 0 600px;
}



.footer-icons {
position: absolute;
margin: -40px 0 0 605px;
width: 295px; 
}


.searchform {
padding-left: 100px;
}

.search_entry input {
margin-left:30px;
padding: 0 10px 0 20px;
width: 300px;
font-size: 15px;
background: #717171;
border: 0;
float: left;
}

.search_entry input:focus {
background: white;
}

#searchbutton, .search_entry input {height: 34px;}

#searchbutton {
letter-spacing: 1px;
text-transform: uppercase;
border: 0;
background: #535353;
margin: 0;
color: white;
padding: 10px 18px 10px 18px;
}
	
#searchbutton:hover {background: white; color: black;}


/*-- row-1 b icons --*/

.footer-icons {padding-left: 20px;}

.footer-icons li {float: left; padding-right: 40px;}





.rss-icon a, .wordpress-icon a {
width: 53px;
height: 53px;
display: block;
}

.rss-icon a{background: url(assets/icon_rss.png) no-repeat top;}
.wordpress-icon a{background: url(assets/icon_wp.png) no-repeat top;}

.umbrella-icon a{
background: url(assets/icon_nl.png) no-repeat top;
width: 64px;
height: 53px;
display: block;

}


/*---------------- row2-left - ADDENDUM ------------------*/

.footer-row2-left {
border-right: solid 1px #5c5c5c;
width: 400px;
float: left;

}

.footer-addendum {padding: 30px 0 0 0;}
.footer-addendum p {width: 370px; color: #5c5c5c; padding-top: 20px; line-height: 22px; }


/*---------------- row2-right A - elsewhere ------------------*/


.footer-row2-right {
margin-left: 400px;
}

#elsewhere_list h2 { height: 40px; position: absolute;}

.footer-elsewhere {
padding: 30px 0 30px 30px;

}

#elsewhere_list { 

width: 240px; margin-left: 200px; position: absolute; margin-top: -35px;}

#elsewhere_list a {color: #5c5c5c; }
#elsewhere_list a:hover {color: white; }

#elsewhere_list li {
line-height: 20px;
float: left;
padding-right: 30px;
}
/*-- bumps the second row of links so that they line up--*/

.vim {padding-left: 10px;}

/*---------------- row2-right A - copyright ------------------*/

#copyright {
width: 458px;
padding: 30px 0 30px 40px;
position: relative;
border-top: solid 1px #5c5c5c;
border-bottom: solid 1px #5c5c5c;
float: left;
}

#copyright, #copyright a {color: #5c5c5c;}
#copyright a:hover {color: white;}


#copyright li {
float: left;
padding-right: 10px;
}


/*---------------------------------------------------------*/

/*                         BLOG                            */

/*---------------------------------------------------------*/

/*---------------- column 1 ------------------*/

.col_1 {
width: 600px;
border-right: solid 1px #adadad;
float: left;
padding-top: 20px;
display: block;
}

.imagebg {float: none; text-align: center; width: 600px;}
.imagebg img {text-align: center;}

.sidebar { 
margin-left: 600px; 
}

.fadeshadow {
position: absolute;
background: url(assets/fadeshadow.png) no-repeat top;
width: 22px;
height: 800px;
}


.sidebar-content {
padding:10px 0 0 15px;
}



#entry-metadata {text-align: center; padding: 10px 0 20px 0;}

#entry-metadata, .post h2 {width:290px;}

.post h2 {text-align: center; padding-bottom: 10px;}


#post_header {width: 310px;}

.col_1 p {width: 570px; }
.col_1 h2 {}
#blog-time, .col_1 h2 {text-align: center;}
#blog-time{padding-bottom: 10px;}

.recent-post-box {
width: 280px;
margin-bottom: 10px; 
padding-left: 5px;
}

.recent-post-row1 {
margin-top: 20px;
padding-top: 3px;
border-top: solid 1px #cacaca;
font-size: 12px;
text-transform: uppercase;
}

.recent-post-row1 a {color: #a2a2a2;}
.recent-post-row1, .recent-post-title a {color: black;}

.recent-post-date {float: left; width: 120px;}
.recent-post-comments {float: right;}

.recent-post-title {
padding-top: 2px;
clear: right;
padding: 3px 0 0 0;
}





/*---------------------------------------------------------*/

/*                         SINGLE                          */

/*---------------------------------------------------------*/



#header-navigation {
border-bottom: solid 1px #7f7f7f;
padding-top: 10px;
height: 20px;
}

#header-navigation a {color: black;}
#header-navigation a:hover {text-decoration: underline;;}


.navig-label {color: #cccccc;}


.alignleft {float: left;}

.alignright{float: right;
}

/*---------------- column 1 ------------------*/


.single-post {
border-right: solid 1px #7f7f7f;
}

.single-post h2, #single-time{
text-align: center;
}
.single-post img {text-align: center;}

#single-time {padding-bottom: 10px;}



/*---------------- column 2 ------------------*/

.col_2 {
width: 270px;
float: right;
padding: 20px 10px 10px 10px;
}

.col_2-post p {
width: 260px;
}



#comment-title {
padding-bottom: 20px;
}

.single-comments{
padding: 20px 0 0 20px;
margin-left: 600px;
border-left: solid 1px #7f7f7f;
}


.comment-list li{padding:10px 0 20px 0;}


.comment-author {
float: left;
font-size: 16px;
width: 100px;
color: #888;
}

.comment-author a {color: #888;}

.comment-datetime {
float: right;
}

.comment-header {
height: 25px;
}
.comment-text {
margin-top: 25px;
}

.comment-text br {
padding-bottom: 25px;
}


/*---------------- comment form ---------------*/

.comment-field  {

padding: 9px;
width: 260px;
font-size: 15px;
border: solid 1px #7f7f7f;
margin-bottom: 20px;
}


.comment-label {
font-size: 16px;
color: #727272;
padding-bottom: 5px;
}

#respond h2 {color: #727272; padding-bottom: 20px;}


/*---------------------------------------------------------*/

/*                      POST ARCHIVE                       */

/*---------------------------------------------------------*/

.post-archive h1 {
padding-top: 10px;
padding-bottom: 10px;
}


/*---------------- column 1 ---------------*/

#archivepage{
width: 600px;
float: left;
}

#archivepage h2{
padding: 20px 0;
}

.archive-recent-entry{
padding-right: 20px;
width: 275px;
float: left;
height: 400px;
padding-bottom: 30px;
}


.archive-recent-entry-inner {
padding:10px 0 20px 0;
border-top: solid 1px #7f7f7f;

}


.archive-meta {display: block; height: 20px; }
.archive-recent-date {float: left;}
.archive-recent-comments {float: right; }



.archive-recent-title h3 {clear: right; padding-bottom: 5px; }

.archive-recent-img  {
margin-bottom: 10px;
border-top: solid 1px #7f7f7f;
border-bottom: solid 1px #7f7f7f;

}

/*---------------- column 2 ---------------*/



/*---------------- search box---------------*/

.archive-search h2 {color: white;
padding-bottom: 10px;
}


.archive-search {
margin-top: 1px;
width: 280px;
display: block;
background: #1b1b1b;
padding: 20px 0 0 20px;
height: 111px;

}

.double-line {
border-bottom: double 3px #1b1b1b;
background: white;
margin-top:1px;


}


.archive-search input , #archivesearch  {height: 34px;}

.archive-search-box input {
float: left;
border: none;
background: white;
font-size: 15px;
padding-left: 10px;
width: 170px;
}

#archivesearch {
border: none;
background: #717171;
padding-left: 10px;
padding-right: 10px;
color: white;
margin-left: 10px;
}

.archivesearch:hover {color: black; background-color: white;
}

/*---------------- categories---------------*/

.sidebar-content h2 {padding:20px 0 0 10px; }


.archive-list li {
padding:8px 0 8px 10px;  
border-bottom: 1px solid  #7f7f7f;
}

.archive-list {
border-top: 1px solid  #7f7f7f;
margin-top: 10px;
}

.float-right {float: right; display: inline;}


/*---------------------------------------------------------*/

/*                         SEARCH                          */

/*---------------------------------------------------------*/


.search-result {
padding: 10px 0 20px 0; 
width: 550px;
border-top: solid 1px #7f7f7f;
}

.search-result h3 {padding-bottom: 5px;}



/*---------------------------------------------------------*/

/*                         PHOTOS                          */

/*---------------------------------------------------------*/

.photos-wrapper p {
font-size: 14px;
line-height: 20px;
}

#current-album {
width: 450px;
float: left;
border-right: solid 1px #1b1b1b;
}


#old-albums {
width: 448px; 
border-left: solid 1px #1b1b1b; 
margin-left: 450px; 
}

.photos-wrapper h2 {
border-bottom: solid 1px #cccccc;
padding: 10px 0 10px 0;
margin-bottom: 30px;
}
.photos-wrapper h3 { padding-top: 10px;}


#old-albums h2 {padding-left: 30px;}


.xxvi-button, .comment-bucket {width: 225px; float: left;}
.xxvi-button {width: 183px; text-align: center;}

.xxvi, .photo-comments {padding-bottom: 40px;}
.xxvi p, .photo-comments p {width:200px; margin-left: 225px; }

.photo-comments {clear: both;}
.photo-comments h2 {border-top: 3px double #1b1b1b;}



.label-graybox {
padding: 10px 20px;
border: solid 1px #cccccc;
}

.old-album {
width: 180px;
height: 220px;
float: left;
padding:0 0 30px 30px;
text-align: center;
}

#quarter-past, #pearl-street {padding-right: 20px;}



/*---------------------------------------------------------*/

/*                     VARIOUS & SUNDRY                    */

/*---------------------------------------------------------*/

.various-sundry {padding-top: 20px; width: 950px;}

.various-sundry h3 a:hover {text-decoration: none; color: #0da0e4;}


#various-item {
float: left;
width: 310px;
padding-bottom: 30px;
height: 380px;
}

#various-item a:hover {text-decoration: none;}



#various-item h3, #various-item p {text-align: center; width: 270px; margin-left: 20px; }

#various-item img {padding-bottom: 10px;}



/*---------------- mixtape ---------------*/

.various-mixtape h2 {
padding: 20px 0 20px 0;
border-bottom: solid 1px #7f7f7f;
}

.mixtapelist li {border-bottom: solid 1px #cccccc; height: 120px;}

.mixtapelist li img {float: left; margin-top: 10px;}

.mixtape-text {float: left; width: 420px; padding: 40px 0 0 40px;}

.mixtape-text p {padding: 0; margin-top: 5px;}
.mixtape-player {float: right; padding-top: 50px;}


/*---------------------------------------------------------*/

/*                         DRAWING                         */

/*---------------------------------------------------------*/


.drawing-wrapper h1 {
position: relative;
z-index: 3;
}

.restless {
position: relative;
z-index: 2;
margin-top: -73px;
height: 336px;
width: 900px;
}



.restless-label {
text-transform: uppercase;
position: absolute;
z-index: 3;
margin: 105px 0 0 550px;;
font-size: 13px;
background-color: white;
padding: 2px;
}




.old-sketchbooks h2 {
padding: 10px 0 10px 0;
border-bottom: solid 1px #cccccc;
border-top: double 3px #1b1b1b;
margin-bottom: 10px;
}

.old-sketchbooks h3 {
padding: 10px 0 10px 0;
}


.old-sketchbook {
float: left;
width: 285px;
height: 400px;
}

#sketchbook2009, #sketchbook2008 {
border-right: solid 1px #cccccc;
padding-right: 11px;
margin-right: 10px;

}



#nz-sketchbook {
width: 285px;
padding-right: 0px;
margin-right: 0px;
}

.vertical-space {
display: block;
height: 30px;
clear: both;
}


/*---------------------------------------------------------*/

/*                        PORTFOLIO                        */

/*---------------------------------------------------------*/




#portfolio-full {
width: 620px;
float: right;
padding-top: 30px;
margin-right: 15px;
}

#portfolio-full li {
width: 97px;
padding:0 0 27px 27px;
float: left;
}

#portfolio-categories a {color:#7f7f7f;}
#current-portfolio a{color: black; }


.portfolio-sidebar {
float: left;
width: 250px;

}
#portfolio-categories {
padding-bottom: 20px; 
}


#portfolio-categories h2 {font-weight: 100;}

#portfolio-categories li {
padding: 13px 0 13px 0;
border-bottom: solid 1px #cccccc;
}





#portfolio_content {float: right; padding: 20px 0 10px 0; width: 620px;}

#portfolio_content p {padding-top: 10px;}
#portfolio_content img {
border-top: solid 1px #cccccc; 

padding: 10px 0;}

.portfolio-link {
font-size: 11px;
color: white;
padding: 6px 10px 6px 10px;
letter-spacing: 1px;
text-transform: uppercase;
border: 0;
background: #de7300;
}

.portfolio-link:hover {
text-decoration: none;
border: 1px solid #de7300;
color: #de7300;
background: white;


}


.portfolio-navigation {
height: 120px;
padding: 15px 0 0 0;

}
.portfolio-button {
width: 100px;
text-align: center;	
font-size: .9em;
text-transform: uppercase;
}

.portfolio-button img {
padding-bottom: 10px;
}

.portfolio-button a {color: #cccccc;}
.portfolio-button a:hover {color: #7f7f7f;}


/*---------------------------------------------------------*/

/*                        MISC                             */

/*---------------------------------------------------------*/

.potd img {
width: 340px;
height: 226px;
}

.potd {padding-bottom: 20px;}

.qtip {
font-family: "metallophile-sp8-1","metallophile-sp8-2", Trebuchet MS, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 500;
}

.introimage {
width: 899px;
height: 615px;
display: block;
background: url(http://www.natelaffan.com/images/masts/nl-drip.jpg) no-repeat top;

}

/* 404 Page */

#fourohfour-msg {
background: url(assets/404msg.png) no-repeat top;
width: 900px;
margin: 20px 0;
padding: 330px 0 30px 0;
display: block;
text-align: center;
}

#fourohfour-msg a {
background: #3daab4;
color: white;
font-family: "metallophile-sp8-1","metallophile-sp8-2", Trebuchet MS, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 500;
padding: 10px 20px;
margin-top: 320px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#fourohfour-msg a:hover {
background: #2a757c;
text-decoration: none;

}