@charset "UTF-8";

/* CSS Document */

/* start from scratch re margin and padding
   ======================================== */
* {
	margin: 0;
	padding: 0;
}

/*
COLOUR TABLE
#000:		black
#333:		charcoal
#666:		darkgrey
#999:		midgrey
#ccc:		lightgrey
#fff:		white
*/

/* fonts and basic colours
   ======================= */

body {
	font-size: 67.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	padding:24px;
}

div#footer {
	color:#FFF;
}

h1 {
	font-size:2.4em;
	color:#333;
}

h2 {
	font-size:2.2em;
	color:#333;
}

h3 {
	font-size:2.0em;
	color:#333;
}

h4 {
	font-size:1.8em;
	color:#333;
}

p,
li,
td {
	font-size:1.4em;
	padding-bottom:12px;
}

p.bigger {
	font-size:1.8em;
}

p.smaller {
	font-size:1.2em;
}

ul,
ol {
	margin-left:16px;
}

a:link,
a:visited {
	color: #00F;
	text-decoration:none;
}

a:hover,
a:active {
	color:#F00;
	text-decoration:underline;
}

/* define look of divs
   =================== */
div#container {
	width:100%;
	background-color:#000;
}

div#banner {
	position:relative;
	background-color:#000;
	padding-top:24px;
}

div#banner img#stretch {
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
}

div#navigation {
	height:36px;
	position:relative;
	background-color:#000;
	background-image:url(../img/navigation-bar.png);
	border-bottom: 3px solid #000;
	padding-right:75px;
}

div#content {
	position:relative;
	background-color:#fff;
	padding:12px;
}

body#home div#content div#homeimage {
	text-align:center;
	display:none;
}

div.bodytext {
	position:relative;
	background-color:#fff;
	padding:12px;
	width:66%;
}

div.bodytext p {
	margin-bottom:12px;
}

div.halftext {
	position:relative;
	background-color:#fff;
	padding:12px;
	width:50%;
}

div.halftext h4 {
	margin-bottom:6px;
}

div#sidebar {
	position:relative;
	background-color:#fff;
	padding:12px;
	padding-top:24px;
	width:27%;
	float:right;
}


h4.news-headline {
	text-transform: uppercase;
	}
	
div#newsgallery {
	padding:24px;
	}

div#sidebar img.social {
	margin-right:12px;
	margin-bottom:12px;
	vertical-align:text-top;
	border:0;
	}
div#sidebar img#biogposters {
	height: 600px;
	width: auto;
	}

div#footer {
	position:relative;
	background-color:#000;
	padding:12px;
}

div#footer span.rightfront {
	text-align:right;
}

div#footer span.rightfront img {
	margin-right:12px;
	margin-bottom:12px;
	vertical-align:text-top;
	border:0;
	}

body#control div#container div#control img#kiss {
	position:absolute;
	bottom:3px;
	left:0;
	z-index:1000;
	}

div#footer img#liberated {
	position:absolute;
	bottom:6px;
	left:6px;
	z-index:1000;
	}

.clear {
	clear:both;
}

/* define definition list behaviour	
   ================================ */
dt {
	margin-left:1em;
	color:#333333;
	font-size:1.4em;
}

dd {
	font-size:1.4em;
	position:relative;
	font-weight:bold;
	left:5em;
	width: 75%;
}

dl.vox dt {
	margin-left:0;
}

dl.vox dd {
	position:inherit;
	font-weight:bold;
	left:0;
	top:0;
	margin-bottom:5px;
	width: 75%;
}

/* define div furniture
   ==================== */
span.leftfront {
	float:left;
}

span.rightfront {
	float:right;
}

div#footer span.leftfront {
	width:45%;
}

div#footer span.rightfront {
	width:45%;
}

h1.bannertitles,
h2#subtitle,
h1.bannertitles img,
h1.bannertitles a img,
h2#subtitle img {
	display:inline;
}

/* navigation
   ========== */

      
#navigation ul {
	list-style:none;
}

#navigation li {
	float:left;
	margin-right:1px;
}

#navigation a {
	float:left;
	display:block;
	background:url('../img/navigation-bar.png') repeat-x;
}

#navigation a:hover {
	background:url('../img/navigation-bar-invert.png') repeat-x;
}

/* item behaviour
   ============== */
   
img.newsimg {
	float: right;
	margin-right: 12px;
	margin-bottom:12px;
}

hr.silverline {
	margin-top:6px;
	margin-bottom:6px;
	height: 1px;
	background-color:#ccc;
	clear: both;
	border-style:none !important;
}

