/*
	Kylo.TV
	layout.css
	Cohenspire.com, 2010
*/
/* based on Eric Meyer's 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,
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;}
ol, ul {list-style: none;}
/*
	Defaults
*/
body{background: #f5f5f5;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}

/*
	Header
*/
#header{width: 940px; height: 92px; margin: 0 auto; padding: 0 10px; position: relative;}
	a#logo{width: 160px; height: 67px; display: block; position: absolute; left: 10px; top: 41px; background: url('http://kylo.tv/images/interface/logo.png') no-repeat; text-indent: -7000px; border: none;}
	ul#nav{height: 34px; display: block; position: absolute; bottom: 0; right: 10px;}
		ul#nav li{height: 34px; display: inline; float: left; margin-left: 15px;}
			ul#nav li:last-child, .last{margin-right: 0;}
			ul#nav li.home{width: 64px; background: url('http://kylo.tv/images/interface/nav_home.png') no-repeat 0 0;}
				body#home ul#nav li.home, ul#nav li.home:hover{background: url('http://kylo.tv/images/interface/nav_home.png') no-repeat 0 -34px;}
			ul#nav li.features{width: 81px; background: url('http://kylo.tv/images/interface/nav_features.png') no-repeat 0 0;}
				body#features ul#nav li.features, ul#nav li.features:hover{background: url('http://kylo.tv/images/interface/nav_features.png') no-repeat 0 -34px;}
			ul#nav li.computertotv{width: 126px; background: url('http://kylo.tv/images/interface/nav_computertotv.png') no-repeat 0 0;}
				body#computertotv ul#nav li.computertotv, ul#nav li.computertotv:hover{background: url('http://kylo.tv/images/interface/nav_computertotv.png') no-repeat 0 -34px;}
			ul#nav li.help{width: 57px; background: url('http://kylo.tv/images/interface/nav_help.png') no-repeat 0 0;}
				body#help ul#nav li.help, ul#nav li.help:hover{background: url('http://kylo.tv/images/interface/nav_help.png') no-repeat 0 -34px;}
			ul#nav li.loop{width: 85px; background: url('http://kylo.tv/images/interface/nav_loop.png') no-repeat 0 0;}
				body#loop ul#nav li.loop, ul#nav li.loop:hover{background: url('http://kylo.tv/images/interface/nav_loop.png') no-repeat 0 -34px;}
			ul#nav li.news{width: 60px; background: url('http://kylo.tv/images/interface/nav_news.png') no-repeat 0 0;}
				body#news ul#nav li.news, ul#nav li.news:hover{background: url('http://kylo.tv/images/interface/nav_news.png') no-repeat 0 -34px;}
			ul#nav li.blog{width: 57px; background: url('http://kylo.tv/images/interface/nav_help.png') no-repeat 0 0;}
				body#blog ul#nav li.blog, ul#nav li.blog:hover{background: url('http://kylo.tv/images/interface/nav_help.png') no-repeat 0 -34px;}
			ul#nav li.code{width: 105px; background: url('http://kylo.tv/images/interface/nav_code.png') no-repeat 0 0;}
				body#code ul#nav li.code, ul#nav li.code:hover{background: url('http://kylo.tv/images/interface/nav_code.png') no-repeat 0 -34px;}

#header_callout {
    position: relative;
    float: left;
    clear: both;
    margin: 5px;
    background: #f6f6f6;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
    font-size: 16pt;
    padding: 10px;
    margin-top: 20px;
}

.header_callout_title {
    font-weight: bold;
    color: #32a9c3;
}

/*
	Footer
*/
#wrapper_footer{width: 100%; height: 62px; margin: 0 auto; clear: both; background: url('http://kylo.tv/images/interface/bg_footer.jpg') repeat-x bottom;}
	#footer{width: 940px; margin: 0 auto; padding-top: 24px;}

/*
	Landing Page
*/
#wrapper_top{width: 100%; margin: 0 auto; overflow: hidden; background: url('http://kylo.tv/images/interface/bg_lptop.jpg') repeat-x;}
	#wrapper_featured{width: 100%; margin: 0 auto; overflow: hidden; background: url('http://kylo.tv/images/interface/bg_banner.jpg') no-repeat top center;}
		#featured{width: 940px; height: 383px; margin: 0 auto; padding: 90px 10px 60px; overflow: hidden; position: relative;}
			
			/* Landing Page Downloads Pane */
			#featured > #downloads{width: 250px; height: 120px; padding: 15px; position: absolute; bottom: 60px; left: 10px; background: url('http://kylo.tv/images/interface/bg_downloads.png') repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);}
				#featured > #downloads > #paneone{z-index: 20; position: absolute; top: 15px; left: 15px;}
					#featured > #downloads > #paneone img{position: absolute; bottom: -64px; left: -15px;}
					body#home #downloads > #paneone a{width: 256px; height: 50px; display: block; text-indent: -7000px; background: url('http://kylo.tv/images/interface/btn_lpdownload.jpg') no-repeat; border: none; -webkit-transition: none;}
					body#home #downloads > #paneone a:hover{background: url('http://kylo.tv/images/interface/btn_lpdownload.jpg') no-repeat 0 -50px; cursor: pointer; border: none; -webkit-transition: none;}
				#featured > #downloads > #panetwo{z-index: 10; opacity: 0; position: absolute; top: 15px; left: 15px;}
					#featured > #downloads form input#email, #featured > noscript form input#email{height: 23px; width: 235px; margin: 0 0 18px 0; padding: 0 5px; border: solid 1px #4e4e4e; background: url('http://kylo.tv/images/interface/bg_dlform.jpg') repeat-x; color: #f5f5f5;}
					#featured > #downloads > #panetwo img, #featured > noscript div img{position: absolute; bottom: -68px; left: -15px;}
				#featured > noscript div#pane{width: 250px; height: 120px; padding: 15px; position: absolute; bottom: 60px; left: 10px; background: url('http://kylo.tv/images/interface/bg_downloads.png') repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 30;}

/* Landing Page Black Bottom */
#wrapper_bottom{width: 100%; margin: 0 auto; overflow: hidden; background: #222;}
	#wrapper_bottom > #content{width: 940px; margin: 0 auto;}
		#wrapper_bottom > #content > .column1{width: 440px; margin-right: 20px; padding: 60px 0; position: relative; float: left;}
			#controls{width: 45px; position: absolute; top: 60px; right: 0; z-index: 30;}
				a#next{width: 20px; height: 20px; float: right; background: url('http://kylo.tv/images/interface/btn_next.jpg') no-repeat 0 0; border: none; -webkit-transition: none;}
					a#next:hover{background: url('http://kylo.tv/images/interface/btn_next.jpg') no-repeat 0 -20px; cursor: pointer; border: none; -webkit-transition: none;}
				a#prev{width: 20px; height: 20px; float: left; background: url('http://kylo.tv/images/interface/btn_prev.jpg') no-repeat 0 0; border: none; -webkit-transition: none;}
					a#prev:hover{background: url('http://kylo.tv/images/interface/btn_prev.jpg') no-repeat 0 -20px; cursor: pointer; border: none; -webkit-transition: none;}
			#wrapper_bottom > #content > .column1 > ul li{display: block; width: 440px;}
		#wrapper_bottom > #content > .column3{width: 200px; padding: 60px 20px; margin: 0; float: left; background: url('http://kylo.tv/images/interface/bg_coldivider.jpg') no-repeat left;}
		#wrapper_bottom > #content > .column4{width: 220px; padding: 60px 0 60px 20px; float: left; background: url('http://kylo.tv/images/interface/bg_coldivider.jpg') no-repeat left;}

/*
	Sub pages
*/
#wrapper{width: 100%; margin: 0 auto; background: url('http://kylo.tv/images/interface/bg_subpage.png') repeat-x top;}
	#wrapper > #content{width: 940px; margin: 0 auto; padding: 60px 10px 0; position: relative; overflow: hidden;}
		#wrapper > #content > #top{overflow: hidden;}
		/* Subpage Download Box */
		#subpage_download{width: 200px; height: 123px; padding: 10px; position: relative; float: left; background: url('http://kylo.tv/images/interface/bg_downloads.png') repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);}
			#subpage_download > #paneone{z-index: 20; position: absolute; top: 10px; left: 10px;}
				#subpage_download > #paneone img{position: absolute; bottom: -36px; left: -10px;}
				#subpage_download > #paneone > a{width: 204px; height: 50px; display: block; text-indent: -7000px; background: url('http://kylo.tv/images/interface/btn_subdownload.jpg') no-repeat 0 0; border: none; -webkit-transition: none;}
					#subpage_download > #paneone > a:hover{background: url('http://kylo.tv/images/interface/btn_subdownload.jpg') no-repeat 0 -50px; cursor: pointer; border: none; -webkit-transition: none;}
				#content > #tabs > .tab > #subpage_download a{border: none; -webkit-transition: none;}
					#content > #tabs > .tab > #subpage_download a:hover{border: none; -webkit-transition: none;}
			#subpage_download > #panetwo{z-index: 10; opacity: 0; position: absolute; top: 10px; left: 10px;}
				#subpage_download > #panetwo img, #content > noscript div#pane img{position: absolute; bottom: -40px; left: -10px;}
			#content > noscript div#pane{width: 200px; height: 123px; padding: 10px; position: absolute; top: 325px; left: 10px; background: url('http://kylo.tv/images/interface/bg_downloads.png') repeat-x; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 30;}
			
		#content > .column2{width: 210px; padding-right: 10px; float: left; margin-left: 80px; padding-top: 11px;}
		#content > .column3{width: 400px; float: left; margin-left: 20px; padding-top: 11px;}
	
	/* Sub Page Black Bottom */
	#wrapper_bottom > #content_footer{width: 940px; margin: 0 auto; overflow: hidden;}
		#content_footer > .column1{width: 450px; padding: 60px 10px 60px 0; float: left; position: relative;}
		#content_footer > .column2{width: 450px; padding: 60px 0 60px 20px; float: right; position: relative; background: url('http://kylo.tv/images/interface/bg_smallcoldivider.jpg') no-repeat left;}
			.scoopmore img{z-index: 10; position: absolute; top: 75px; right: 130px;}

