@charset "utf-8";

<?	

	/*---General---*/
	
	// $path = "/".$page['make']['path'];
	
	
	/*---Columns---*/
	
	$col_width = 220;
	$gutter = 20;
	
	$col = array();
	
	for($i=1;$i<=4;$i++){
		$col[$i] = $i*$col_width + ($i - 1)*$gutter;
	}
	
	
	/*---Colours---*/
	
	$c = array();
	$c['body']			= "#616195";
	$c['high']			= "#616195";
 	$c['box']			= "#DDD";
	$c['line']			= "#C1C1C1";
	$c['page']			= "#FFF";
	$c['back']			= "#CCCCCC";
	$c['title']			= $c['high'];
	$c['rev']			= $c['page'];
	$c['light']			= "#999";
	$c['dark'] 			= "#333";
	
	/*---Fonts---*/
	
	/*	$f['example']['f']	= "italic small-caps bold 'size'px/'line-height'px font";	*/
	
	/* Paragraph gap */
	$plineheight = 20;
	$pgap = 10;
	
	$f = array();
	$f['title']			= '19px/27px Georgia, "Times New Roman", Times, serif';
	$f['sub_title']		= '18px/' . $plineheight . 'px Georgia, "Times New Roman", Times, serif';
	$f['body']			= '12px/' . $plineheight . 'px Verdana, courier, sans-serif';
	$f['fancy']			= '14px/' . $plineheight . 'px Arial, "Times New Roman", Times, serif';
	

	/*---Forms---*/
	
	/* Define the gap between the text and the edge of the text box */
	$textbox_top			= 10;
	$textbox_left			= 10;
	$checkbox_lineheight	= 15;
	$checkbox_left			= 10;
	$checkbox_offset		= 4;  /* Browser offset to be the same as IE6 - usually 4 */
	$checkbox_height		= 22; /* Equivilent lineheight to the height of checkbox - usually 22 */
	
	$checkbox_diff = ceil(($checkbox_lineheight-$checkbox_height)/2);
	if($checkbox_diff > 0){
		$checkbox_padding = $checkbox_diff;
		$checkbox_label = 0;
	}else{
		$checkbox_label = - $checkbox_diff;
		$checkbox_padding = 0;
	}
	
	
?>


/*---General CSS---*/


li, ol, ul, dd, dt, dl, p, img, table, tr, th, td, body, html, div, h1, h2, h3, h4{
	margin:0;
	padding:0;
	}

body{
	font:<?=$f['body']?>;
	color:<?=$c['body']?>;
	background:<?=$c['back']?>;
	}	

h1, h2, h3, .large{
	font:<?=$f['title']?>;
	color:<?=$c['title']?>;
	margin:0px 0px 14px 0px;
	}
	h2, h3{ 
	font:<?=$f['sub_title']?>;
	margin:<?=$pgap+$plineheight?>px 0px 0px 0px;
	}
	.top{
	margin-top:0px;
	}
	.large{
	margin-top:0px;
	}
	.tinline{
	margin-top:<?=$pgap+$plineheight?>px;
	}

p{
	margin-bottom:<?=$pgap?>px;
	}

a{
	color:<?=$c['light']?>;
	text-decoration:underline;
	}
	a:hover, a.selected{
	color:<?=$c['high']?>;
	}
	a img{
	border:0;
	}
	h2 a{
	color:<?=$c['high']?>;
	text-decoration:none;
	}
	h2 a:hover{
	text-decoration:underline;
	}

a.button{
	/*clear:both;
	display:inline;
	float:left;*/
	font:<?=$f['body']?>;
	color:<?=$c['light']?>;
	padding-left:20px;
	background:url(/images/icons/cv_off.gif) left no-repeat;
	}
	a.button:hover{
	color:<?=$c['high']?>;
	background:url(/images/icons/cv_on.gif) left no-repeat;
	}

em{
	color:<?=$c['light']?>;
	}
	em a{
	color:<?=$c['light']?>;
	}
	em a:hover{
	color:<?=$c['high']?>;
	}
	strong{
	}
	.error{
	color:<?=$c['back']?>;
	}

.clear, .clear_left{
	clear:both;
	font-size:0px;
	line-height:0px!important;
	height:0px!important;
	margin:0px!important;
	padding:0px!important;
	}
	.clear_left{
	clear:left;
	}
	
ul li{
	margin:0px 0px <?=$pgap?>px 20px;
	}


