* { margin: 0; padding: 0; }

html { width: 100%; }

body {
	background: #000;
	color: #fff;
	font-family: Arial, Helvetica, Sans;
	font-size: 11px;
}

img { border: none; }

.wrap {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

.header {
	background: #111;
	height: 80px;
	display: block;
	text-align: right;
}

.header .wrap h1 { display: block; width: 150px; height: 80px; float: left; }

.header .wrap h1 a {
	display: block;
	background-image: url(../img/onelife.png);
	background-color: yellow; /* default */
	width: 150px;
	height: 80px;
}

.header .wrap h1 a span { display: none; }

.header .wrap .menulevel-1, .header .wrap .menulevel-2 { display: none }

.header #primary { list-style: none; float: left; padding-top: 26px; }
.header .wrap ul li { float: left; margin-left: 20px; }

#primary li a {
	font-size: 27.5px;
	color: #535353;
	text-decoration: none;
	letter-spacing: -1px;
	line-height: 40px;
	text-transform: uppercase;
}

#misc li a {
	font-size: 20px;
	color: #535353;
	letter-spacing: -0.5px;
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
}

ul#misc { display: block; position: absolute; top: 0; left: 50%; margin-left: 310px; width: 160px; height: 80px; background: url(/media/img/misc.png) bottom right no-repeat; list-style: none; }

#misc li { padding-top: 30px; list-style: none; margin-left: 20px; }

#primary li a.current, #misc li a.current, #secondary li a.current { color: white; }

.subnav, .masthead {
	display: block;
	background: #fff;
}
.subnav .wrap { height: 30px; overflow:  hidden; }

