/* 
	==============================
	
	absenter.org stylesheet 
	by nazarin hamid
	for http://www.weightshift.com
	naz@absenter.org
	
	feel free to learn from the
	code, but do not take it and
	use it as is for your own.
	re-use the code in your own
	way. use it as a starting 
	point, not as a standalone
	layout.
	
    ==============================
*/

* { margin: 0; padding: 0; }

* html body #bird { 
position: absolute; 
top: 838px;
left: 50%;
width: 531px; height: 10px;
margin: 0 auto auto -132px;
background: url(../gfx/masthead_bird_vert.png) no-repeat;
}

/* standard ======================= */

body {
color: #FFFFFF;
background: #FFFFFFF;
font-family: lucida sans unicode, lucida grande, verdana, arial, trebuchet MS, sans;
font-size: 11px;
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
}

img { border: 0; }

a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }
a:active { color: #FFFFFF; text-decoration: none; }

/* div's =========================== */

#center {
margin: 50px auto 50px auto;
}

#bird {
position: absolute; 
top: 840px;
left: 50%;
width: 531px; height: 10px;
margin: 0 auto auto -132px;
background: url(../gfx/masthead_bird_vert.png) no-repeat;
}

#photo {
width: 531px;
height: 800px;
text-align: center;
margin: 0 auto 0 auto;
}

#title {
width: 273px;
height: 56px;
background: url(../gfx/masthead_title.png) no-repeat;
}

#title p {
text-align: left;
padding: 28px 15px 15px 18px;
}

#nav {
width: 257px;
height: 43px; 
}

#col-one { float: left; width: 257px; height: 99px; }
#col-two { float: left; width: 273px; height: 99px; }

#col-three { clear: both; width: 531px; height: 99px; background: url(../gfx/masthead_notes_vert.png) no-repeat; }

#col-three p {
text-align: left;
padding: 29px 15px 15px 18px;
}

#col-three a { text-transform: uppercase; font-size: 10px; }

#logo a { width: 257px; height: 56px; display: block; }
#logo a:hover { width: 257px; height: 56px; background-color: #000000; display: block; }

#prev a { width: 135px; height: 43px; display: block; float: left; }
#prev a:hover { width: 135px; height: 43px; background-color: #000000; display: block; float: left; }

#next a { width: 138px; height: 43px; display: block; float: left; }
#next a:hover { width: 138px; height: 43px; background-color: #000000; display: block; float: left; }


/* classes ======================== */

.masthead { width: 531px; height: 198px; margin: 0 auto 0 auto; }

a.over:hover { background-color: #000000; }