@charset "UTF-8";

/*
	
	Site Design Copyright 2010 Infusion Design Melbourne
	www.infusiondesign.com.au
	
	Table of Contents
	1.	Browser CSS Reset
	2.	Typographic Setup
	3.	Generic Page Layout
	

*/

/*  -----  1. 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font: 13px/20px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #434e56;
	background: #dde5eb url('http://www.doctorsunplugged.com/images/background.png') repeat-x 0 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.clear {
	clear: both;
}
a {
	text-decoration: none;
	color: #c5171e;
}
	a:hover, a:focus {
		color: #3b688a;
	}

p {
	margin-bottom: 10px;
}

h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 {
	
}
h4 {
	font-size: 14px;
	font-weight: 600;
}

.button {
	display: inline-block;
	background: #c4cdd3;
	background: rgba(135, 147, 154, 0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 10px 0 10px;
	line-height: 18px;
	font-weight: 600;
}

.button-attached {
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	position: absolute;
	bottom: -20px;
	right: 10px;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#masthead {
	position: relative;
	height: 170px;
}
	#logo {
		position: absolute;
		top: 30px;
		left: 370px;
	}
		#logo a {
			width: 251px;
			height: 122px;
			background: transparent url('http://www.doctorsunplugged.com/images/doctors_unplugged_logo.png') no-repeat 0 0;
			text-indent: -9999px;
			display: block;
		}
#top-navigation {
	float: right;
}
	#top-navigation li {
		float: left;
		margin-left: 10px;
	}
		#top-navigation li a {
			display: block;
			font-size: 14px;
			line-height: 30px;
			background: #292e31;
			background: rgba(135,147,154,0.3);
			padding: 2px 20px 0 20px;
			color: #87939a;
			text-shadow: 0 1px 2px rgba(0,0,0,1);
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-transition: padding 0.1s linear;
		}
	#top-navigation li.active a {
		background: #4e4e50;
		background: rgba(255,255,255,0.3);
		
	}
	#top-navigation li a:hover, #top-navigation li a:focus {
		padding-top: 7px;
		color: #fff;
	}
	#top-navigation li a:active {
		text-shadow: 1px 2px 3px rgba(0,0,0,1);
	}

.box {
	margin-bottom: 50px;
	padding: 10px;
	float: left;
	width: 940px;
	
	background: #fff;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(center bottom, rgba(255,255,255,1) 0%, rgba(221,229,235,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(221,229,235,0.8)));
	
	
	-webkit-border-radius: 5px;
/*	-webkit-border-top-left-radius: 0;*/
	-moz-border-radius: 5px;
/*	-moz-border-radius-topleft: 0;*/
	border-radius: 5px;
/*	border-top-left-radius: 0;*/
	
	-webkit-box-shadow: 0 1px 4px rgba(59,104,138,0.4);
	-moz-box-shadow: 0 1px 4px rgba(59,104,138,0.4);
	
	position: relative;
}

object {
	display: block;
}

/*.tab-heading {
	position: absolute;
	left: 0;
	top: -30px;
	height: 25px;
	line-height: 25px;
	padding: 5px 15px 0 15px;
	color: #87939a;
	font-size: 20px;
	font-weight: bold;
	
	-webkit-box-shadow: 0 -2px 2px rgba(59,104,138,0.4);
	
	background: #fff;
	background: rgba(255,255,255,1);
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}*/
.tab-heading {
	position: absolute;
	left: 0;
	top: -30px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 10px;
	color: #87939a;
	font-size: 20px;
	font-weight: bold;
/*	text-shadow: 0 1px 1px rgba(255,255,255,0.8);*/
}


.video-thumbs .date {
	display: block;
	color: #87939a;
	font-size: 11px;
	line-height: 15px;
	font-weight: 600;
}

.video-thumbs li {
	float: left;
	width: 200px;
	margin: 0 10px 20px 10px;
	padding-left: 10px;
	padding-right: 10px;
}
	.video-thumbs li .thumb {
		margin-bottom: 10px;
		margin-left: -10px;
		width: 220px;
		height: 124px;
	}
	
	.video-thumbs li .audio-thumb {
		background: #333;
	}

	#recent {
		padding: 10px 0 10px 0;
		width: 960px;
	}
		#recent .video-thumbs li {
			margin-bottom: 0;
		}
