/*
Theme Name: Search Inside Video
Theme URI: http://www.searchinsidevideo.com
Description: Theme for Search Inside Video site
Version: 1.0
Author: Dave Bowker
Author URI: http://www.davebowker.com
Tags: jquery, dark, clean
*/

/*//////////////////////////////
	>>> INDIVIDUALS
//////////////////////////////*/

#wpstats {
	display:none !important;
}
.clearer {
	clear:both;
	height:0px;
	overflow:hidden;
	visibility:hidden;
}
a {
	color:#ffffff;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}
.address {
	background:url(images/ico/address-16x16.png) no-repeat left;
	padding:0 0 0 20px;
}
.email {
	background:url(images/ico/email-16x16.png) no-repeat left;
	padding:0 0 0 20px;
}
.skype {
	background:url(images/ico/skype-16x16.png) no-repeat left;
	padding:0 0 0 20px;
}

/*//////////////////////////////
	>>> STRUCTURE
//////////////////////////////*/

* {
	margin:0;
	padding:0;
}
html {
	background:#02050e url(images/page-bg.png) repeat-y center top;
	font:62.5% Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
	height:100%;
}
body {
	background:url(images/page-bg-top-2.png) no-repeat center top;
	color:#ffffff;
	margin:0;
	font-size:12px;
}

/*//////////////////////////////
	>>> TOPBAR
//////////////////////////////*/

#topbar {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	font-size:11px;
	color:#666666;
	line-height:16px;
	z-index:10;
	overflow:auto;
	background:url(images/opacity-20-white.png) repeat-x bottom left;
	padding:0 0 1px 0;
}
#topbar #powered-by-ukn {
	position:relative;
	background:#000000;
	padding:16px 0 16px 16px;
}
#topbar #powered-by-ukn a {
	color:#999999;
	font-weight:bold;
}
#topbar:hover {
	color:#999999;
}
#topbar:hover #powered-by-ukn a {
	color:#cccccc;
}
#topbar #powered-by-ukn a:hover {
	color:#ffffff;
}
#access {
	background:#000000;
}
#access ul.navigation {
	width:930px;
	margin:0 auto;
	list-style:none;
	list-style-position:inside;
	overflow:auto;
	padding:3px 0px 8px 10px;
}
#access ul.navigation li {
	float:left;
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	padding:0 15px 0 0;
	margin:5px 0 0 -10px;
}
#access ul.navigation li#contact-toggle {
}
#access ul.navigation li#contact-toggle a {
	display:block;
	position:relative;
	padding:8px 8px 8px 23px;
	background:url(images/nav-red-bg-left.png) no-repeat 0 0;
}
#access ul.navigation li#contact-toggle a span {
	cursor:pointer;
	background:url(images/nav-red-bg-right.png) no-repeat 0 0;
}
#access ul.navigation li a {
	display:block;
	position:relative;
	padding:8px 8px 8px 23px;
	background:url(images/nav-bg-left.png) no-repeat 0 0;
}
#access ul.navigation li a span {
	position:absolute;
	top:0px;
	right:-15px;
	width:15px;
	height:32px;
	background:url(images/nav-bg-right.png) no-repeat top right;
	z-index:100;
}
#access ul.navigation li a:hover,
#access ul.navigation li a.selected {
	background:url(images/nav-bg-left.png) no-repeat 0 -32px !important;
	color:#000000;
}
#access ul.navigation li a:hover span,
#access ul.navigation li a.selected span,
#access ul.navigation li a:hover + span,
#access ul.navigation li a.selected + span {
	background:url(images/nav-bg-right.png) no-repeat right bottom;
}
#access ul.navigation li#contact-toggle a:hover,
#access ul.navigation li#contact-toggle a:hover.selected {
	background:url(images/nav-bg-left.png) no-repeat 0 -32px !important;
	color:#cc0000;
}
#access ul.navigation li#contact-toggle a:hover span,
#access ul.navigation li#contact-toggle a:hover.selected span,
#access ul.navigation li#contact-toggle a:hover + span,
#access ul.navigation li#contact-toggle a:hover.selected + span {
	background:url(images/nav-bg-right.png) no-repeat right -32px;
}
#access ul.navigation li#contact-toggle a:active,
#access ul.navigation li#contact-toggle a.selected {
	background:url(images/nav-red-bg-left.png) no-repeat 0 0 !important;
	color:#ffffff;
}
#access ul.navigation li#contact-toggle a:active span,
#access ul.navigation li#contact-toggle a.selected span,
#access ul.navigation li#contact-toggle a:active + span,
#access ul.navigation li#contact-toggle a.selected + span {
	background:url(images/nav-red-bg-right.png) no-repeat right bottom;
}

