/*   
Theme Name: Photoblog 
Theme URI: http://www.monsterfarming.com 
Description: Super sweet photo blog 
Author: Monster Farm 
Author URI: http://www.monsterfarming.com 
Version: 1.0 
*/
html, body {
	background: #000;
    height:100%;
    width:100%;
    overflow-y: hidden;
    overflow-x: auto;
    min-width: 960px;
    margin:0;
    padding:0;
    font-family: Georgia,Palatino,Times,"Times New Roman",serif;
    font-size: 14px;
}

a { text-decoration: none; color:#D0C0A6; outline-style:none;}
a:hover {color:#d50000;}
a img { border: 0; }
.popopen { outline: none; }
.clear { clear: both; }
#bgwrap { position: fixed; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; }
#bg { position: absolute; display: block; top: 0; left: 0; border: 0; }
/* Top bar */
#top { position: absolute; width: 100%; height: 44px; z-index: 1; top: 0; left: 0; background: transparent url(pbimg/top_bg.png) top center repeat-x; min-width: 960px; } 
#top { text-shadow: 1px 1px 1px #000; font-size: 14px;  }
#top .nav { color: #a3a3a3; line-height: 44px; display: block; text-transform: uppercase; font-weight:normal; }
#top strong { font-weight: normal; font-size: 23px; }
#top .prev { padding: 0 0 0 21px; float: left; }
#top .next { margin: 0 21px 0 0; float: right; text-align: right; }
#top a:hover { color: #FFF; }
#top .content { line-height: 31px; margin: 5px 132px 0; border: 1px solid #847c70; height: 32px; overflow:hidden; }
#top .content .date { display: block; line-height: 26px; padding: 0 8px 0 15px; float: left; color: #fff; 

text-transform: uppercase; }
#top .content .title { margin: 0; padding: 0 10px 0 0; display: block; float: left; color: #d0c0a6; text-transform: 
uppercase; font-size: 14px; font-weight:normal;  }
#top .content .title .date { float: none; padding: 0; }
#top .content p { display: block; float: left; margin: 0; padding: 0 23px 0 10px; color: #bebebe; }
#top .content a { color: #a3a3a3; }

/* Bottom bar */
#bot { position: absolute; width: 100%; height: 44px; min-width: 960px; z-index: 1; bottom: 0; left: 0; background: transparent url(pbimg/btm_bg.png) top center repeat-x; min-width: 960px; } 
#bot .logo { margin: 0; padding: 0; display: block; float: left; width: 273px; height: 44px; }
#bot .logo a { text-indent: -999em; display: block; overflow: hidden; background: transparent url(pbimg/logo.png) 0 

0 no-repeat; margin: 5px 0 0 0; width: 226px; height: 35px; }
#bot .menu { float: left; background: transparent url(pbimg/menu_bg.png) 0 0 no-repeat; width: 263px; height: 44px; 

}
#bot .menu a { display: block; width: 186px; font-size: 18px; height: 44px; color: #000; line-height: 44px; 

text-align: center; margin-left: 38px; text-shadow: 0px 0px 1px #000; outline: none; }
#bot .social { float: right; margin-right: 2px; line-height: 42px;}
#bot .social a { color: #989898; text-shadow: 0 0 1px #000; margin-right: 4px; }
#bot .social a.about { margin-right: 15px; }
#bot .social a.contact { margin-right: 13px; }
#bot .social a img { vertical-align: middle; }

div.menu ul { display: none; position: absolute; bottom: 43px; left: 310px; margin: 0; padding: 14px 0 0 0; background: transparent url(pbimg/ul_bg.png) 0 0 no-repeat; list-style-image: none; list-style-type: none; width: 185px; } 
div.menu ul li { margin: 0; padding: 0; background: transparent url(pbimg/li_bg.png); }
div.menu ul li a { display: block; width: 170px; padding: 0 0 0 18px; line-height: 48px; color: #d0c0a6; text-shadow: 0px 0px 1px #000; background: transparent url(pbimg/li_a_bg.png) 9px bottom no-repeat; text-transform: lowercase; } 
div.menu ul li a:hover { color: #fff; }

/* Content area */
div#content { position: absolute; left: -806px; top: 74px; bottom: 74px; overflow: hidden; z-index: 1; }
div#content .read { display: block; float: right; width: 50px; height: 99px; background: transparent 

url(pbimg/read.png) top right no-repeat; cursor: hand; cursor: pointer; z-index: 4; }
div#content .post { width: 800px; border-style: solid; margin-right: 25px; background: transparent url(pbimg/post_bg.png); }
.post .date { display: block; width: 118px; padding: 42px 0 0; text-align: right; color: #ce8762; font-size: 14px; 

float: left; }
.post .content { margin-left: 120px; width: 620px; padding: 30px 10px 10px; }
.post .content h1 { margin: 0; padding: 0; }
.post .content h1 a { color: #d0c0a6; text-decoration: none; font-weight: normal; font-size: 30px; letter-spacing:-1px}
.post .content p { color: #fff; font-size: 14px; }
.post ul.tags { padding-left: 20px; display: block; width: 620px; }
.post ul.tags li { display: block; float: left; padding-right: 18px; color: #ac6540; }
.post ul.tags li a { color: #d7c9b5; }
.post ul.tags li a:hover { color: #fff; }

#wrapper { width: 940px; margin: 44px auto 44px auto;}


/*---- Pages ----*/
#pageTop {position: absolute; width: 100%; height: 44px; z-index: 1; top: 0; left: 0; background: transparent url(pbimg/top_bg.png) top center repeat-x; min-width: 960px; }
#pageTop h1 {text-align:center; font-size: 1.5em; font-weight: normal; letter-spacing: -0.1em; color:#ffffff;}



/*----- magnetic north -----*/
a.magneticnorth {display:block; position:absolute; right:0; bottom:60px; width:150px; height:150px; background:url(images/magneticnorth_logo.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
a.magneticnorth:hover {background-position:0 -150px;}


/*------------- monsterfarm -----------*/
.monsterfarm {float:right; color:#989898; text-shadow:0 0 1px #000000; font-size:14px; letter-spacing:-0.03em; padding:5px 10px 0 0; margin:8px 10px 0 0; border-right:1px solid #666; display:block; height:20px;}
.monsterfarm a {color:#CCC; text-decoration:none;}
.monsterfarm a:hover {color:#FFF;}