/* now on webfaction! */

/*----- GENERAL -----*/

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

    body {
        color: #222;
        font-size: 100%;
        line-height: 1.25em;
        font-family: 'ArimoRegular';
        text-align: center;
        margin: 0 auto;
        background: #fff url(images/background-circles.jpg) top center no-repeat;
        /* Firefox */
	    -moz-background-size: 100% auto;
	    /* WebKit */
	    -webkit-background-size: 100% auto;
	    /* Opera 9.5+, later Google Chrome */
	    background-size: 100% auto;
    }
	 
	html > body {
	 	text-size:16px;
	}
	
	@media only screen and (min-width: 1132px) {
		body {
			text-size:120%;	
		}
		
		html > body {
		 	text-size:18px;
		}
		 	
	}

	 
	p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{
     	font-family: 'ArimoRegular';
     	line-height:1.25em;	
    }
	
	a:link, a:visited {
    	display: inline-block;
   	    color:#6a2121;
        text-decoration: none;
        padding:0;
        margin:0;
     }

     a:hover, a:active {
	   	display: inline-block;
        background:#6a2121;
     	color:#ffcc00;
        text-decoration: none;
        padding:0;
        margin:0;
     }

	 
    
    ol{list-style:decimal}

    ul{list-style:disc}

    li{
     	margin-left:30px;
    }
 	p {
     	line-height:1.5em;
		margin:1.75em 0 1.25em 0;
		text-rendering: optimizelegibility;
	}		
     
	 
	strong {
     	font-family: 'ArimoBold';
     	font-style: normal;
    }
     
    em {  
     	font-family: 'ArimoItalic';
     	font-style: normal;
    }

	h1 {
        font-family: "ChunkFiveRegular";
        color:#6A2121;
    }

    h2 {
     	font-family: "ChunkFiveRegular";
        color:#6A2121;
        font-size: 2.5em;
        line-height: 1.1em; 
		text-align:left;
    }

     h3 {
        font-size: 21px;
        line-height: 27px; 
     }

   	#main {
        margin:0;
        padding: 2em 0;
        background: #fff;
        background-color: rgba(255,255,255,.85);
       	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
    }

/*----- MASTHEAD -----*/

    .noMeta > div {
        padding: 0px;
    }

     #masthead {
        top:0;
        margin: 0 6%;
        width:88%;
        background: url(images/cool-folks.png) bottom left no-repeat;
        text-align: left;
        height: auto;
	    display: inline-block;
     }

     #masthead h1 {
        position:relative;
        top: 0.2em;
        left:34%;
        width:66%;
        color:#ffcc00;
        text-transform: lowercase;
        font-size:5.7em;
        z-index:100;
     }
     
     #masthead h1 a:link, #masthead h1 a:visited, #masthead a:hover, #masthead a:active {
        margin:0; 
        padding:0;
        color:#ffcc00;
        text-decoration: none;
        background: none;
     }
     
     #masthead h2 {
     	position:relative;
     	top:-1.25em;
     	background:#6a2121;
     	font-size: 1.4em;
     	color:#ffcc00;
     	padding:0.4em 0.3em 0.2em;
     	text-align:right;
	    margin-left:34%;	
	    z-index:50;
	    width:66%;
		font-weight:normal;
     }

     #masthead p {
        font-family: Georgia, serif;
        font-size: 20px;
        color: #fff;
        margin-bottom: 0;
     }

     #masthead a:link, #masthead a:visited {
        color:#6a2121;
     }

     #siteDescription{
        font-size: 13px;
        color: #222;
        text-transform: Uppercase;
        border-top: 1px solid #222;
        margin-top: 20px;
        margin-bottom: -5px;
        padding: 15px 0 0 0;
     }

/*----- SEARCH FORM -----*/

     #frmSearch {
        padding-top: 20px; 
        display: none;
     }

     #txtSearch {
        background: url(http://static.tumblr.com/bpryy0m/6lRl6gmys/search.jpg) left no-repeat;
        width: 225px;
        padding: 2px 0 0 20px;
        font: 12px/12px Georgia, "Times New Roman", Times, serif;
        color: #222;
        border: 0px;
     }

/*----- MAIN HEADER NAV STRIP -----*/

     #mainNav {
        position: relative;
        left:34%;
        width:66%;
        bottom: 0.5em;
        font-family: "ChunkFiveRegular";
        color:#6a2121;
        z-index:150;
     }

     #mainNav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width:100%;
     }

     #mainNav li {
        width:32%;
        display: inline-block;
        padding: 0;
        margin:0;
        text-align:right;
        font-size: 1.4em;
     }

     #mainNav a:link, #mainNav a:visited {
        font-family: "ChunkFiveRegular";
        padding: 0;
	    font-size:1em;
        line-height: 1.3em;
        margin: 0;
        padding:0;
        text-decoration: none;
     }

     #mainNav a:hover, #mainNav a:active {
        background:#6a2121;
     	color:#ffcc00;
	 }
	 
