/*css reset*/

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,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       font-size: 100%;
       vertical-align: baseline;
       border: 0;
       outline: 0;
       background: transparent;
       }

ol, ul {
       list-style: none;
       }

blockquote, q {
       quotes: none;
       }

:focus {
       outline: 0;
       }

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

/*content*/

body {
	background: #1a1a1a;
	font-family: georgia, serif;
}

h1 a {
	position: absolute;
	top: 30px;
	left: 125px;
	display: block;
	text-indent: -9999px;
	background: url('../assets/rory.png') no-repeat;
	width: 272px;
	height: 77px;
	overflow: hidden;
	}
	
div#header {
	background: #0e0e0e;
	width: 100%;
	height: 172px;
}

div#tab {
	width: 1000px;
	height: 20px;
	position: absolute;
	top: 140px;
	left: 125px;
	list-style-type: none;
}

h3 a, h3 a:visited {
	text-decoration: none;
	color: #666;
	float: left;
	font-size: 12px;
	letter-spacing: .7px;
	padding: 10px 10px 10px 10px;
	display: block;
}
	
h3 a:hover {
	text-decoration: none;
	color: #ccc;
	float: left;
	font-size: 12px;
	letter-spacing: .7px;
	padding: 10px 10px 10px 10px;
	}
	
#selected {
	color: #ccc;
	background: #1a1a1a;
	padding: 10px 10px 10px 10px;
}

ul#projects {
	position: absolute;
	top: 214px;
	left: 105px;
	color: #216a80;
}

h2 {
	font-weight: normal;	
	display: block;
	padding: 0 0 0 20px;
	margin: 20px 0 5px 0;
	font-size: 14px;
	color: #0bbcef;
}

ul#projects a, ul#projects a:visited {
	text-decoration: none;
	padding: 0 0 0 20px;
	font-size: 12px;
	color: #216a80;
}

ul#projects a:hover {
	display: inline;
	background: url('../assets/play_arrow.png') no-repeat 6px 1px;
	color: #0bbcef;
}

.active {
	display: inline;
	background: url('../assets/play_arrow.png') no-repeat 6px;
	color: #0bbcef;
}

div#player {
	position: absolute;
	top: 240px;
	left: 393px;
	height: 350px;
	width: 600px;
	border: 1px solid #216a80;
}

div.playcolumn600, div.playcolumn466, div.playcolumn525, div.playcolumn560, div.playcolumn650, div.playcolumn625 {
	float: left;
	position: absolute;
	top: 240px;
	left: 393px;
	width: 650px;
}

p.print {
	/*margin: 425px 0 0 393px;*/
	line-height: 18px;
	clear: both;	
	color: #0bbcef;
	font-size: 14px;
}

div.playcolumn600 img {
	background: #216a80;
}

span.italic {
	font-size: 12px;
	font-style: italic;
	color: #216a80;
}

div.playcolumn600 a{
	float: left;
}

div.playerwrap {
	overflow: hidden;
	/*height: 350px;*/
}

ul#thumbs {
	float: left;
	margin: 0 0 -16px -15px;
	list-style-type: none;
	text-decoration: none;
}

ul#thumbs li{
	float: left;
	position: relative;
	margin: 0 0 16px 15px;
	height: 63px;
	background: #216a80;
}

ul#thumbs li a:hover img{
	opacity: 0.8;
}

.dark {
	color: #216a80;
}

a.contact, a.contact:visited {
	font-size: 14px;
	position: absolute;
	left: 125px;
	top: 640px;
	text-decoration: none;
	color: #216a80;
	padding: 0 0 100px 0;
}

a.contact:hover {
	color: #0bbcef;
}





/*tabs*/

.ui-tabs .ui-tabs-nav li.ui-tabs-selected img { height: 63px; opacity: 0.2 !important; filter:alpha(opacity=20); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide {display: none !important; }

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }