/* Redefined Tags */

* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	font: 15px/20px Arial, sans-serif;
	color: #333;
	background-color: #0e0f0f;
	}

h1, h2, h3, h4, p, ul, ol, blockquote, address {
	padding-bottom: 1em;
	}

p {
	font: 15px/20px Arial, sans-serif;
	color: #fff;
	}

address {
	font-style: normal;
}

address a:hover,
address a:visited:hover {
	color: #063c69;
}

ul, ol, blockquote {
	margin-left: 32px;
	line-height: 1.3em;
	color: #fff;
	}
	
ul, ol {
	font-size: 13px;
	line-height: 18px;
	}

h1 {
	font: 58px/63px Georgia, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 0.1em;
	letter-spacing: -0.8px;
	}
	
h1 a, h1 a:visited {
	text-decoration: none; }
h1 a:hover {
	color: #c19d7e; }

h2 {
	font: 19px/24px Arial, Helvetica, sans-serif;
	color: #333;
	}

h3 {
	font: bold 17px/22px Arial, Helvetica, sans-serif;
	color: #369;
	padding-top: 1em;
	}

hr {
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
	margin: .5em 0 1em;
	}

a {
	color: #fff;
	text-decoration: underline;
	}

a, a:active {
	outline: none;
	}

a:hover {
	color: #bd3a13;
	text-decoration: none;
	}

a:visited {
	color: #fff;
	text-decoration: underline;
	}

a:visited:hover {
	color: #bd3a13;
	text-decoration: none;
	}

img {
	border: 0;
	}
	

/* misc */

.site-name {
	color: #d7c0ac;
	font: italic 14px/19px Georgia, Arial, Helvetica, sans-serif;
	padding: 8px 0;
	text-shadow: 0 -1px 0 #140f0a;
	}
.site-name span {
	color: #876141;
	font-style: normal;
	text-shadow: 0 -1px 0 #140f0a;
	}
	
p.date {
	font: bold 13px/18px Georgia, Arial, Helvetica, sans-serif;
	color: #c23f18;
	padding-bottom: 2em;
	}	

p.next-story {
	font-size: 11px;
	font-weight: bold;
	padding-top: 2em;
	}
p.next-story a {
	padding: 0 10px;
	text-decoration: none;
	}
	
p.archive-story {
	font-size: 11px;
	font-weight: bold;
	padding: 2em 0;
	}
p.archive-story a { 
	text-decoration: none;
	display: block;
	width: 130px;
	margin: 0 auto;
	padding: 3px 0;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-color: #191106;
	}
	
a.comments_invite {
	color: #f94f64;
	}
a.comments_invite:hover {
	color: #f94f64;
	text-decoration: none;
	}

p.linktoStory {
	margin-top: 20px;
	clear: both;
	}
p.linktoStory a {
	text-decoration: none;
	}
p.linktoStory a:hover {
	text-decoration: underline;
	}
	
#ie6-sucks {
	display: none;
	}
	
	
/* structure */

#footer-box {
	clear: both;
	background-color: #000;
	padding: 18px 0;
	font-size: 12px;
	color: #ccc;
	text-align: center;
	}

#fy-outer-wrap,
#fy-wrap {
	width: 100%;
	}
	
#fy-head {
	/*background: #b21515 url(../img/bkgds/mental-metal-top-bkgd.png) repeat-x 0 0;*/
	background-color: #301a06;
	border-bottom: 1px solid #1d1303;
	border-bottom-color: #180e00;
	min-height: 52px;
	text-align: center;
	}
	
#fy-head div {
	width: 48px;
	height: 47px;
	padding: 0;
	margin: 0 auto;
	}
#fy-head div a {
	display: block;
	width: 48px;
	height: 47px;
	text-indent: -1000000px;
	background: transparent url(../img/global/fy-logo.png) no-repeat center top;
	}
	
#fy-content {
	background: transparent url(../img/global/content-bkgd.png) repeat center top;
	border-bottom: 2px solid #1d1303;
	padding: 30px 0 38px;
	}
#fy-content-inner {
	width: 780px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}

#fy-content-inner img {
	border: 4px solid #fff;
	}


/* Menu */	

.menu-wrap {
    width: 100%;
    background-color: #1d1100;
    border-bottom: 1px solid #271803;
    overflow: auto;
    }
    
.menu {
    width: 700px;
    margin: 0 auto;
    }
    
.menu ul {
    width: 100%;
    }
    
.menu ul,
.menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    
.menu ul li { 
    float: left;
    width: 20%;
    display: inline;
    }
    