.subnav { background: url(/media/img/yellow.png) top center no-repeat; height: 30px; }
.subnav a.home { display: block; background: #fff; height: 30px; width: 140px; float: left; font-size: 20px; color: #111; letter-spacing: -0.5px; text-transform: uppercase; text-decoration: none; padding-top: 4px; padding-left: 10px; text-decoration: none; }
.subnav ul { list-style: none; padding-top: 3px; }

#secondary li { margin-left: 20px; float: left; height: 30px; }
#secondary li a { font-size: 20px; color: #111; letter-spacing: -0.5px; text-transform: uppercase; text-decoration: none; }

.masthead .column1 { vertical-align: bottom; display: block; }

.masthead {
	background: white;
	padding-top: 30px;
}

.masthead .wrap { overflow: hidden;}

.column1 { float: left; margin-right: 20px; overflow: hidden; line-height: 0; }
.column1 a { padding: 0; margin: 0; height: 0; width: 0; }
.column2 { float: left; overflow: hidden;  line-height: 0;}


.tertiary { margin-top: -30px; }
.teritary li.current { color: #fff; background: #111; }
.teritary li a.current { color: #fff; }
.tertiary li { list-style: none; float: left;  padding: 7px 10px 3px 10px; background: #ccc;  margin-right: 2px; }
.tertiary li a { color: #000; font-size: 20px; text-transform: uppercase; text-decoration: none; }



.content {
	display: block;
	background: #111;
	padding-bottom: 23px;
	overflow: auto;
	line-height: 16px;
}

.main {
	display: block;
	width: 620px;
	float: left;
}

.main .top {
	margin: 20px 0 0 0;
}

.main .left {
	margin: 20px 0 0 0;
	float: left;
}
.main .right { float: left;  margin: 20px 0 0 20px;}

.smaller { width: 220px; }
.larger { width: 370px; }
.full { width: 620px; }

.side {
	margin-left: 640px;
	display: block;
	width: 300px;
}

.sideblock { margin-bottom: 20px; }

.fullmain {
	display: block;
	width: 940px;
	float: left;
}

.fullmain .third {
	width: 300px;
	float: left;
	padding-top: 20px;
}

.fullmain .twothirds {
	width: 600px;
	margin-left: 20px;
	padding-top: 20px;
	float: left;
}

.padtop20 { padding-top: 20px; }

.bigdiv { width: 700px; height: 480px; display: block; text-align: center; vertical-align: middle; }

.footer { display: block; margin-bottom: 40px; }
.footer .wrap {  background: url(/media/img/footer.png) top left no-repeat; }
.footer .block {
	display: block;
	width: 129px;
	float: left;
	padding: 21px 10px 0 21px;
}
.footer .block li { list-style: none; }
.footer li a { color: #404040; text-decoration: none; line-height: 16px;}
.footer li a:hover { color: #fff; }
.footer .heading { padding-left: 0; width: 140px; }
.footer .last { width: 119px; }
.footer ul { padding-top: 20px; }
.footer .heading h3 { color: #fff; padding-left: 10px; }
.footer h3 { color: #545454; }

.frontpagebox_title {
	font-weight: bold;
}

.boxgrid{ 
width: 300px; 
height: 370px;
float:left; 
background: #000;
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 290px 10px 0 10px; 
}
.boxgrid a { text-decoration: none; color: #52a402; font-size: 13px; line-height: 18px; } 
.box2, .box3 { margin-left: 20px; float:left; }
.box2 a { color: #b7a201; }
.box1 a { color: #b31681; }
.adbox1 { float: left; }
.adbox2, .adbox3 { margin-left: 20px; float:left; }

.sideblock { margin-bottom: 20px; }

/* forms */

#id_honeypot { display: none; }

/* ********* Gallery *********** */

div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width:  780px; 
    height: 140px; 
    float: left;
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left;
    width: 140px; height: 140px;
    margin-right: 20px;
    display: block;
    overflow: hidden;
}
div.scrollable div.items div a{ 
    width: 140px; height: 140px;
    display: block;
}

a.prev, a.next { color: #000; display: block; width: 80px; float: left; height: 128px; text-decoration: none; text-transform: uppercase; font-size: 20px;}
a.prev { padding: 12px 0 0 10px; width: 70px;}
a.next { padding: 12px 0 0 36px; width: 44px;}


.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
.button { float: right; overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../img/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }
.button span { float:left; padding:0 14px 0 0; background:url(../img/bkg_button.gif) 100% 50% no-repeat; font:bold 21px/34px Arial, Helvetica, sans-serif; text-align:center; text-transform: uppercase; white-space:nowrap; color:#fff; }
input, textarea { width: 360px; padding: 2px; }

/* ********* ThumbsGal *********** */

div.thumbscrollable { 
    position:relative; 
    overflow:hidden; 
    width:  700px; 
    height: 78px; 
    float: left;
    margin-bottom: 10px;
} 

div.thumbscrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.thumbscrollable div.items div.item_group { 
    float:left;
    width: 624px; height: 78px;
    display: block;
    overflow: hidden;
}
div.thumbscrollable div.items div.item_group div { 
    float:left;
    width: 78px; height: 78px;
    display: block;
    overflow: hidden;
}
div.thumbscrollable div.items div a{ 
    width: 78px; height: 78px;
    display: block;
}

.hid { display: none; }

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	padding-top: 10px;
	margin-bottom: 20px;
	margin-left: 300px;
	margin-top: 80px;
	width:350px;
	height:30px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	margin:3px;
	float: left;
	background:url(/media/img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 

/* ********* Typog!! ************ */
.content h1, .content ol { margin-left: 10px; }
.content h2 { margin-bottom: 10px; margin-left: 10px;  font-size: 20px; line-height: 32px; }
.content h3 { margin-left: 10px; font-size: 14px; line-height: 20px; font-weight: normal; margin-bottom: 10px; }
.content h4 { margin-left: 10px; font-size: 11px; line-height: 16px; font-weight: normal; }
.content p { margin-left: 10px; margin-bottom: 10px; }
label { display: block; font-weight: bold; }
h2 a { text-decoration: none; color: #fff; }
small { color: #555; font-size: 10px; }

/* blog bits */

.page-list-box-top {
	display: block;
	border-bottom: 1px dashed #333; 
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 12px;
	color: #444;
}

.page-list-box-base {
	display: block;
	border-top: 1px dashed #333; 
	height: 30px;
	line-height: 30px;
	float: left;
	padding-top: 2px;
	font-size: 12px;
	color: #444;
}

.page-list-box-base p, .page-list-box-top p { margin-bottom: 0; }
.page-list-box-base a, .page-list-box-top a { color: #444; }
.page-list-box-base a.active, .page-list-box-top a.active { color: #fff; }

.fl { float: left; }
.fr { float: right; }

/* ********* Colours ************ */

body.yellow .header .wrap h1 a,
body.yellow ul#misc,
body.yellow .tertiary li { background-color: #fde200; }
body.yellow #primary li a:hover,
body.yellow #misc li a:hover,
body.yellow .subnav a.home:hover,
body.yellow .content h3,
body.yellow .content h4,
body.yellow .content a:hover,
body.yellow .content label { color: #fde200; }
body.yellow .subnav { background: url(/media/img/yellow.png) top center no-repeat; }

body.teal .header .wrap h1 a,
body.teal ul#misc,
body.teal .tertiary li { background-color: #17dcbe; }
body.teal #primary li a:hover,
body.teal #misc li a:hover,
body.teal .subnav a.home:hover,
body.teal .content h3,
body.teal .content h4,
body.teal .content a:hover,
body.teal .content label { color: #17dcbe; }
body.teal .subnav { background: url(/media/img/teal.png) top center no-repeat; }

body.pink .header .wrap h1 a,
body.pink ul#misc,
body.pink .tertiary li { background-color: #ff00d9; }
body.pink #primary li a:hover,
body.pink #misc li a:hover,
body.pink .subnav a.home:hover,
body.pink .content h3,
body.pink .content h4,
body.pink .content a:hover,
body.pink .content label { color: #ff00d9; }
body.pink .subnav { background: url(/media/img/pink.png) top center no-repeat; }

body.orange .header .wrap h1 a,
body.orange ul#misc,
body.orange .tertiary li { background-color: #ff3600; }
body.orange #primary li a:hover,
body.orange #misc li a:hover,
body.orange .subnav a.home:hover,
body.orange .content h3,
body.orange .content h4,
body.orange .content a:hover,
body.orange .content label { color: #ff3600; }
body.orange .subnav { background: url(/media/img/orange.png) top center no-repeat; }

body.green .header .wrap h1 a,
body.green ul#misc,
body.green .tertiary li { background-color: #73fe01; }
body.green #primary li a:hover,
body.green #misc li a:hover,
body.green .subnav a.home:hover,
body.green .content h3,
body.green .content h4,
body.green .content a:hover,
body.green .content label { color: #73fe01; }
body.green .subnav { background: url(/media/img/green.png) top center no-repeat; }

body.blue .header .wrap h1 a,
body.blue ul#misc,
body.blue .tertiary li { background-color: #666666; }
body.blue #primary li a:hover,
body.blue #misc li a:hover,
body.blue .subnav a.home:hover,
body.blue .content h3,
body.blue .content h4,
body.blue .content a:hover,
body.blue .content label { color: #666666; }
body.blue .subnav { background: url(/media/img/grey.png) top center no-repeat; }

body.grey .header .wrap h1 a,
body.grey ul#misc,
body.grey .tertiary li { background-color: #666666; }
body.grey #primary li a:hover,
body.grey #misc li a:hover,
body.grey .subnav a.home:hover,
body.grey .content h3,
body.grey .content h4,
body.grey .content a:hover,
body.grey .content label { color: #666666; }
body.grey .subnav { background: url(/media/img/grey.png) top center no-repeat; }

body.home ul#misc { background-color: #fff; }

.content .page-list-box-top h3 { color: #444; }

body a { color: #fff; }

/* hack! */

.squish {
	width:100%;
	height:100%;
	position:relative;
}