/*---Header---*/
.wrapper{
	width:<?=$col[4]+($gutter*2)?>px;
	margin:0px auto 0px;
}
.page_wrapper{
	position: relative;
	margin:0px auto;
	padding:<?=$gutter?>px <?=$gutter?>px;
	background:<?=$c['page']?>;
	}

.header{
	position: relative;
    height:110px;
	margin-bottom:120px;
	}
	/*.logged_in .header{
	height:90px;
	}*/
	.logo{
	position: absolute;
	left: 0; bottom: 0;
	margin:35px 0px 0px;;
	overflow:hidden;
	display:inline;
	}
	/*.logged_in .logo{
	margin-left:0px;
	}*/
	.header_contact{
		position: absolute;
		right: 20px; bottom: 0;
		font:<?=$f['fancy']?>;
		color:<?=$c['high']?>
		}
		.header_contact a{
			color:<?=$c['high']?>;
			text-decoration: none;	
		}
	.header_contact span{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	}
	.header_logged{
		position: relative;
		width: 100%; height: 25px;
		}
		.header_logged img{
			position: relative;
			padding-top: 5px;
			margin-right: 10px;	
		}
		.header_logged a{
			font:<?=$f['fancy']?>;	
			color:<?=$c['dark']?>;
		}

/*---Main Menu---*/

.main_menu{
	width:<?=$col[1]?>px;
	margin:0px <?=$gutter?>px 0px 0px;
	display:inline;
	float:left;
	}
	.main_menu li{
	margin:0;
	list-style:none;
	height:50px;
	}
	.main_menu a{
	display:block;
	height:49px;
	border-top:1px solid <?=$c['line']?>;
	font:<?=$f['title']?>;
	color:<?=$c['light']?>;
	text-decoration:none;
	}
	.main_menu a:hover, .main_menu a.selected{
	border-top:1px solid <?=$c['high']?>;
	color:<?=$c['high']?>;
	}
	.sub_menu{
	margin-top:100px;
	border-top:1px solid <?=$c['line']?>;
	padding-top:6px;
	width:<?=$col[1]/2?>px;
	}


/*---Buttons---*/

a.button_cv{				background-image:url(/images/icons/cv_off.gif);}
a.button_cv:hover{			background-image:url(/images/icons/cv_on.gif);}
a.button_download{			background-image:url(/images/icons/download_off.gif);}
a.button_download:hover{	background-image:url(/images/icons/download_on.gif);}
a.button_fullscreen{		background-image:url(/images/icons/fullscreen_off.gif);}
a.button_fullscreen:hover{	background-image:url(/images/icons/fullscreen_on.gif);}
a.button_login{				background-image:url(/images/icons/login_off.gif);}
a.button_login:hover{		background-image:url(/images/icons/login_on.gif);}
a.button_logout{			background-image:url(/images/icons/logout_off.gif);}
a.button_logout:hover{		background-image:url(/images/icons/logout_on.gif);}
a.button_more{				background-image:url(/images/icons/more_off.gif);}
a.button_more:hover{		background-image:url(/images/icons/more_on.gif);}
a.button_settings{			background-image:url(/images/icons/settings_off.gif);}
a.button_settings:hover{	background-image:url(/images/icons/settings_on.gif);}


/*---Content---*/

.main_content, .side_content{
	display:inline;
	float:left;
	width:<?=$col[3]+$gutter?>px;
	overflow:hidden;
	}
	.main_content, .side_content{
	width:<?=$col[2]?>px;
	margin-right:<?=$gutter?>px;
	}
	.side_content{
	width:<?=$col[1]?>px;
	color:<?=$c['light']?>;
	}
	.contact_form{
		margin: 0 auto;	
		width: 460px;
	}
	
	.side_content h2{
	margin:7px 0px <?=$pgap?>px 0px;
	}

.col_1, .col_2, .col_3, .col_4{ 
	display:inline;
	float:left;
	overflow:hidden;
	margin-right:<?=$gutter?>px;
	}
	.last{margin-right:0px;}
<? for($i=1;$i<=4;$i++){ ?>
	.col_<?=$i?>{width:<?=$col[$i]?>px;}
<? } ?>
	

	
/*---Credits---*/

