/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";

body {
	color:#fff;
	background:url(images/background.jpg) 50% 0 no-repeat #000;
	font-family: 'ITCNewBaskervilleStdItalic';
}

#older-posts { position:absolute; margin:-300px 0 0 100px; }
#newer-posts { position:absolute; margin:-300px 0 0 1000px; }

#wrapper { width:1200px; margin:auto; }
#content_wrapper { width:1200px; min-height:780px; }

#billboard { background:url(images/billboard-frame.png) no-repeat; width:928px; height:269px; margin:0px 0 0 195px; z-index:1000; }

#forkop { background:url(images/forkop.jpg) no-repeat; width:1200px; height:752px; text-align:center; }
#forkop-inner { width:1200px; padding-top:200px; text-align:center; }
#forkop-inner a { color:#fff; font-family: 'BlockGothicRRRegular'; text-transform:uppercase; font-size:54px; }
#forkop-inner a:hover { color:#ed217c; font-family: 'BlockGothicRRRegular'; text-transform:uppercase; font-size:54px; }

#xperia { background:url(images/xperia.png) no-repeat; width:211px; height:85px; position:absolute; margin-top:100px; }
#grolsch { background:url(images/grolsch.png) no-repeat; width:148px; height:61px; position:absolute; margin:485px 0 0 240px; }

#logo { width:379px; height:285px; position:absolute; margin:-40px 0 0 20px; background:url(images/logo.png) no-repeat; }
#bottom_flower { width:263px; height:265px; position:absolute; margin:270px 0 0 930px; background:url(images/bottom-flower.png) no-repeat; }

#sport { width:210px; height:353px; position:absolute; margin:100px 0 0 0; background:url(images/retreat.png) no-repeat; }
#loppis { width:150px; height:77px; position:absolute; margin:480px 0 0 30px; background:url(images/loppis.png) no-repeat; }
#info { width:178px; height:266px; position:absolute; margin:40px 0 0 230px; background:url(images/info.png) no-repeat; }
#svartahalet { width:190px; height:189px; position:absolute; margin:300px 0 0 230px; background:url(images/svartahalet.png) no-repeat; }
#lineup { width:357px; height:490px; position:absolute; margin:-45px 0 0 420px; background:url(images/lineup.png) no-repeat; }
#omraden { width:259px; height:86px; position:absolute; margin:450px 0 0 460px; background:url(images/omraden.png) no-repeat; }
#matmenyer { width:181px; height:270px; position:absolute; margin:160px 0 0 800px; background:url(images/matmenyer.png) no-repeat; }
#event { width:209px; height:318px; position:absolute; margin:170px 0 0 990px; background:url(images/event.png) no-repeat; }
#spray-right { width:47px; height:164px; position:absolute; margin:-40px 0 0 1133px; background:url(images/spray-right.png) no-repeat; }

#open0, #open1, #open2, #open3, #open4, #open5, #open6, #open7, #open8, #open9, #open10 {
	position:absolute;
	margin:70px 0 0 274px;
	width:772px;
	height:105px;
}
#open10 { z-index:1000 !important; }
#open0 { z-index:1001 !important; }
#open1 { z-index:1002 !important; }
#open2 { z-index:1003 !important; }
#open3 { z-index:1004 !important; }
#open4 { z-index:1005 !important; }
#open5 { z-index:1006 !important; }
#open6 { z-index:1007 !important; }
#open7 { z-index:1008 !important; }
#open8 { z-index:1009 !important; }
#open9 { z-index:1010 !important; }

#openframe { width:295px; height:176px; position:absolute; margin:-40px 0 0 790px; background:url(images/open.png) no-repeat;}

#social { background:url(images/social-tape.png) 50px 60px no-repeat; width:395px; height:70px; position:absolute; margin:460px 0 0 760px; }
.social_img { vertical-align:middle; opacity:0.8; }
.social_img:hover { opacity:1; }

#content_page { width:1200px; background-color:#000; min-height:780px; padding-top:10px; }
#content_loop { width:1200px; background-color:#000; min-height:780px; padding-top:10px; }

#content_page #back_btn { font-family: 'BlockGothicRRRegular'; font-size:42px; position:absolute; margin:0px 0 0 0px; color:#000; background-color:#fff; padding:5px 10px 5px 10px; }
#content_page #back_btn:hover { background-color:#000; color:#fff; }

#content_loop #back_btn { font-family: 'BlockGothicRRRegular'; font-size:42px; position:absolute; color:#000; background-color:#fff; padding:5px 10px 5px 10px; }
#content_loop #back_btn:hover { background-color:#000; color:#fff; }

.date { font-family: 'ITCNewBaskervilleStdItalic'; font-size:18px; text-align:center; }
.act { font-family: 'BlockGothicRRRegular'; text-transform:uppercase; font-size:36px; text-align:center; }
.info { font-family: 'BlockGothicRRRegular'; text-transform:uppercase; font-size:24px; text-align:center; }

.header { text-align:center; padding-top:35px; padding-bottom:10px; width:1200px;}
h2 a { color:#fff; font-size:97px; font-family: 'BlockGothicRRRegular'; text-transform:uppercase; text-decoration:none; }
h2 { color:#fff; font-size:97px; font-family: 'BlockGothicRRRegular'; text-transform:uppercase; text-decoration:none; }

.top-divider { width:1200px; height:20px; padding-bottom:20px; background:url(images/divider.jpg) no-repeat; }
.bottom-divider { width:1200px; height:20px; padding-bottom:70px; background:url(images/divider.jpg) no-repeat; }