/*//////////////////////////////
	>>> HEADER
//////////////////////////////*/

#header {
	width:940px;
	padding:96px 0 0 0;
	margin:0px auto 64px auto;
}
#header h1#blog-title {
	font-size:32px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:32px;
	text-indent:-99999px;
}
#header h1#blog-title a {
	display:block;
	width:435px;
	height:84px;
	background:url(images/logo-full.png) no-repeat 0 0;
}
#header #blog-description {
	display:none;
	font-size:12px;
	line-height:16px;
}

/*//////////////////////////////
	>>> MAIN
//////////////////////////////*/

#container {
	min-height:600px;
	width:940px;
	padding:0;
	margin:0 auto 32px auto;
}
h2.page-title {
	font:62.5% Helvetica, Arial, sans-serif; /* Resets 1em to 10px */
	font-size:46px;
	line-height:48px;
	margin:0;
	letter-spacing:-2.5px;
	text-transform:uppercase;
	clear:both;
}
.sub {
	font-size:32px;
	line-height:36px;
	letter-spacing:-1.5px;
	margin:0 0 16px 0;
	text-transform:uppercase;
}
h3 {
	font-size:16px;
	line-height:16px;
}
h3.home-title {
	float:left;
	width:100%;
	font-size:32px;
	line-height:48px;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}
h3.page-page-title {
	font-size:32px;
	line-height:36px;
	letter-spacing:-1px;
	margin:0 0 32px 0;
}
h4 {
	font-size:12px;
	line-height:16px;
}
p {
	margin:0 0 32px 0;
	line-height:16px;
}
.nudge-up {
	margin-top:-13px;
}
.entry-content > p:first-child:first-line {
}
blockquote {
	position:relative;
	border:1px solid #ffffff;
	padding:15px;
	margin:0 0 32px 0;
}
blockquote p:first-child {
	font-size:12px;
	line-height:16px;
}
blockquote p:last-child {
}
span.cite {
	position:absolute;
	bottom:16px;
	right:15px;
	font-weight:bold;
	font-style:italic;
}
pre {
	white-space:normal;
	margin:0 0 32px 0;
	padding:16px;
	font-size:12px;
	line-height:16px;
}
code {
}
ul, ol {
	list-style-position:inside;
	line-height:16px;
	margin:0 0 32px 0;
}
ul li, ol li {
	margin:0 0 8px 0;
}
ul li ul, ol li ol {
	list-style-position:inside;
	line-height:16px;
	margin:16px 0 16px 30px;
}
ul li.title, ol li.title {
	list-style:none;
}
.col-left {
	width:380px;
	float:left;
	margin:0px 20px 16px 0;
}
.col-right {
	width:380px;
	float:right;
}
strong.lead-info {
	font-size:16px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
}
.pullquote {
	float:right;
	width:380px;
	font-size:32px;
	line-height:36px;
	margin:0px 0 16px 0;
}
.exclamation {
	clear:both;
	font-size:32px;
	font-weight:bold;
	line-height:32px;
	color:#fecd08;
}
div.wp-caption {
	position:relative;
}
img {
	margin:16px 0 16px 0;
	border:0px solid #ffffff;
}
p.wp-caption-text {
	position:absolute;
	left:10px;
	top:48px;
	padding:16px;
	margin:0;
	background:#ffffff;
	color:#000000;
	font-size:12px;
	line-height:16px;
}
a.learn-more {
	display:block;
	width:133px;
	height:32px;
	background:url(images/learn-more.gif) no-repeat 0 0;
	text-indent:-99999px;
	float:right;
	margin:-39px 0 0 0;
}
a:hover.learn-more {
	background:url(images/learn-more.gif) no-repeat 0 -32px;
}
a:active.learn-more {
	background:url(images/learn-more.gif) no-repeat 0 0;
}


	/*//////////////////////////////
		>>> SLIDER
	//////////////////////////////*/
	
	/*.scrollButtons {
		width:120px;
		max-height:32px;
		position:fixed;
		top:114px;
		cursor:pointer;
		text-transform:uppercase;
		font-size:16px;
		line-height:16px;
		margin:-16px 0 0 0;
		padding:8px 23px 8px 23px;
		cursor:pointer;
		z-index:100;
	}
	.scrollButtons a {
		color:#000000;
	}
	.scrollButtons.scrollMeLeft {
		left:10px;
		background:url(images/slider-nav-left.png) no-repeat top left;
	}
	.scrollButtons.scrollMeRight {
		right:10px;
		background:url(images/slider-nav-right.png) no-repeat top right;
		text-align:right;
	}*/
	
	#slider {
		margin:0 auto;
	}
	#slider .scroll {
		width:940px;
		margin:0 auto;
		overflow:auto;
		position:relative;
		clear:left;
	}
	#slider .scroll .scrollContainer .panel {
		position:relative;
		width:780px;
		height:auto;
		background:url(images/panel-bg.png) no-repeat 0 0;
		margin:0 0 512px 0;
		padding:96px 0 64px 160px;
		overflow:hidden;
	}
	#slider .scroll .scrollContainer .panel#pintroduction {
		padding:0px 0 64px 160px;
		background:none;
	}
	.page-meta {
		position:absolute;
		top:97px;
		left:0px;
		width:140px;
	}
	.page-meta .page-meta-number {
		font-size:48px;
		font-weight:bold;
		line-height:46px;
	}
	
