@charset "utf-8";
/* CSS Document */

/******************** RESET, BASICS ********************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, abel, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	line-height: 1;
	width: 100%;
	height: 100%;
	background: url(http://www.fictionalhead.com/assets/images/bgtile.gif);
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

ol, ul
{
	list-style: none;
}

blockquote, q 
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

ins 
{
	text-decoration: none;
}

del 
{
	text-decoration: line-through;
}

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

/******************** DIVS ********************/
.homewrap
{
	overflow: auto;
	width: 960px;
}

.homecol1, .homecol2, .homecol3
{
	width: 280px;
	float:left;
}

.homecol1 h1, .homecol2 h1, .homecol3 h1
{
	font-size: 30px !important;
	margin-bottom: 20px;
	margin-left: 20px;
}

.homecol1 ul, .homecol2 ul, .homecol3 ul
{
	margin: 40px 0px 0px 20px;
}

.homecol1 img.main, .homecol2 img.main, .homecol3 img.main
{
	padding: 9px;
	border: 1px solid #d4d4d4;
	background: #FFFFFF;
	margin-bottom: 10px;
}

.homebar
{
	width: 280px;
	padding: 15px 0px 20px 0px;
	background: url(http://www.fictionalhead.com/assets/images/sidebar_home.jpg) no-repeat top center;
	position: relative;
	margin-top: 40px;
}

.homebar h1
{
	font-size: 18px !important;
	margin-left: 10px !important;
}

.colwrap
{float:left;}

.homecol1 { margin-right: 40px; }
.homecol2 {  margin-right: 40px; }
.homecol3 {  }

.right
{float:right;}


.left
{float:left;}

#header
{
	background: url(http://www.fictionalhead.com/assets/images/bgtile.gif);
	width: 100%;
	height: 220px;
}

.headcent
{
	margin: 0 auto;
	width: 960px;
	position: relative;
}

.headcent h2 a
{
	color: #FFFFFF;
	text-decoration: none;
}

.headcent h2 a:hover
{
	text-decoration: underline;
}

.firstpos, .secondpos, .thirdpos, .fourthpos, .fifthpos
{
	position: absolute;
	top: 14px;
	z-index: 100;
}

.firstpos {	left: 250px; }
.secondpos { left: 375px; }
.thirdpos {	left: 475px; }
.fourthpos { right: 100px; }
.fifthpos { right: 20px; }

.csslogo
{
	position: absolute;
	top: 12px;
	left: 20px;
	z-index: 101;
}

img.fiction
{
	position: absolute;
	right: 95px;
	bottom: 10px;
}

img.extraimg
{
	position: absolute;
	top: 0px;
	left: -200px;
	z-index: 1;
}

h1.flashmsg
{
	font-size: 30px;
	position: absolute;
	top: 110px;
	left: 20px;
	color: #FFFFFF;
}

h2.flashmsg
{
	font-size: 15px;
	position: absolute;
	top: 270px;
	left: 20px;
	color: #FFFFFF;
}

h1.flashmsg strong
{
	font-size: 20px;
}

h1.barhead
{
	text-transform: uppercase;
	position: absolute;
	bottom: 14px;
	left: 20px;
	font-size: 30px;
	letter-spacing: 3px;
}

#container
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content
{
	min-height:600px;
	height:auto !important;
	height:600px;
	width: 920px;
	margin: 0 auto;
	padding: 40px 20px 80px 20px;
	overflow:auto;
	position: relative;
}

#footer
{
	height: 305px;
	width: 100%;
	background: #323232;
}

#footer-content
{
	width:920px;
	margin: 0 auto;
	padding: 40px 20px 0px 20px;
}

.footcol
{
	width: 215px;
	height: 200px;
	float:left;
	margin-right: 20px;
}

img.tag
{
	background: none !important;
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
	clear:both !important;
}

.footfull
{
	clear:both;
	width: 920px;
	border-top: 1px solid #5b5b5b;
	padding: 20px 0px 20px 0px;
}

.lastcol
{
	margin-right: 0px !important;
}


.portfolio-wrap
{
	clear:both;
	overflow: auto;
	margin-bottom:80px;
	padding-bottom:40px;
	border-bottom: 1px solid #d4d4d4;
}	

.portfolio-wrap-nav
{
	clear:both;
	overflow: auto;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom: 1px solid #d4d4d4;
}	

p.backtop
{
	float:right;
	margin-top: -18px;
}

.small-player
{
	float:left;
	margin-right: 10px;
}

.mainblock
{
	width: 245px;
	height: 170px;
	position:absolute;
}

.block1
{
	top:40px;
	left:20px;
}

.block2
{
	top:40px;
	left:305px;
}

.block3
{
	top:270px;
	left:20px;
}

.block4
{
	top:270px;
	left:305px;
}

#sidebar
{
	position:absolute;
	top: 40px;
	right: 20px;
	padding: 16px 0px 20px 0px;
}

.heading
{
	height: 34px;
	padding-left: 10px;
}
	
.wide
{
	width: 350px;
	background: url(http://www.fictionalhead.com/assets/images/sidebar_wide.jpg) top center no-repeat;
}

.thin
{
	width: 175px;
	background: url(http://www.fictionalhead.com/assets/images/sidebar_thin.jpg) top center no-repeat;
}

.thin ul
{
	margin: 10px;
	line-height: 18px;
}

.desc
{
	float:right;
	padding: 16px 0px 20px 0px;
	
}

.blogentry
{
	width: 665px;
	float:left;
	position:relative;
	margin-bottom: 20px;
	padding: 20px 20px 15px 20px;
}

.entrythin
{
	width: 530px !important;
	padding: 0px !important;
	overflow: hidden;
}

.contentwrap
{
	width: 545px;
	float:left;
}

.entry-segment
{
	margin-bottom: 20px;
}

.check
{
	background: url(http://www.fictionalhead.com/assets/images/music_fav_check.png) no-repeat right center;
	padding: 0px 20px 0px 0px!important;
}

.blogimgwrap
{
	width: 530px;
	text-align:center;
	float:left;
}

p.tip
{
	font-size: 10px;
	display: inline;
	margin-left: 10px;
}

.contentthin
{
	width: 400px !important;
	height: 120px !important;
}

p.content, .one p, .two p
{
	margin: 10px 0px 20px 0px;
}

p.subcontent
{
	margin: 10px 0px 10px 0px;
}

p.sidecontent
{
	margin: 10px 0px 0px 0px;
}

p.fragcontent
{display:inline;}

.wrap
{
	margin: 10px 0px 10px 0px;
}

.floatleft
{float:left;}

.nodl
{
	background: url(http://www.fictionalhead.com/assets/images/music_dl_x.png) no-repeat right center;
	padding: 0px 20px 0px 0px!important;
}

.pagination
{
	float: right;
	height: 23px;
}

#all-entries
{
	width: 705px;
	position: relative;
}

#all-entries-thin
{
	width: 530px !important;
	overflow: auto;
	position: relative;
}

.sidelinks
{
	padding:20px;
	border-bottom: 1px solid #d4d4d4;
}

.sidelinks img
{
	display:block;
	margin-bottom: 10px;
}

.sidelinks form
{
	margin-top: 20px;
	margin-right: 10px;
	float: left;
}

.noborder
{
	border: 0px !important;
}

.contactfield
{
	padding: 6px;
}

.namefield
{
	width: 110px;
	margin-right: 10px;
}

.emailfield
{
	width: 158px;
}

.commentfield
{
	width: 298px;
	height: 70px;
}

input:focus, textarea:focus
{
	background: #969696 !important;
	color: #FFFFFF !important;
	border: 1px solid #5b5b5b !important;
}


.commenter input, .commenter textarea
{
	width: 470px;
	padding: 4px;
	border: 1px solid #d4d4d4;
}

input.comcap
{
	float:left;
	width: 276px;
	margin-right: 20px;
}

.submit-design, .submit-music, .submit-illustration, .submit-general
{
	witdh: 200px !important;
	padding: 6px 0px 10px 8px !important;
	border: none;
	margin-top: -15px;
}

h2 button.submit-music, h2 button.submit-design, h2 button.submit-illustration, h2 button.submit-general
{
	color: #FFFFFF !important;
	padding: 6px 8px 10px 8px !important;
	margin-top: -10px !important;
}

.submit-music
{
	background: #049cb3 !important;
}

.submit-music:hover
{
	background: #18d7e5 !important;
}

.submit-design
{
	background: #57b404 !important;
}

.submit-design:hover
{
	background: #71da12 !important;
}

.submit-illustration
{
	background: #bb161b !important;
}

.submit-illustration:hover
{
	background: #ec2c34 !important;
}

.submit-general
{
	background: #e29700 !important;
}

.submit-general:hover
{
	background: #ffac00 !important;
}



img.pplogo
{
	margin-top: 23px;
}

.pagination a, .pagination strong
{
	float: left;
	margin-left: 5px;
	padding: 4px 7px 5px 7px;
	background: url(http://www.fictionalhead.com/assets/images/gradient_bg.gif) repeat-x;
	border: 1px solid #d4d4d4;
}

.pagination a:hover
{
	padding: 4px 7px 5px 7px !important;

	text-decoration: underline;
}

.blogentry img
{
	padding: 5px;
	border: 1px solid #d4d4d4;
	background: #FFFFFF;
	float: left;
	margin: 0px 20px 20px 0px;
}

.blogentry p
{
	clear:both;
	margin-top: 5px;
}

.wrap p
{
	clear:none !important;
}

.bloghead
{
	margin-bottom: 20px;
	float:left;
}

.porthead
{
	margin-bottom: 20px;
}

.rssicon
{
	position: absolute;
	top: 10px;
	right:10px;
}

p.sideone, p.sidetwo
{
	color: #5b5b5b;
	padding: 15px 20px 15px 20px;
	border-bottom: 1px solid #d4d4d4;
}

p.sidetwo
{
	background: url(http://www.fictionalhead.com/assets/images/sidebar_fog.png);
}

.fog
{
	background: url(http://www.fictionalhead.com/assets/images/sidebar_fog.png);
}

.entry
{
	width: 178px;
	height: 178px;
	border: 1px solid #d4d4d4;
	background: #FFFFFF;
	padding: 10px;
	position: relative;
	margin-right: 40px;
	margin-bottom: 40px;
	float:left;
}

.entry img
{
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #FFFFFF;
}

.entry a:hover img
{
	border: 1px solid #d4d4d4;
}

.entryhead
{
	height: 30px;
	position: relative;
	width: 920px;

}

.entryfull
{
	margin: auto;
	text-align: center;
}

.entryfull object
{
	margin-top: 40px;
}

.entryfull img
{
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #d4d4d4;
	margin-top: 40px;
}

.last-entry
{
	margin-bottom: 40px !important;
}

#comments
{
	position:relative;
	clear:both;
	overflow: auto;
	margin-top: 40px;
}

.comment
{
	float;left;
	width: 480px;
	padding:20px 20px 8px 20px;
	overflow: auto;
}

.one
{
	background: url(http://www.fictionalhead.com/assets/images/sidebar_fog.png);
}




/******************** TYPE STYLES ********************/

h2.jumplinks
{
	float:left;
	margin-right: 25px;
}

p, ul, ol, li
{
	line-height: 18px;
	color: #5b5b5b !important;
}

.blogentry ul
{
	list-style-type: disc !important;
	margin:5px 0px 0px 15px;
}



.entryhead h1
{text-align:center;}

.entryhead .prev
{
	display:inline;
	position: absolute;
	top:0px;
	left:0px;
}

.entryhead .next
{
	display:inline;
	position: absolute;
	top:0px;
	right:0px;
}

.entry p
{
	position: absolute;
	bottom: 13px;
	left: 10px;
}

.blocktype
{
	position:absolute;
	top:40px;
	left:105px;
}

h1 
{
	font-size: 18px;
	color: #595959;
}

h2 
{
	font-size: 14px;
	color: #595959;
}

.comment h2, .blogentry h2
{
	display: inline;
	margin-right: 10px;
	line-height: 22px;
}

.comment p.date, .blogentry p.date
{
	display: inline;
	margin-top: 1px;
}

.blogentry p.datebreak
{
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
}

.mainblock h1
{font-size:18px;}

p.copyright
{
	margin-right: 43px;
}

.design, .design a, .design h1 a
{
	color: #57b404;
	text-decoration: none;
}

h1.design a:hover, h1.music a:hover, h1.illustration a:hover, h1.general a:hover
{

	padding: 0px !important;
}

.design a:hover, a:hover.design
{
	color: #71da12;
	text-decoration: underline;
	padding-bottom: 2px;
}

.music, .music a, .music h1 a
{
	color: #049cb3;
	text-decoration: none;
}

.music a:hover, a:hover.music
{
	color: #18d7e5;
	text-decoration: underline;
	padding-bottom: 2px;
}

.illustration, .illustration a, .illustration h1 a
{
	color: #bb161b;
	text-decoration: none;
}

.illustration a:hover, a:hover.illustration
{
	color: #ec2c34;
	text-decoration: underline;
	padding-bottom: 2px;
}

.general, .general a, .general h1 a
{
	color: #cd8900;
	text-decoration: none;
}

.general a:hover, a:hover.general
{
	color: #ffac00;
	text-decoration: underline;
	padding-bottom: 2px;
}

.footcol h1
{
	border-bottom: 1px solid #5b5b5b;
	font-size: 19px;
	padding-bottom: 20px;
	letter-spacing: 3px;
}

.footcol a, .footfull a, .footfull p
{
	color: #969696;
	text-decoration: none;
}

.footfull a
{
	margin-right: 15px;
}

a.twitter
{
	background: url(http://www.fictionalhead.com/assets/images/icon_twitter.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.facebook
{
	background: url(http://www.fictionalhead.com/assets/images/icon_facebook.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.plus
{
	background: url(http://www.fictionalhead.com/assets/images/icon_plus.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.soundcloud
{
	background: url(http://www.fictionalhead.com/assets/images/icon_soundcloud.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.youtube
{
	background: url(http://www.fictionalhead.com/assets/images/icon_youtube.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.bandcamp
{
	background: url(http://www.fictionalhead.com/assets/images/icon_bandcamp.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.istock
{
	background: url(http://www.fictionalhead.com/assets/images/icon_istock.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.lastfm
{
	background: url(http://www.fictionalhead.com/assets/images/icon_lastfm.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}

a.linkedin
{
	background: url(http://www.fictionalhead.com/assets/images/icon_linkedin.png) left top no-repeat;
	padding-left: 21px;
	padding-bottom: 2px;
}


/* MENUS AND LISTS */
ul.footnav
{
	margin-top: 20px;
	line-height: 22px;
	list-style-type: none;
}

ul.footnavfull
{
	list-style-type: none;
}

ul.footnavfull li
{float:left;}

a:hover
{
	border-bottom: 0px !important;
}

a:hover img
{
	text-decoration: none !important;
}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmClose
{float:right;}
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
	background: url(http://www.fictionalhead.com/assets/images/bgtile.gif);
    color: #5b5b5b;
    border: 1px solid #d4d4d4;
    padding: 20px;
}

.jqmWindow img
{
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.jqmOverlay { background-color: #323232; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.jqmWindow input:focus, #sidebar input.sidebutton:focus
{
	border: none !important;
	background: none !important;
}