.credit{
	border-top:1px solid <?=$c['line']?>;
	margin-bottom:34px;
	}
	.credits_mid{
	margin-top:70px;
	}
	.credit h1{
	display:inline;
	float:left;
	font-style:italic;
	}
	.credit h1 span{
	font-style:normal;
	font-variant:small-caps;
	text-transform:lowercase;
	color:<?=$c['light']?>;
	}
	.credit h2{
	margin-top:0px;
	}
	.credit .year{
	display:inline;
	float:right;
	margin-top:6px;
	color:<?=$c['light']?>;
	}
	
	
/*---Projects---*/

.project_details{
	margin-bottom:24px;
	}

.role, .actor{
	display:inline;
	float:left;
	border-top:1px solid <?=$c['line']?>;
	height:80px;
	width:<?=$col[1]?>px;
	margin-right:<?=$gutter?>px;
	}
	.role h1{
	margin-bottom:0;
	}
	.role a, .actor a{
	color:<?=$c['light']?>;
	}
	.role a:hover, .actor a:hover{
	color:<?=$c['high']?>;
	}
	.actor{
	padding-top:10px;
	height:100px;
	margin-bottom:50px;
	}
	.actor h2{
	margin:0;
	}
	.image_back{
	background:<?=$c['high']?>;
	font:<?=$f['sub_title']?>;
	color:<?=$c['light']?>;
	}
	.image_back p{
	padding:10px 10px;
	margin:0;
	}
	.actor .actor_image{
	float:right;
	display:inline;
	width:80px;
	height:100px;
	margin-left:10px;
	}
	.actor_details p{
	height:250px;
	}
	
.actor_details img{
	float:left;
	}
	
	.video_holder{
	margin-bottom:40px;
	}
	.video{
	margin-bottom:<?=$pgap?>px;
	}
	.video p{
	height:250px;
	}
	


/*---Contact Form---*/

label{
	display:block;
	font:<?=$f['sub_title']?>;
	color:<?=$c['high']?>;
	margin-bottom:<?=$pgap/2?>px;
	}
	input.input_text, textarea, select{
	display:block;
	margin:0px 0px 15px 0px;
	padding:<?=$textbox_top-4?>px <?=$textbox_left-2?>px;
	font:<?=$f['body']?>;
	color:<?=$c['high']?>;
	line-height:normal;
	border:1px solid <?=$c['box']?>;
	width:<?=$col[2]-(($textbox_left-2)*2)-2?>px;
	background:<?=$c['box']?>;
	}
	.sub_col input.input_text, .sub_col textarea, .sub_col select{
	width:<?=$col[1]-(($textbox_left-2)*2)-2?>px;
	}
	input[type=hidden]{
	display:none;
	}
	textarea{
	height:100px;
	}
	select{
	padding:<?=$textbox_top-4?>px 0px <?=$textbox_top-4?>px <?=$textbox_left-2?>px;
	width:<?=$col[1]?>px;
	}
	input.input_image{
	background:#999;
	}

.wysiwyg{
	margin-bottom:15px;
	}
	.wysiwyg textarea{
	width:<?=$col[2]-2?>px;
	}

.checkbox{
	margin-bottom:15px;
	}
	.checkbox input{
	display:inline;
	float:left;
	margin:<?=$checkbox_padding?>px 6px 0px 0px;
	}
	.checkbox label{
	display:inline;
	float:left;
	padding:<?=$checkbox_label?>px 0px 0px 0px;
	font:<?=$f['small']?>;
	color:<?=$c['body']?>;
	line-height:<?=$checkbox_lineheight?>px;
	margin:0px 0px 0px 0px;
	}
	.checkbox label:hover{
	color:<?=$c['high']?>;
	}
	input[type=checkbox]{
	margin:<?=$checkbox_padding+4?>px 9px 0px 0px;
	}
	.checkbox .sub_options{
	margin:0px 0px 10px 15px ;
	}
	a.submit, submit{
	display:inline;
	float:left;
	background:none;
	border:1px solid <?=$c['line']?>;
	font:<?=$f['sub_title']?>;
	text-decoration:none;
	padding:4px 8px;
	margin-bottom:10px;
	}
	a.submit:hover, submit:hover{
	background:none;
	border:1px solid <?=$c['high']?>;
	}
	
	
/*---WYSIWYG---*/

.nicEdit-pane select{
	width:150px;
	padding:2px;
}
	
/*---Footer---*/

.footer{
	margin:140px 0px 0px <?=$col[3]+$gutter?>px;
	color:<?=$c['light']?>;
	}	
	.footer a{
	color:<?=$c['light']?>;
	}
	.footer a:hover{
	color:<?=$c['high']?>;
	}