/*
Theme Name: Blue Lightning Labs
Theme URI: http://www.bluelightninglabs.com/
Description: Blue Lightning Labs
Version: 1
Author: Ben Lew
Author URI: http://benlew.com
Tags: retro, metal, blue, scifi
*/


/**** Global *********************************/

* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	text-align:center;
	color:#5f5f60;
	background:url(images/header-bg.jpg) top center no-repeat #000;
}

body#home {
	background:url(images/header-home-bg.jpg) top center no-repeat #000;
}

#wrapper {
	text-align:left;
	width:940px;
	border:0;
	overflow:auto;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}


a, a:visited {
	color:#5f5f60;
}

a:hover {
	color:#FFF;
	cursor:pointer;
}

a:active {
	outline:none;
}

:focus {
  -moz-outline-style: none;
}


.highlight, .highlight a, .highlight a:visited {
	color:#fff;
}

/**** Header *********************************/

#header {
	height:90px;
	padding-top:32px;
	overflow:visible;
}

#home #header {
	height:300px;
}

#nav-prime {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-family: sans-serif;
	line-height:100%;
	height:10px;
}

#nav-prime ul {
	padding:0 35px;
}

#nav-prime ul li {
	float:left;
	margin-right:20px;
}

#nav-prime ul li#tagline {
	float:right;
	margin-right:0px;
}

#logo {
	position:absolute;
	margin:50px 30px 0 0;
	right:0;
	height:191px;
	width:380px;
}

#home #logo {
	position:absolute;
	margin:60px 30px 0 0;
	left:110px;
	height:250px;
	width:504px;
}

#review {
	position:absolute;
	width:200px;
	top:140px;
	left:600px;
	font-size:12px;
	color:#6a868f;
	letter-spacing:2px;
	line-height:150%;
}

#review small {
	text-transform:uppercase;
	display:block;
	color:#3d535a;
	font-size:10px;
}

#core {
	clear:both;
	overflow:auto;
	height:100%;
	padding-bottom:10px;
}

#alertbox {
	text-align:center;
	margin-top:280px;
	font-size:14px;
	color:#516369;
	position:relative;
	z-index:999;
}

#alertbox img {
	margin-right:5px;
}

#alertbox a, #alertbox a:visited {
	background:#516369;
	padding:2px 4px;
	color:#000;
	font-size:10px;
	font-weight:bold;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#alertbox a:hover {
	background:#69818A;
}

#alertbox a:active {
	margin-top:1px;
	padding-top:1px;
}

/**** Core *********************************/

#content {
	float:left;
	
}

#post-meta, #post-meta a, #post-meta a:visited {
	color:#5e767e;
	font-size:10px;
	text-transform:uppercase;
}

#post-meta a:hover {
	color:#fff;
}

#sidebar {
	float:left;
	width:250px;
	margin:130px 0 0 40px;
	color:#6a868f;
	text-transform:uppercase;
}

#core.product {
	margin-top:150px;
}

#core.product.iphone #sidebar {
	width:260px;
	margin:200px 0 0 60px;
}

#core.product.mac #sidebar {
	width:260px;
	margin:80px 0 0 60px;
}

#core.product.iphone #sidebar #device {
	position:absolute;
	top:90px;
	width:260px;
	height:430px;
	text-align:center;
	background:url(images/iphone-big.png) center no-repeat;
}

#core.product.iphone #sidebar #device span {
	background:#000;
	margin:72px 0 0 37px;
	width:190px;
	height:287px;
	display:block;
	overflow:hidden;
}

#core.product.mac #sidebar #device {
	position:absolute;
	top:190px;
	width:260px;
	height:214px;
	text-align:center;
	background:url(images/mac-big.png) center no-repeat;
}

#core.product.mac #sidebar #device span {
	background:#000;
	margin:12px 0 0 14px;
	width:233px;
	height:144px;
	display:block;
	overflow:hidden;
}

#core.product #sidebar #buy-button {
	text-align:center;
}

#core.product.mac #sidebar #buy-button a {
	display:block;
	width:260px;
	height:57px;
	text-indent:-99999px;
	background:url(images/buy-mac.png) center top no-repeat;
	overflow:hidden;	
}

#core.product.mac #sidebar #buy-button a:hover {
	background:url(images/buy-mac.png) center -57px no-repeat;
}

#core.product.mac #sidebar #buy-button a:active {
	margin-top:1px;
	height:56px;
}

#core.product.iphone #sidebar #buy-button a {
	display:block;
	width:260px;
	height:95px;
	text-indent:-99999px;
	background:url(images/buy-app.png) center top no-repeat;
	overflow:hidden;	
}

#core.product.iphone #sidebar #buy-button a:hover {
	background:url(images/buy-app.png) center -95px no-repeat;
}

#core.product.iphone #sidebar #buy-button a:active {
	margin-top:1px;
	height:94px;
}


#core.product #sidebar #app-rating {
	text-align:center;
	font-size:8px;
	letter-spacing:5px;
	margin:30px 0;
	color:#3d535a;
}

#core.product #sidebar #app-rating div {
	height:17px;
	text-indent:-9999px;
	background:url(images/stars.png) top left no-repeat;
	margin:4px 0 4px 50px;
	overflow:hidden;
	color:#6a868f;
}

#app-rating div {
	height:17px;
	text-indent:-9999px;
	background:url(images/stars.png) top left no-repeat;
	margin:4px 0;
	overflow:hidden;
	color:#6a868f;
}

#app-rating div.star-4 {
	background:url(images/stars.png) -17px left no-repeat;
}

#app-rating div.star-3 {
	background:url(images/stars.png) -34px left no-repeat;
}

#app-rating div.star-2 {
	background:url(images/stars.png) -51px left no-repeat;
}

#app-rating div.star-1 {
	background:url(images/stars.png) -68px left no-repeat;
}

#app-rating div.star-0 {
	background:url(images/stars.png) -85px left no-repeat;
}

#core.product #sidebar #app-acclaim {
	font-size:8px;
	letter-spacing:5px;
	color:#3d535a;
}

#core.product #sidebar #app-acclaim ul {
	margin:2px 0 0 0;
	font-size:10px;
	letter-spacing:1px;
	color:#6a868f;
}

#core.product #content {
	width:400px;
	margin:0;
}

#right-col, #left-col {
	width:410px;
	float:left;
}

#left-col {
	margin-right:8px;
}

#home #core {
	padding-top:75px;
	margin-top:-50px;
	background:url(images/home-core-bg.jpg) center top no-repeat;
}

#home #content {
	width:828px;
	margin-left:52px;
}

.box {
	width:410px;
	height:200px;
	background:url(images/box.png) top no-repeat;
}

.box.subscribe {
	
}

.box a.button-info {
	display:block;
	float:left;
	width:106px;
	height:22px;
	text-indent:-999px;
	background:url(images/button-learnmore.jpg) top no-repeat;
	overflow:hidden;
	vertical-align:middle;
}

.box a.button-info:hover {
	background:url(images/button-learnmore.jpg) 0 -22px no-repeat;
}

.box a.button-info:active {
	margin-top:1px;
	height:21px;
}

.box a.button-buy{
	display:block;
	float:left;
	width:95px;
	height:29px;
	text-indent:-999px;
	background:url(images/button-buynow.png) top no-repeat;
	overflow:hidden;
	margin-right:10px;
	vertical-align:middle;
}

.box a.button-buy:hover {
	background:url(images/button-buynow.png) 0 -29px no-repeat;
}

.box a.button-buy:active {
	margin-top:1px;
	height:28px;
}

.box h1 {
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:6px;
}

.box p {
	font-size:10px;
	color:#546e76;
}

.box.subscribe {
	background:url(images/box.png) no-repeat;
	
}

.box.subscribe div.box-content  {
	margin:3px 20px 0 20px;
	padding-top:18px;
}

.box.subscribe label {
	color:#303638;
	font-size:11px;
	display:block;
	letter-spacing:5px;
	float:left;
	text-align:left;
	line-height:90%;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

.box.subscribe input {
	float:left;
	background:url(images/input-bg.png) top left;
	border:0;
	border-right:solid 1px #082630;
	border-bottom:solid 1px #082630;
	padding:4px 8px;
	color:#4d6369;
	margin:-2px 10px 0 0;
	font-size:14px;
	width:250px;
	font-weight:normal;
}

.box.subscribe input.submit {
	border:0;
	padding:0;
	margin:0;
	width:70px;
}

.box.iphone.left {
	background:url(images/box-iphone-left.png) no-repeat;
	margin-top:-30px;
}

.box.iphone.left div.box-image {
	float:left;
	margin:32px 20px 0 36px;
}

.box.iphone.left div.box-content {
	float:left;
	width:255px;
	margin-top:50px;
}

.box.iphone.right {
	background:url(images/box-iphone-right.png) no-repeat;
	margin-top:-30px;
}

.box.iphone.right div.box-image {
	float:right;
	margin:32px 35px 0 20px;
}

.box.iphone.right div.box-content {
	float:right;
	width:255px;
	margin-top:50px;
}

.box.mac.left {
	background:url(images/box-mac-left.png) no-repeat;
	margin-top:-30px;
}

.box.mac.left div.box-image {
	float:left;
	margin:10px 20px 0 28px;
}

.box.mac.left div.box-content {
	float:left;
	width:190px;
	margin-top:50px;
}

.box.mac.right {
	background:url(images/box-mac-right.png) no-repeat;
	margin-top:-30px;
}

.box.mac.right div.box-image {
	float:right;
	margin:10px 30px 0 15px;
}

.box.mac.right div.box-content {
	float:right;
	width:190px;
	margin-top:50px;
}

/**** Sidebar *********************************/

#sidebar a, #sidebar a:visited {
	color:#6a868f;
}

#sidebar a:hover {
	color:#fff;
}

#sidebar ul {
	font-size:14px;
}

#sidebar ul li {
	margin-bottom:14px;
}

#sidebar ul li.highlight a {
	color:#A6D3E5;
}

#sidebar ul li.highlight ul li a {
	color:#6a868f;
}

#sidebar ul li.highlight ul li a:hover {
	color:#fff;
}

#sidebar ul li.highlight ul li.highlight a {
	color:#A6D3E5;
}

#sidebar ul li ul {
	margin:14px 0 14px 20px;
	font-size:12px;
}

#page-title {
	background:url(images/title-bg.jpg) -50px 0 no-repeat;
	height:63px;
}

#page-title h1 {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#FFF;
	font-size:17px;
	padding-top:20px;
	margin-left:100px;
	width:450px;
}

#core.product #page-title h1 {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#FFF;
	font-size:17px;
	padding-top:20px;
	padding-left:300px;
	margin-left:40px;
}

#content div.post {
	margin:25px 0 0 100px;
	width:500px;
	font-size:14px;
	line-height:150%;
	color:#FFF;
}

div.post p {
	font-size:14px;
}

#core.product #content div.post {
	margin:25px 0 0 20px;
	width:550px;
	font-size:12px;
	line-height:150%;
	color:#FFF;
}

#screenshots ul li {
	float:left;
	margin:0 20px 20px 0;
	background:url(images/thumb-cover.png) repeat-x #5e92a5;
}

#screenshots ul li a {
	opacity:.5;
	
}

#screenshots ul li a:hover {
	opacity:1;
}

/**** Comments *********************************/

div#comments {
	width:550px;
	margin:25px 0 0 0;
	padding: 20px 0 0 100px;
	overflow:auto;
	background:url(images/divider.jpg) left 60px no-repeat #000;
}

div#comments h3 {
	color:#38464b;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:40px;
}

div#comments h3 span {
	display:block;
	float:left;
	margin-right:10px;
	background:url(images/commentnumber.png) no-repeat;
	color:#000;
	font-size:12px;
	font-weight:normal;
	padding:5px auto;
	width:28px;
	height:24px;
	overflow:auto;
	text-align:center;
}

div#comments ol {
	list-style:none;
	clear:both;
}

div#comments ol li {
	color:#FFF;
	margin-bottom:20px;
	border-bottom:solid 1px #1f2325;
	padding-bottom:10px;
}

div#comments ol li cite {
	color:#5e767e;
	text-transform:uppercase;
}

div#comments ol li cite a, div#comments ol li cite a:visited {
	color:#acc6ce;
	font-style:normal;
}

div#comments ol li span.comment-meta {
	font-size:10px;
	color:#5e767e;
}

div#comment-form {
	clear:both;
	width:460px;
	height:207px;
	margin-top:20px;
	overflow:auto;
	background:url(images/comment-bg.png) no-repeat;
	padding:0 20px 20px;
	overflow:hidden;
}

div#comments h4 {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#FFF;
	font-size:17px;
	padding-top:20px;
	width:450px;
	background:none;
	margin-bottom:10px;
}

div#comments #comment-leave-info {
	float:left;
	width:130px;
	margin-right:20px;
}

div#comments #comment-leave-body {
	float:left;
	width:300px;
}

div#comments label {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:3px;
	display:block;
	color:#4c5d63;
}


div#comments input, div#comments textarea {
	background:url(images/input-bg.png) top left;
	border:0;
	border-right:solid 1px #082630;
	border-bottom:solid 1px #082630;
	padding:4px 8px;
	color:#FFF;
	margin:-2px 10px 10px 0;
	width:120px;
	resize:none;
}

div#comments textarea {
	background:url(images/input-bg.png) top left repeat-x #000;
	width:280px;
	height:100px;
}

/**** Footer *********************************/

#footer {
	clear:both;
	background:url(images/footer-bg.jpg) bottom center no-repeat #000;
	height:135px;
	width:940px;
	border:0;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:3px;
	position:relative;
	color:#303638;
	margin:10px auto 0;
}

.push {
	height:135px;
}

#footer a, #footer a:hover {
	color:#303638;
}

#footer a:hover {
	color:#FFF;
}

#footer-bar {
	height:14px;
	font-size:14px;
	text-transform:uppercase;
	padding-top:25px;
	margin:0 80px 0 70px;
	vertical-align:middle;
}

#footer-signup {
	float:left;
	margin-top:-5px;
}

#footer-signup label {
	width:150px;
	font-size:11px;
	display:block;
	letter-spacing:5px;
	float:left;
	text-align:left;
	line-height:90%;
	margin:0;
}

#footer-signup input {
	float:left;
	background:url(images/input-bg.png) top left;
	border:0;
	border-right:solid 1px #082630;
	border-bottom:solid 1px #082630;
	padding:4px 8px;
	color:#4d6369;
	margin:-2px 10px 0 0;
	width:120px;
}

#footer-signup input.submit, div#comments input.submit {
	border:0;
	padding:0;
	margin:0;
	width:70px;
}

#footer-social {
	float:right;
	margin-top:-5px;
	height:19px;
	width:200px;
}

#footer-social p {
	float:left;
}

#footer-social a#follow-twitter, #footer-social a#follow-twitter:visited {
	display:block;
	float:right;
	height:19px;
	width:19px;
	text-indent:-99999px;
	background:url(images/follow.png) top left no-repeat;
	overflow:hidden;
	margin:0 10px 0 0;
}

#footer-social a#follow-twitter:hover {
	background:url(images/follow.png) 0 -19px no-repeat;
}

#footer-social a#follow-facebook, #footer-social a#follow-facebook:visited {
	display:block;
	float:right;
	height:19px;
	width:19px;
	text-indent:-99999px;
	background:url(images/follow.png) -19px top no-repeat;
	overflow:hidden;
}

#footer-social a#follow-facebook:hover {
	background:url(images/follow.png) -19px -19px no-repeat;
}

#footer-social a#follow-facebook:active, #footer-social a#follow-twitter:active {
	margin-top:-1px;
}

#footer ul {
	position:absolute;
	bottom:53px;
	padding:0 35px;
}

#footer ul li {
	float:left;
	margin-right:20px;
}

#footer ul li#copyright {
	text-align:center;
	width:425px;
	margin-right:75px;
}

#permalink, #permalink a, #permalink a:visited{
	margin: -15px 0px 40px 0px;
	color:#5e767e;
	font-size:10px;
	text-transform:uppercase;
}

div.widgettitle {
	color:#5e767e;
	margin: 10px 0px -25px 0px;
	font-size: 14px;
}

li.widget {
	margin: 20px 0px 0px 0px;
}

div#sidebar li {
	font-size: 12px;
	margin: 3px 0px 0px 0px;
}

#bottom_subscribe, #bottom_subscribe a, #bottom_subscribe a:visited {
	margin-top: 5px;
	font-size: 14px;
	color:#5f5f60;
	text-transform: none;
}