/*//////////////////////////////
	>>> CUSTOM COLOURS AND INDIVIDUAL PAGE STYLINGS
//////////////////////////////*/
	
	.color-1 {
		color:#ccffff;
	}
	.color-2 {
		color:#99ccff;
	}
	.color-3 {
		color:#66ccff;
	}
	.color-4 {
		color:#0099ff;
	}

/*//////////////////////////////
	>>> CONTACT-SLIDE
//////////////////////////////*/

#footer-image {
	display:block;
	position:relative;
	width:600px;
	height:380px;
	border:0px;
	margin:-20% auto 0 auto;
}
#footer-image img {
	margin:0;
}
.wrap-960 {
	width:960px;
	margin:0 auto;
}
#contact {
	display:block;
	width:100%;
	padding:1px 0 0 0;
	margin:0;
	background:url(images/opacity-20-white.png) repeat-x top left;
	z-index:1;
}
#contact a {
	color:#cccccc;
}
#contact a:hover {
	color:#ffffff;
}
#contact #contact-inside {
	padding:20px;
	background:#000000;
	overflow:auto;
}
#contact-inside #contact-form {
	float:right;
	width:300px;
	margin:0;
}
#contact-inside #contact-info {
	float:right;
	width:300px;
	margin:0 20px 0 0;
}
#contact h3 {
	margin:0 0 10px 0;
}
#contact p {
	margin:0 0 15px 0;
}
#contact ul {
	list-style:none;
	list-style-position:outside;
}

/* CONTACT FORM */
#contact-cform div.input-wrap {
	display:block;
	position:relative;
	clear:both;
	float:left;
}
#contact-form label {
	float:left;
	color:#999999;
	margin:0 0 5px 0;
	white-space:nowrap;
}
#contact-form .reqtxt {
	color:#666666;
	margin:0 0 0 10px;
}
#contact-form input[type=text] {
	width:290px;
	padding:5px;
	margin:0 0 5px 0;
	border:0px;
	font-size:12px;
	line-height:16px;
	background:#333333;
	color:#cccccc;
}
#contact-form textarea {
	width:290px;
	height:100px;
	padding:5px;
	margin:0 0 5px 0;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:#333333;
	color:#cccccc;
	overflow:auto;
}
#contact-form input[type=submit], #contact-form input.s_submit {
	margin:5px 0 0 0;
	padding:5px;
	width:140px;
	border:0px;
	background:#333333;
	font-weight:bold;
	color:#cccccc;
	cursor:pointer;
}
#contact-form input[type=submit]:hover {
	background:#ffffff;
	color:#cc0000;
}
#contact-form input[type=submit]:active {
	background:#cc0000;
	color:#ffffff;
}
#contact-form input[type=text]:hover,
#contact-form textarea:hover {
	background:#444444;
	color:#ffffff;
}
#contact-form input.error:hover,
#contact-form textarea.error:hover {
	background:#ffffff;
	color:#333333;
}
#contact-form input[type=text]:focus,
#contact-form textarea:focus,
#contact-form .tv-focused {
	background:#ffffff;
	color:#333333;
}
#contact-form label.error {
	background:url(images/ico/exclamation.png) no-repeat 0 0;
	width:16px;
	height:16px;
	position:absolute;
	top:2em;
	right:5px;
	text-indent:-99999px;
}
#contact-form input.error,
#contact-form textarea.error {
	background:#ffffff;
	color:#cc0000;
	font-weight:bold;
}

/*//////////////////////////////
	>>> FOOTER
//////////////////////////////*/

#footer-wrap {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	position:relative;
	z-index:10;
	overflow:auto;
}
#footer {
	background:#000000;
	padding:16px;
}
#footer p {
	font-weight:normal;
	color:#666666;
	margin:0;
}
#footer p a {
	color:#999999;
}
#footer:hover {
	color:#999999;
}
#footer:hover p a {
	color:#cccccc;
}
#footer p a:hover {
	color:#ffffff;
}