/*
Graphic Novelty CSS stylesheet
Version: 0.4
Author: Stephen Greene
Author URI: http://www.thesunmachine.com/
*/

/* Body style */
body {
	font-size:62.5%;
	color:#fff;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background:#fff url('http://www.graphic-novelty.com/images/background.gif') repeat-x top left; 
}

/* Centre */
.wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
}

/* Headings */
h1 { font-size:2.4em; margin-top:1em; display:none; }
h1 b { font-size:.8em; font-weight:normal; font-style:normal; text-transform:lowercase; }
h2 { font-size:2.4em; font-weight:normal; text-transform:lowercase; color: #ddd; }
h3 { font-size:2.6em; color: #dc7; line-height:1.1em; margin-bottom: .4em; }
h4 { font-size:2em; color: #eec; line-height:1.1em; margin-bottom: .4em; }

h1,h2,h3,h4     { font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberations Sans', 'FreeSans', sans-serif; }

/* Text elements */
p { margin-bottom: .6em; font-size:1.4em; line-height:1.8em; }

a, a:link { color:inherit; border-bottom: 1px dotted #444;  }

a:visited { color:inherit; }

a:focus, 
a:hover { color:#666; border-bottom: 1px dotted #ddd;  }

a { color:inherit; text-decoration:none; }
	
/* Lists */
li ul, li ol { margin:0; }
ul, ol       { margin:0 0 .4em 0; }
ul           { list-style-image:none; list-style-position:inside; list-style-type: disc;
               font-size:1.2em; line-height:1.4em; }

/* Misc classes */
.lift      { margin-bottom:3em; }
.sink      { margin-top:2em; }
.grab      { margin-bottom:.4em; }
.pull      { margin-top:-1.2em; }
.push      { margin-top:9em; }
.line      { margin-top:1em; border-top:1px #ddd dotted; }
.foot      { font-size:.9em; margin:.4em .2em 1em .2em; color:#888; }
.small     { font-size:1.2em; }

.large {
font:1.7em Georgia, Times, Century, 'Lucida Sans', 'Liberation Serif', 'FreeSerif', sans-serif;
color:#eee;
line-height:1.4em;
margin-bottom:.6em;
}
			
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */

#header{
height:40px;
color:#fff;
}

#container{	
margin:0 auto;
position:relative;
text-align:left;
width:700px;
background:#fff;		
margin-bottom:2em;
}	

#content{
position:relative;
		}			

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:700px;
height:250px;
overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:35px;
height:45px;
position:absolute;
left:-35px;
top:205px;
z-index:1000;
}	
#nextBtn, #slider1next{ 
left:700px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:relative;
width:35px;
height:45px;
background:url(http://www.graphic-novelty.com/images/arrow_left.jpg) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
background:url(http://www.graphic-novelty.com/images/arrow_right.jpg) no-repeat 0 0;	
}	

/* numeric controls */	

ol#controls{
margin:1em 0;
padding:0;
height:28px;	
}
ol#controls li{
margin:0 10px 0 0; 
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* 960 Grid System with additions, The Sunmachine */

/* Containers */

.container_9 { margin-left: auto; margin-right: auto; width: 740px; }

/* Grid >> Global */

.grid_0,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 { display:inline; float: left; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 12 Columns*/

.container_9 .grid_0 { width:100px;}
.container_9 .grid_1 { width:60px;}
.container_9 .grid_2 { width:140px; }
.container_9 .grid_3 { width:220px;}
.container_9 .grid_4 { width:300px; }
.container_9 .grid_5 { width:380px;}
.container_9 .grid_6 { width:460px;}
.container_9 .grid_7 { width:540px;}
.container_9 .grid_8 { width:620px; }
.container_9 .grid_9 { width:700px;}

/* Prefix Extra Space >> 9 Columns */

.container_9 .prefix_1 { padding-left:80px; }
.container_9 .prefix_2 { padding-left:160px; }
.container_9 .prefix_3 { padding-left:240px; }
.container_9 .prefix_4 { padding-left:320px; }
.container_9 .prefix_5 { padding-left:400px; }
.container_9 .prefix_6 { padding-left:480px; }
.container_9 .prefix_7 { padding-left:560px; }
.container_9 .prefix_8 { padding-left:640px; }
.container_9 .prefix_9 { padding-left:720px; }

/* Suffix Extra Space >> 9 Columns */

.container_9 .suffix_1 { padding-right:80px; }
.container_9 .suffix_2 { padding-right:160px; }
.container_9 .suffix_3 { padding-right:240px; }
.container_9 .suffix_4 { padding-right:320px; }
.container_9 .suffix_5 { padding-right:400px; }
.container_9 .suffix_6 { padding-right:480px; }
.container_9 .suffix_7 { padding-right:560px; }
.container_9 .suffix_8 { padding-right:640px; }
.container_9 .suffix_9 { padding-right:720px; }

/* Suffix additions made to benefit spacing */

.container_9 .suffix_A { padding-right:20px; }
.container_9 .suffix_B { padding-right:40px; }

/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }