/*
Theme Name: Limbo
Theme URI: www.limbogame.org
Description: Tema til Wordpress - Limbo
Author: Plastiik

*/

/* ----------- CSS reset (make styles look the same in every browser) ----------- */

html{color:#000;background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

/* ----------- Page Settings ----------- */

html, 
body {
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-family: Arial;
}

a img {
	border: none;
}


/* ----------- Clear and Spacing ----------- */

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
}

/* ----------- Structure ----------- */

#flash-element{
	width: 1001px;
	margin: auto;
	background-color: black;
	position: relative;
	z-index: 2;
}

#flash-element-inner{
	background-color: black;
}

#wrapper{
	width: 555px;
	margin: auto;
	padding-bottom: 50px;
}

#header{
	margin-top: -90px;
	z-index: 99;
	position: relative;
}

#logo{
	float: left;
}

#menu{
	float: right;
	margin-top: 30px;
}

#menu ul li{
	display: block;
	float: left;
	margin-left: 26px;
}

#menu ul li a{
	color: #8b8b8b;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#menu ul li a:hover{
	color: white;
}

#menu .current-menu-item a{
	color: white;
}

#news-tagline, #news-tagline p, #news-tagline a{
	font-size: 12px;
	font-style: italic;
	color: #df4430;
	margin-top: 20px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.white-text{
	color: white;
}

.dark-gray-text{
	color: #646464;
}

.yellow-text{
    color: #E6DB55;
}

.licensekey{
    margin: 5px 5px 5px 5px;
    font-size: larger;
    font-weight: bolder;
    color: white;
}

#content{
	color: #aaa;
	font-size: 11px;
	line-height: 15px;
	width: 350px;
	float: left;
}

#content-store{
	color: #aaa;
	font-size: 11px;
	line-height: 15px;
	width: 550px;
	float: left;
}

#content a{
	color: #646464;
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;
}

#sidebar{
	float: right;
	width: 150px;
}

#sidebar img{
	margin-bottom: 40px;
}

#awards{
	margin-top: 60px;
	font-size: 12px;
	line-height: 16px;
}

.news-item{
	font-size: 11px;
	margin-bottom: 20px;
}

.news-date{
	float: left;
	color: #636363;
	width: 65px;
	margin-left: -75px;
	line-height: 12px;
}

.news-content{
	float: left;
	width: 300px;
}

.news-text{
	margin-bottom: 10px;
}
	
.news-meta{
	color: #3e3e3e;
}

#media-focus img{
	width: 542px;
	height: 305px;
	background-color: #363636;
}

#media h2{
	font-size: 14px !important;
}

#media-focus{
	width: 548px;
	margin-bottom: 15px;
	min-height: 305px;
	position: relative;
}

#media-focus-inner{
	background-color: #363636;	
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#media p{
	font-size: 10px;
	color: #d5d5d5;
	position: absolute;
	top: 285px;
	margin-left: 15px;
}

.media-category{
	margin-left: 10px;
}

.media-category img{
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	width: 97px;
	height: 64px;
	border: 1px solid black;
}

.active{
	border: 1px solid #ff5f0b !important;	
}

.media-category h2{
	font-size: 16px;
	color: #c3c3c3;
	margin-top: 26px;
	margin-bottom: 13px;
	text-transform: uppercase;
}

#content ul li{
	list-style-type: disc;
	margin-left: 30px;
}

#content ol li{
	list-style-type: decimal;
	margin-left: 30px;
}

#content p{
	margin-bottom: 15px;
	/*font-size: 11px;*/
}

#content h1{
	font-size: 24px;
	color: white;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#content h2{
	font-size: 24px;
	color: white;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#content h3{
	font-size: 14px;
	color: white;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#content h4{
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#content.news p{
	margin-bottom: 0px !important;
}


#content ul{
	margin-bottom: 15px;
}

#content ol{
	margin-bottom: 15px;
}

.store-item{
	width: auto;
	float: left;
	margin-bottom: 35px;	
}

.gray-line{
	height: 1px;
	background-color: #2e2e2e;
}

.store-item img{
	width: auto;
	height: 135px;
	margin-right: 60px;
}

.storecat h2, .store h2{
	color: white;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px !important;
}

.store-item a{
	color: #8b8b8b;
	text-decoration: none;
	font-size: 13px;
}

.center-link{
	text-align: center;
	display: block;
	margin: auto;
	margin-right: 60px;
	padding-top: 10px;
}

.store-item a:hover{
	text-decoration: none;
	
}


.buy-mark{
	height: auto !important;
	width: auto !important;	
	float: right;
	position: relative;
	z-index: 99;
	margin-top: -80px;
	margin-right: 30px !important;
}

.buy input[type="text"]{
		border: 1px solid #ff5f0b !important;
		background-color: black;
		color: white;
		margin-bottom: 10px;
}

.buy input[type="submit"]{
	background-color: #8b8b8b;
	border: none;
	padding: 3px;
}

.buy input[type="submit"]:hover{
	cursor: pointer;
}

.buy input[type="submit"]:click{
	border: 1px white;
}

.buy label{
		display: block;
		width: 150px;
}

#news-nav{
	font-size: 11px;
	margin-bottom: 50px;
	margin-top: 10px
}

#news-nav span{
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #2e2e2e;
}

#news-nav a{
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #2e2e2e;
}

.current{
	color: #ff5f0b;
}

#social-buttons img{
	margin-right: 10px;
	margin-bottom: 10px !important;
}

.fullwidth{
	width: 555px !important;
}

.fullwidth2{
	width: 600px !important;
}

.newsletter {
	z-index: 10;
	margin-right: 0px;
}
.newsletter input {
	/* background: #252525; */
	/* background: #3F3F3F; */
	color: #4f4f4f;
	background: #000;
	border: 1px solid black;
	width: 160px;
	font-size: 11px;
}
.newsletter input:focus {
	background: #000;
	color: #fff;
	border: 1px solid black;
	outline:none;
}

.single-news{
	font-size: 11px !important;
}

.heading{
	color: white !important;
}

.news-text img{
	margin-bottom: 10px;
	margin-top: 10px;
}

.news-text h4{
	margin-bottom:  6px !important;
	font-size: 12px !important;
	color: white !important;
}

.news-text h4 a{
	margin-bottom:  0px !important;
	font-size: 12px !important;
	color: white !important;
}

.single-news h1{
	font-size: 12px !important;
	margin-bottom: 5px !important;
}

.frontpage p{
	font-size: 14px !important;
}

#awards p{
	font-size: 11px !important;
}

.game-image{
	float: left;
	margin-right: 30px;
	margin-bottom: 35px;
}

.buy-on{
	/*
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 15px;
	*/
	margin-left: 47px;
	margin-right: 30px;
	float: left;
	margin-top: 80px;
	margin-bottom: 60px;
	
}

.last{
	margin-top: 45px;
	margin-right: 0px !important;
}

.first{
	
	margin-top: 30px;
	
}

.buy-on2{

	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 15px;
	
}

.last2{

	margin-right: 0px !important;
}

.store-item2{
	margin-right: 30px;
}

.first2{
	
}

.store-text {
    font-size: 11px;
	text-align: center;
	margin-top: 40px;
}

.storecat{
width: 620px;
}

.storecat2{
width: auto;
}

.store-item2{
	float: left;
}

.widget-header{
	font-size: 11px !important;
	color: #8b8b8b;
}

/* ----------- CSS for ver. 2.0 of Limbogame.org added in december 2012 ----------- */
#available-for img{
	margin-bottom: 0px;
	margin-top: 15px;
}

.store-mac-icon{
	margin-left: 15px;
}

.store-onlive-icon{
	margin-left: 15px;
}

.store-xbox-icon{
	margin-left: 5px;
}

#available-for{
	margin-bottom: 40px;
	margin-top: 30px;
}

#limbo_btns img{
	margin-bottom: 10px;
}

#store-text-2{
	margin-top: 0px;
}

#buy-2{
	width: 355px;
	float: left;
}

#buy-2 input[type="text"]{
	border: 1px solid #474545 !important;
	width: 169px !important;
	height: 28px;
	float: left;
	line-height: 28px;
}

.store-item2{
float: left;
}

#buy-2 label{
	color: #474545;
}

#buy2-left{
	width: 220px;
	float: right;
	white-space: nowrap;
}

.frontpage2 p{
	/*font-size: 11px !important;*/
}

#submit_img{
	background-color: #d75225;
	background-image: url("images/pp2.png");
	background-position: right;
	background-repeat: no-repeat;
	width: 159px;
	height: 30px;
	line-height: 20px;
	color: white;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	float: right;
}

.demo-link-from-store{
	width: 169px;
	height: 30px;
	display: block;
	background-color: #7d7d7d;
	line-height: 30px;
	color: black !important;
	font-weight: bold;
	margin-top: 10px;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
}
.demo-link-from-store:hover{
	text-decoration: none !important;
}

#pc-req-link img, #mac-req-link img{
	margin-top: 50px;
	margin-left: 15px;
	display:block;
	float: left;
}

#demo-req-link img{
	display:block;
	float: left;
}

#myFlashContentDemo{
	float: left;
}

.fullwidth2{
	margin-top: -30px;
}

.nomargintop{
	margin-top: 0px !important;
}

.wp-caption-text{
	text-align: center;
}