/* Blue  #2c69bc =============================================== */
/* Purple  #0D0719 =============================================== */

body 
{
	font: 70% verdana, arial, sans-serif;
	color: #FFF;
	background: #000 url(../images/template/page_back_cows.gif);
	text-align:left;
}

#wrapper
{
	width:860px;
	padding-top:1px;
	background: #000 url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/HEAD.gif) top left no-repeat; 
}

a
{ 
	text-decoration:none;
	font-weight:normal;
	color:#2c69bc; 
} 

a:hover
{ 
	text-decoration:underline;} 

ul.news a
{ 
	color:#000; 
	background:#2c69bc;
	padding:3px;
} 

ul.news a:hover
{ 
	color: #FFF;
} 

ul.news li
{ 
	line-height:11px;
} 


a.button
{ 
	text-decoration:none;
	color:#999; 
	height:1%;
	font-weight:normal;
	border-bottom:3px solid #333;
	padding:2px 0;
} 

a.button:hover
{ 
	text-decoration:none;
	color: #FFF;
	border-bottom:3px solid #2c69bc;
	font-weight:normal;
}

.work_item ul li
{
	margin:5px 0;
}

.work_item ul.screenshots
{
	display:block;
	height:29px;
	margin:10px 0 15px 0;
	list-style:none;
}

.work_item ul.screenshots li
{
	float:left;
	margin-right:5px;
}

html>body .work_item ul.screenshots li a
{
  width:20px;
  height:12px;
} 

li a:hover
{
	color:#2c69bc;
}


p.top
{
	text-align:right;
	margin-bottom:0;
}
	

/* begin  image replacement  =============================================== */

h1
{
	float:right;
	width: 206px; 
	height: 75px;
}

h1 span, h1 em, #news h2 span, #news h2 em, #content h2 span, h3 span
{
	display:none;
}

h1 a, h1 a:hover
{
	display:block;
	width: 206px; 
	height: 75px;
	background: url(http://www.magnitude.co.uk/images/template/logo.gif);
}

#news h2
{
	width: 125px; 
	height: 13px;
}

#news h2 a, #news h2 a:hover
{
	display:block;
	width: 170px; 
	height: 30px;
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/NEW.gif);
}

#content h2
{
	margin-bottom:4px;
	width:700px;
	height:50px;
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/subheader.gif);
	background-repeat:no-repeat;
	background-color:#222;
	
}

#content h2 a
{
	display:block;
	width:700px;
	height:50px;
	background: url(http://www.magnitude.co.uk/images/straplines/recruiting.gif);
}

.holder h3 a, .holder h3 a:hover
{
	display:block;
	width: 222px; 
	height: 61px;
}

.newscol h3 a
{
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/NEWS.gif);
}

.introcol h3 a
{
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/INFO.gif);
}

.marketing h3 a
{
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/PLUGS-1.gif);
}

h3
{
	color:#FFF;
}


/* begin generic selectors  =============================================== */

* 
{
	padding:0;
	margin:0;
}	
		
.clear 
{
	clear: both;
	height: 0;
}


.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right;
}

img 
{
	border: 0;
}

p
{
line-height:19px;
margin:10px 0 15px 0;
}

ul
{
     list-style: none;
}

hr
{
	color: #999;
	background-color: #999;
	height: 2px;
	width: 80%;
	text-align: center;
	border:none;
}

input, textarea, select	
{
	font: 11px verdana, arial, sans-serif;
	color:#666;
	padding:2px;
	border: 1px #333 solid;
	background: #000;
}

.sidebar input
{
width:192px;
color:#2c69bc;
}

.intro
{
	color:#888;
	font-size: 1em;
	line-height:11px;
	margin-left:8px;
	margin-right:8px;
}

.news
{
	font-size: 1em;
	line-height:11px;
	margin-left:8px;
	margin-right:8px;
}

fieldset
{
	border:none;
}

.hide
{
	display:none;
}


/* begin content areas   =============================================== */


#header
{
	width:679px;
	margin:0 0 4px 143px;
	height:240px;
	margin-bottom:4px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:629px;	
}

html>body #header
{
  width:680px;
} 

#news 
{
	width:207px;
	height:176px;
	padding:10px 4px 0 0;
	border-top:4px solid #1a112e;
	font-size:10px;
	color:#999;
	float:right;
	background:#000;
	margin-left:4px;
	margin-top:50px;
 	height:158px;
	width:203px;
	text-align:center;
}