/* 
	Features 
*/
img.headershot{margin-left: -6px; float: left;}
body#features #downloads{float: left;}
ul.sidetoside{padding-top: 90px; clear: both; overflow: hidden;}
body#thanks ul.sidetoside{padding-top: 0px;}
	ul.sidetoside li{width: 700px; clear: both; margin-bottom: 60px; padding: 10px; overflow: hidden; position: relative;}
		ul.sidetoside li.odd{float: right; margin-right: -10px;}
			ul.sidetoside > li.odd div{width: 220px; float: left;}
			ul.sidetoside > li.odd img{float: right; border: solid 1px #c8c8c8; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);}
		ul.sidetoside li.even{float: left; margin-left: -10px;}
			ul.sidetoside > li.even div{width: 220px; float: right;}
			ul.sidetoside > li.even img{float: left; border: solid 1px #c8c8c8; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);}
img#powered{float: right; clear: both; padding-bottom: 60px;}
a > img{border: none; focus: none;}

/*
	Help
*/
body#help #wrapper{width: 100%; margin: 0 auto; background: url('http://kylo.tv/images/interface/bg_help.png') repeat-x top;}
	body#help #top{height: 325px;}
		body#help #top > .column1{width: 580px; float: left;}
		body#help #top > .column2{width: 248px; float: right; padding: 15px; background: #efefef; border: solid 1px #d2d2d2; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
	body#help #subpage_download{float: right;}
	#tabs{padding-top: 11px;}
		#tabs ul#tabsnav{height: 32px; display: block;}
			#tabs ul#tabsnav li{height: 32px; display: inline; float: left; margin-right: 2px;}
				ul#tabsnav li a{height: 24px; display: block; text-align: center; padding: 7px 20px 0 20px; background: url('http://kylo.tv/images/interface/bg_tabinactive.png') repeat-x; border: solid 1px #c4c4c4; border-bottom: none; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-transition: none; border-bottom: none;}
					#tabs ul#tabsnav li a:hover{-webkit-transition: none; border-bottom: none; text-decoration: underline;}
					#tabs ul#tabsnav li.ui-tabs-selected a{background: url('http://kylo.tv/images/interface/bg_tabactive.png') repeat-x;}
		.tab{padding-top: 60px; overflow: hidden;}
			.tab .column1{width: 580px; float: left;}
			.ui-tabs-hide{display: none;}
		form#download_form, form#feedback_form {width: 610px; padding-top: 42px; display: block; float: left; overflow: hidden;}
		#panetwo form#download_form, #pane form#download_form, #panetwo form#feedback_form, #pane form#feedback_form{width: 250px; padding-top: 0; float: none; margin-top: -5px;}
			form#download_form div, form#feedback_form div{width: 610px; margin-bottom: 9px; clear: both; overflow: hidden;}
			form#download_form label, form#feedback_form label{width: 100px; font-size: 16px; color: #32a9c3; float: left; text-align: right;}
			form#download_form label.error, form#feedback_form label.error{width: 300px; font-size: 12px; color: #990000; float: right; text-align: left;}
			form#download_form input, form#feedback_form input{width: 150px; height: 20px; margin: 0 20px; padding: 0 5px; float: left; background-color: #eee; border: solid 1px #d2d2d2;}
				#subpage_download #panetwo form input#email, #content > noscript div#pane input{height: 23px; width: 188px; margin: 0 0 18px 0; padding: 0 5px; border: solid 1px #4e4e4e; background: url('http://kylo.tv/images/interface/bg_dlform.jpg') repeat-x; color: #f5f5f5;}			
			form select{margin-left: 20px; width: 160px; height: 20px;}
			form textarea{margin-left: 20px; width: 460px; height: 100px; overflow: auto; background-color: #eee; border: solid 1px #d2d2d2;}
			form#download_form button, form#feedback_form button{margin-left: 120px; width: 120px; height: 38px; margin-top: 9px; background: url('http://kylo.tv/images/interface/btn_submitform.png') no-repeat; text-indent: -7000px; border: none; -webkit-transition: none;}
			form#download_form button:hover, form#feedback_form button:hover{background: url('http://kylo.tv/images/interface/btn_submitform.png') 0 -38px no-repeat; cursor: pointer; border: none; -webkit-transition: none;}
			#panetwo form#download_form button, #pane form#download_form button, input#downloadbtn{width: 131px; height: 35px; display: block; margin: 0; text-indent: -7000px; background: url('http://kylo.tv/images/interface/btn_begindownload.png') no-repeat; border: none; text-indent: -7000px; -webkit-transition: none;}
				#panetwo form#download_form button:hover, #pane form#download_form button:hover, input#downloadbtn:hover{background: url('http://kylo.tv/images/interface/btn_begindownload.png') no-repeat 0 -35px; cursor: pointer; -webkit-transition: none; border: none;}

#email2 {display: none;}
			
/*
	Loop
*/
body#loop img.headershot{margin-left: -6px; margin-top: 0px;}
body#loop #content, body#help #content{padding-bottom: 60px;}
#buyloop{width: 200px; height: 106px; padding: 10px; position: relative; float: left; background: url('http://kylo.tv/images/interface/bg_downloads.png') repeat-x #222; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);}
	#buyloop > img{position: absolute; bottom: -30px; left: 0px;}
	.kylo img{float: right;}
img#loophand{width: 158px; border: solid 1px #d2d2d2; float: right;}

/*
	Computer to TV
*/
body#computertotv #wrapper{width: 100%; margin: 0 auto; background: url('http://kylo.tv/images/interface/bg_help.png') repeat-x top;}
	body#computertotv #top{height: 325px;}
		body#computertotv #top > .column1{width: 580px; float: left;}
	body#computertotv #subpage_download{position: absolute; top: 200px; right: 0; z-index: 40;}
		body#computertotv .tab > .column1{padding-bottom: 60px;}
	body#computertotv img.cable{width: 58px; border: solid 1px #d2d2d2; float: left; margin-right: 20px; margin-bottom: 18px;}

table.table-diag {
    border-collapse:collapse;
    border-spacing:0;
    font-size:75%;
    padding: 0;
    margin: 0;
}

table.table-diag td {
    text-align: left;
    vertical-align: top;
}

table.table-diag th {
    font-weight: bold;
}

table.table-diag tr.alt {
	background: #eef5f7;
}

table.table-diag td, table.table-diag th {
	padding: 8px 8px;
	color: #5b5b5b;
	line-height: 1.2em;
	font-family: arial;
	border-bottom: 1px solid #82b4c0;
}

table.table-diag > tr.title > th {
    padding-top: 0;
}

/*
	News
*/
body#news #top{height: 143px;}
#main{width: 580px; margin-top: 38px; padding: 60px 0; float: left; overflow: hidden;}
		.post:last-child{border: none; margin: 0; padding: 0;}
#aside{width: 280px; margin-top: 38px; padding: 60px 0 60px 10px; float: right; overflow: hidden;}
	#aside > #subpage_download{float: none;}
.footnote{width: 558px; padding: 5px 10px; overflow: hidden; margin: 18px 0 54px 0; border: solid 1px #d2d2d2; background: #eee;}
	.footnote p{float: left;}
	.footnote a{float: right;}

/*
	Blog
*/
body#blog #top{height: 143px;}
	
/*
	ShareThis
*/	
#sharethishome{position: absolute; left: 10px; top: 495px; z-index: 40;}
#sharethissub{position: absolute; left: 0px; top: 155px; z-index: 40;}
	#buyloop > #sharethissub{top: 135px;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle; border: none; -webkit-transition: none;}
a.stbar.chicklet, #aside a.stbar.chicklet {height:16px;line-height:16px; border: none; -webkit-transition: none;}

/*
	Thanks
*/
body#thanks iframe{height: 0; display: none;}