/*----- ARTICLE META INFO -----*/

     h5{
        width:24%;
        margin:0 0 -8.5em 5%;
        position: relative;
        font-size: 1.5em;
        line-height: 1.25em;
		height:6em;
        /*border-top: 1px solid #6a2121;*/
       	/*background: url('http://www.funkierthanthou.net/images/hr.gif') top left repeat-x;*/
	    padding:0.5em 0 0 0;
	    text-align: right;
		font-weight:normal;
     }

     h5 a:link, .line a:visited{
        font-family: 'ArimoRegular';
        font-weight: bold;
     }

     h5 abbr{
        display: inline-block;
     }
/*----- ARTICLE -----*/

     section {
     	margin-bottom:3em;	
     }
     
     /*article:first-child {
     	width:95%;	
     	margin-top: 1em;
     }*/
     
     article {
        width:61%;
        text-align: left;
       	margin-left:34%;
       	padding-top:3em;
       	margin-bottom:3em;
       	/*border-top: 1px solid #6a2121;*/
       	/*background: url('http://www.funkierthanthou.net/images/hr.gif') top left repeat-x;*/
      }

     article img.bigImg, article p img {
	 	text-align:center;
        border: none;
        margin:0;
        padding:0;
		max-width: 100%;
		height:auto;
     }

     article p img {
        margin: 0;
     }
         article .searchPage {
        margin: 35px 0 0 0;
     }

     .searchPageText {
        margin: 0 0 30px 0;
     }

     article h2 {
        font-size: 3em;
        line-height: 1.1em; 
        color:#6a2121;
		padding-top:0.1em;
		text-align:left;
		font-weight: normal;
     }

     blockquote {
        border-left: 2px solid #bca474;
        margin-left: 0;
        padding-left: 1em;
     }

     #quoteSource{
        margin: 0 auto;
        text-align: left;
     }

     #quoteText h2 {
        text-align: left;
        font-size: 2em;
        color:#6A2121;
        font-weight: normal;
     }

     article .chat {
        list-style: none;
        padding: 0;
        margin: 0;
     }

     article .chat li {
        margin: 0 0 2px;
        padding: 2px 0 2px 0;
     }

     .photoCaption {
        text-align: left;
     }

/*----- AUDIO PLAYER -----*/

     .audio {
        height: 28px;
        width: 26px;
        overflow: hidden;
        margin: auto;
        padding-top: 7px;
     }

     .audioc {
        background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
        background-repeat: no-repeat; 
        height: 41px;
        width: 41px;
     }

     .audioCaption {
        margin-top: 1px;
     }

     .audioleft {
        width: 41px;
        float: left;
      }

     .audioright {
        width: 444px;
        float: right;
      }

     .audioContainer {
        margin-top: 5px;
     }

     .audioClear {
        clear:both;
     }

/*----- ARTICLE NOTES -----*/

     .notes {
        border-top: 1px solid #bca474;
        list-style: none;
        padding: 20px 0 5px 0;
        margin: 30px 0 0 0;
     }
     .notes li {
        margin: 0;
     }

     .notes .avatar {
        margin: 0 5px 0 0;
        position: relative;
        top: 5px;
     }

     .notes blockquote {
        margin: 10px 0 0 35px;
        padding-left: 10px;
        border-left: 2px solid #222222;
     }

     .media {
        width: 500px;
        margin-bottom: 20px;
     }

/*----- PAGE NAVIGATION -----*/

     #pageNav {
        margin:0.2em 6% 1.5em 6%;
        padding: 4% 0;
        background:#fff;
        font-family:'ArimoRegular';
     }

     #pageNav ul {
        list-style: none;
        padding: 0;
        margin:0;
		height:40px;
     }

     #pageNav li {
		margin: 0;
        display: inline-block;
		text-align:center;
		font-size:1em;
     }

     #pageNav a:link, #pageNav a:visited {
        font-family: 'ArimoRegular';
        font-size:1.2em;
		padding: 0.65em;
        margin: 0 0.5em;
		display:block;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .8), 1px 0 9px rgba(0,0,0, .6);
     }

     #pageNavOlder:after {
        content: " »";
     }

     #pageNavNewer:before {
        content: "« ";
     }

/*----- FOOTER META -----*/

     #sitemeta {
        color: #222;
        padding: 20px 0 32px 0;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 11px;
     }

     #sitemeta p {
        margin: 0;
     }