.author-comment
{
	padding:0px 50px 0 50px;
    line-height:-0.5em;
    border-left:4px solid #0D0719;
}

html>body #news 
{
	height:158px;
	width:203px;
} 

#news ul
{
	margin-top:20px;
	padding-left:4px;
	margin-left:4px;
}

#news li
{
	margin:10px 0;
	padding:3px;
	color:#000;
}

#content
{
	width:627px;
	float:left;
}

.holder
{
	background: url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/holder-back.gif) repeat-y;
}

.comic-container
{
    background-color: #000;
    margin-left:auto;
    margin-right:auto;
}

.centered
{
    margin-right:auto;
    margin-left:auto;
}

.twocolholder
{
	background: url(http://www.magnitude.co.uk/images/template/twocol_back.gif) repeat-y;
	background-position: 0 50px;
}

.twocol
{
	width:417px;
	margin-right:4px;
	background:#131313 ;
	color:#999;
	padding:4px 8px;
	float:left;
 	width:401px;	
}

html>body .twocol
{
  width:401px;
} 
	

.newscol, .introcol, .marketing, .sidebar
{
	width:222px;
	background:#222222 ;
	color:#999;
	padding:4px;
	float:left;
 	width:222px;
 	line-height:11px;	
}

html>body .newscol, .introcol, .marketing, .sidebar
{
  width:222px;
} 

.introcol
{
	margin:0 4px;
	color:#FFF;
}

.sidebar
{
	background:000;
	padding-top:0;
}

.sidebar ul 
{
	padding-left:0;
	margin:10px 0 15px 0;
}

.sidebar ul li
{
	padding:6px 0;
	border-bottom:1px solid #2c69bc;
}

.section_introduction
{
	margin:0 0 4px 0;
	border:1px solid #0D0719;
	background:#2c69bc;
	width:627px;
	float:left;
	color:#FFF;
	padding:16px 16px 8px 16px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:593px;	
}

html>body .section_introduction
{
 	 width:593px;
} 


.news_item, .work_item
{
	margin:0 0 4px 0;
	background:#1A1A1A url(http://www.magnitude.co.uk/images/template/distressed1.gif) bottom left no-repeat;
	width:627px;
	float:left;
	color:#999;
	padding:8px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:611px;	
}

html>body .news_item 
{
 	 width:611px;
} 

.news_item img, .work_item img
{
	margin-right:10px;
	margin-top:9px;
	border:3px solid #000;
}

.news_item h3, .work_item h3
{
	margin:6px 0;
	font-size:14px;
	color:#FFF;
	text-transform:uppercase;
}

.news_item h4, .work_item h4
{
	margin:13px 0 6px 0;
	font-size:11px;
	color:#FFF;
	font-weight:normal;
}

.comicpage
{
    margin-top:20px;
    border:0px;
}


/* begin sub navigation  =============================================== */

#subnav
{
	width:627px;
	height:24px;
	border-top:4px solid black;
	border-bottom:4px solid black;
	background:#000;
}

#subnav ul
{
	list-style-type: none;
}

#subnav ul li 
{
	float: left;
	border-right:4px solid black;
	text-align:center;
}

#subnav  a 
{
	display: block;
	width:81px;
	font-weight:normal;
	color: #FFF;
	background: #2c69bc;
	text-decoration: none;
	padding: 5px 10px 6px 10px;
}

#subnav a:hover, #subnav a.on
{
	background: #2c69bc;
}

/* begin left navigation  =============================================== */

#nav
{
	width:120px;
	float:left;
	margin-right:4px;
	text-transform:lowercase;
}

#nav ul
{
     list-style: none;
	 text-align:right;
}

#nav li
{
	margin-bottom:4px;
}

#nav li a
{
	background:#000 url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/black_spacer.gif) right repeat-y; 
    text-decoration:none;
    font-weight:normal;
	border-right:4px solid #CCC;
    color:#CCC;
    display:block;
    padding:19px 14px 19px 0;
	width:100px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:100px;	
}

html>body #nav li a {
  width:100px;
} 

#nav a.on, #nav a.on:hover
{
    color:#FFF;
	border-right:4px solid #2c69bc;
    background: #0D0719 url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/black_spacer.gif) right repeat-y;
}

#nav a:hover
{
    color:#FFF;
	border-right:4px solid #303030;
    background: #222 url(http://i7.photobucket.com/albums/y287/evilauren/CTHS/black_spacer.gif) right repeat-y;
}

#nav address a:hover
{
	padding:0;
	border:none;
	background: none;
}

#nav hr
{
	display:none;
}