hr.greyline {
	margin-top:6px;
	margin-bottom:6px;
	height: 1px;
	background-color:#ccc;
	clear: left;
	border-style:none !important;
}

/* cv styling
   ========== */

h2.cv {
	text-align:center;
	margin-top:12px;
	margin-bottom:6px;
}

table.cvtable {
	border: none;
	background-color: #f0f0f0;
	width:100%;
}

table.cvtable td {
	font-size:1.2em;
}

tr.whiterow {
	background-color: #fff;
	}

td.whi {
	/*background-color: #fff;*/
	font-weight:bold;
	}

td.whi3 {
	background-color: #fff;
	font-weight:bold;
	}

td.whi2 {
	background-color: #fff;
	/* white-space:nowrap; */
	}

td.whb {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

td.whx {
	background-color: #fff;
	border:none;
}

/* voice styling
   ============= */

div.voxpanel {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color:#eee;
	padding:12px;
	margin:6px;
}

dl.vox dt {
	margin-left:0;
}

dl.vox dd {
	position:inherit;
	font-weight:bold;
	left:0;
	top:0;
	margin-bottom:12px;
	width: 75%;
}

/* review styling
   ============ */
h2.testi {
	margin-top:12px;
	margin-bottom:6px;
}

h2.titular {
	font-size:2.6em;
	margin-top:12px;
	margin-bottom:48px;
	text-align:center;
}

dl.testim dt {
	margin-left:0;
}

dl.testim dd {
	font-style:italic;
	position:inherit;
	left:0;
	top:0;
	margin-left:12px;
	margin-bottom:12px;
	width: 75%;
}

/* reel styling
   ============ */

h2.vidtitle {
	text-align:center;
	margin-top:12px;
	margin-bottom:6px;
}

div.vidpanel {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color:#eee;
	padding:12px;
	margin:6px;
	text-align:center;
}

div.vidlist {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:24px;
	-webkit-column-gap:24px;
	column-gap:24px;
	padding:12px;
	margin:6px;
}

/* gallery styling
   =============== */
   
.stack {
	border: none;
	display: inline-block;
	text-align: center;
	margin-right: 48px;
	margin-bottom: 36px;
	vertical-align: top;
}

.gphoto {
	margin: 12px;
	width: 100px;
	position: relative;
}

/* credit
   ====== */
	p.credit {
	text-align:right;
}

p.credit img {
	vertical-align: middle
}

p.credit a {
	font-size:0.8em;
	color: #f00;
	text-decoration:none;
}

p.credit a:hover,
p.credit a:active {
	color: #fff;
	text-decoration:underline;
}


/* data tables
   =========== */
   
table.itemlist {
	color:#333333;
	border:none;
	}

table.itemlist td {
	border:none;
	border-top: 1px solid #ccc;
	padding: 8px;
	}
table.itemlist td em {
	font-size:0.8em;
	color:#999;
	}

/* forms
   ===== */
   
form.controlform {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color:#eef;
	padding:12px;
	margin:6px;
	}

form.controlform span.item {
	display:block;
	clear:both;
	padding:12px;
	}

form.controlform span.end {
	text-align:center;
	}


form.controlform span.item label {
	display:block;
	padding:6px;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	}

form.controlform span.item input[type=text] {
	float:left;
	padding:4px 2px;
	border:solid 1px #aaa;
	width:400px;
	margin:2px 0 20px 10px;
	}

form.controlform span.item textarea {
	float:left;
	padding:4px 2px;
	border:solid 1px #aaa;
	width:400px;
	height:200px;
	margin:2px 0 20px 10px;
	}

form.skill span.item textarea {
	height:50px;
	margin:2px 0 20px 10px;
	}

form.content span.item textarea {
	height:400px;
	}

/* responsiveness
   ============== */
   
@media screen and (max-width: 980px) {

	div#navigation {
		height:72px;
		background-image:url(../img/navigation-bar-wide.png);
		}
	
	#navigation li {
		float:left;
		margin:0;
		padding:0;
	}
	
	body#news div.selection img {
		width:30%;
		height: auto;
	}
	
	
	body#contact div#content div.halftext img {
		display:none;
	}
}
 @media screen and (max-width: 750px) {

	body {
		padding:0;
		min-width:450px;
	}

	div#sidebar,
	body div#banner img#stretch,
	 body#home div#content div#slideshow {
		display:none;
	}
	
	body div#banner h2#subtitle img {
		margin-left:20px;
		}

	div#navigation {
		padding-right:0px;
		}
	
	body#home div#content div#homeimage {
		display:block;
	}
	
	body#reel iframe.youtube-player {
		width:100%;
	}
	
	div.bodytext, div.halftext {
		width:95%;
	}
}