#latest .details {
	float: right;
	width: 450px;
	margin-right: 10px;
}
#latest .player {
	float: left;
	width: 460px;
}
#latest .video-player {
	height: 259px;
}
#latest .audio-player {
	background: #333 url('http://www.doctorsunplugged.com/images/microphone.jpg') no-repeat 0 0;
	height: 240px;
}
	#latest .audio-player a {
		margin: 0 0 0 250px;
		padding: 10px;
		display: block;
	}

#team {
	padding: 10px 0 10px 0;
	width: 480px;
	float: right;
}
#team li {
	float: left;
	width: 120px;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
}
	#team li img {
		width: 140px;
		height: 140px;
		background: #87939a;
		display: block;
		margin: 0 0 10px -10px;
	}
	#team li .postnominals {
		display: block;
		font-size: 11px;
		line-height: 15px;
		color: #87939a;
	}
/*	#team li a:hover img {
		border: 2px solid #3b688a;
		margin: -2px 0 8px -12px;
	}*/
	
#twitter {
	float: left;
	width: 370px;
	padding: 20px 20px 10px 20px;
}
	#twitter li {
		margin-bottom: 10px;
	}
		#twitter li .date {
			color: #87939a;
			font-size: 11px;
		}
	
	#twitter li:first-child {
		font-weight: 600;
	}

#footer {
	clear: both;
	padding: 0 20px 20px 20px;
}
	#footer .infusion {
		float: right;
	}
	
/*#video #container {
	width: 720px;
}*/

/*#video #main {
	width: 700px;
	left: 120px;
}*/

body#video .player {
	margin-bottom: 20px;
}

#comments {
	float: left;
	width: 460px;
}
#comment-form {
	float: right;
	width: 390px;
}


/*  COMMENTS  */

#comments li {
	float: left;
	border-bottom: 1px solid #dde5eb;
	width: 460px;
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
}
#comments li:last-child {
	border-bottom: 0 none;
	padding-bottom: 0;
}
	#comments li .info {
		width: 120px;
		margin: 0 20px 0 0;
		float: left;
	}
		#comments li .info h4 span {
			font-weight: normal;
		}
	#comments li .comment {
		margin: 0 0 0 140px;
	}
	
#comments .author-post {

}
	#comments .author-post h4 {

	}
	#comments .author-post h4 span {

	}
	
/*  COMMENTS FORM  */
#comment-form {

}
#comment-form .required {
	color: #f00; /* FIX */
	padding: 0 5px;
}
#comment-form .hint {
	color: #647678; /* FIX */
	font-size: 11px;
	line-height: 10px;
}
#comment-form div {
	float: left;
	clear: both;
	margin-bottom: 5px;
}
#comment-form div:last-child {
	margin-bottom: 0;
}
#comment-form div label {
	margin: 0 0 0 3px;
	display: block;
}
#comment-form input[type="text"], #comment-form textarea {
	width: 210px;
	padding: 5px;
	margin-bottom: 10px;
	font: 14px/20px Tahoma, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif; /* FIX */
	outline: none;
}

#comment-form input, #comment-form textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
/*	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);*/
	border: 1px solid #dde5eb;
}

#comment-form textarea {
	width: 380px;
	min-height: 60px;
	resize: vertical;
}

#comment-form input[type="submit"] {
	padding: 5px 10px;
	font-size: 14px;
	background: #d7ebfa;
	cursor: pointer;
	margin: 0;
	border: 1px solid #dde5eb; /* FIX */
	-webkit-transition: all 0.2s linear;
	-webkit-transition: color 0.2s linear;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#comment-form input[type="submit"]:hover {

}

#about .team-members li {
	float: left;
	width: 380px;
	margin: 0px 60px 20px 20px;
}
	#about .team-members li:nth-child(odd) {
		clear: both;
	}
#about .team-members .postnominals {
	margin: -5px 0 10px 0;
}

#episodes #main {
	padding: 10px 0 0 0;
	width: 960px;
}