.menu li a,
.menu li a:visited {
    display: block;
    width: 100%;
    padding: 2px 0;
    text-decoration: none;
    text-align: center;
    color: #c19d7e;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    }
.menu li a:hover,
.menu li a:hover:visited {
    background-color: #271803;
    color: #fff;
    }


	
/* Social */

.currently-col {
	float: left;
	width: 25%; /* change based on number columns */
	background: transparent url(../img/global/current-bkgd2.png) repeat center top;
	/*border-bottom: 1px solid #333;*/
	color: #fff;
	}
	
.current-wrap { padding: 20px; }

.currently-col p {
	color: #fff;
	text-shadow: #333 0 -1px 0
	}

.currently-col h5 {
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 0;
	color: #fff;
	text-shadow: #000 0 -1px 0
	}
.currently-col h5 a {
	text-decoration: none;
	display: block;
	}
	
.lastfm-col h5 a {
	background: transparent url(../img/global/lastfm.png) no-repeat 0 0; }
.twitter-col h5 a,
.twitter-work-col h5 a {
	background: transparent url(../img/global/twitter.png) no-repeat 0 0; }
.flickr-col h5 a {
	background: transparent url(../img/global/flickr.png) no-repeat 0 0; }
.del-col h5 a {
	background: transparent url(../img/global/delicious.png) no-repeat 0 0; }
	
.lastfm-col h5 a,
.twitter-col h5 a,
.twitter-work-col h5 a,
.flickr-col h5 a,
.del-col h5 a {
	padding: 0 0 18px 34px;
	}

.twitter-col a:hover,
.twitter-work-col a:hover { color: #91cfd2; }

.flickr-col a:hover { color: #fa1f8f; }

.flickr-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.flickr-col p {
	margin-bottom: 12px;
	padding-bottom: 28px;
	background: transparent url(../img/global/divider.png) repeat-x left bottom;
	}
	
.flickr-col li {
	/*margin-top: 12px;
	padding-top: 12px;
	background: transparent url(../img/global/divider.png) repeat-x left top;*/
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	}
	
.flickr-col img { border: 1px solid #ccc; }

.flickr-col a:hover img { border-color: #fa1f8f; }
	
.del-col a:hover { color: #478dd7; }
	
.del-col ul {
	/*list-style-image: none !important;
	list-style-position: inside !important;
	list-style-type: disc !important;
	margin-padding: 16px !important;*/
	}
	
.del-col li {
	line-height:1.2em;
	font-size: 14px;
	/*padding-bottom:8px;*/
	margin-top: 12px;
	padding-top: 12px;
	background: transparent url(../img/global/divider.png) repeat-x left top;
	overflow: hidden;
	}
	
.del-col .delicious-link {
	display: block;
	background: transparent url(http://l.yimg.com/hr/img/delicious.small.gif) no-repeat 0 3px;
	padding-left: 16px;
	text-decoration: none;
	}
	
	
/* flickr page */

p.flickr-link {
    text-decoration: none;
	display: block;
	width: 320px;
	margin: 20px auto;
	padding: 3px 0;
	font-size: 12px;
	font-weight: bold;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-color: #6897d1;
    }
p.flickr-link a:hover {
    color: #ff0084;
    }
	
	
/* Easy Slider */

#main-story ul, #main-story li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#main-story li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 780px;
	height: 560px;
	overflow: hidden;
	}	

#prevBtn, #nextBtn { 
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	left: -40px;
	top: 300px;
	}	
#nextBtn { 
	left: 794px;
	}														
#prevBtn a, #nextBtn a {  
	display: block;
	text-indent: -1000000px;
	width: 28px;
	height: 28px;
	background: transparent url(../img/global/btn-prev.png) no-repeat 0 0;	
	}
#prevBtn a:hover, #nextBtn a:hover { 
	background-position: 0 -28px; }
#nextBtn a { 
	background: transparent url(../img/global/btn-next.png) no-repeat 0 0;	
	}
	
#main-story li .story-inner {
	display: none;
	}


	
/* scroll pane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #666 url(../img/global/basic_arrow_up.gif) repeat-x 0 0;
	height: 9px;
	}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
	}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #666 url(../img/global/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
	}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
	}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
	}
	
.scroll-pane {
	/* width: 200px; */
	height: 560px;
	overflow: auto;
/*	background: #ccc;
 	float: left; */
}


	
/* iphone-theme */

.iphone-theme {
	position: relative;
	width: 320px;
	height: 480px;
	margin: 0 auto;
	padding-bottom: 3em;
	}
.iphone-theme a {
	display: block;
	text-indent: -100000px;
	background: transparent url(../img/common/iphone-ui.png) no-repeat -320px 0;
	position: absolute;
	width: 328px;
	height: 488px;
	top: 0;
	left: 0;
	}
.iphone-theme a:hover {
	background-position: 4px 4px;
	}
.iphone-theme img {
	border: 4px solid #000;
	}