/*
	molilab
	$Id: site.css 51 2008-09-13 11:33:20Z alpha $

	Palette:
		#030303 pageshell shadow
		#070707 pageshell bg
		#0c0c0c	sidebar bg, pageshell highlight
		#171717 sidebar headings
			
		#222	channel background
		#333	channel highlight
		#999	standard text color

*/

/*
	Defaults
*/

* {
	padding: 0;
	border: 0;
	margin: 0;
}

body {
	font: 13px/16px Arial, sans-serif;
	background: #030303;
	color: #999;
}

input {
	/*padding: 4px;*/
	margin: 4px;
	vertical-align: middle;
}
img {border: 0; vertical-align: middle;}
h1 {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0;
}
a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #333;
}
a:hover {
	color: #ccc;
	border-bottom: 1px dashed #900;
}
p {
    margin: 10px 0;
}
blockquote {
    background: #222;
    margin: 10px 0;
    padding: 4px 40px;
    width: 320px;
}
ul {
    margin: 10px 14px;
}
table, tr, th, td {
    vertical-align: top;
    margin: 0;
}
th {
    background: #333;
    font-weight: normal;
    padding: 4px 10px;
}
td {
    background: #222;
    padding: 4px 10px;
}

/*
	Page Shell
*/

#shellouter {
	width: 980px;
	background: #070707;
	border-left: 1px solid #0c0c0c;
	border-right: 1px solid #030303;
	margin: 0 auto 0 auto;
	text-align: left;
}
#shellinner {margin: 0 20px 0 20px;}

/*
	Header
*/

#header {
	background: #070707 url(../img/athmo/DSC_5526_2.jpg) repeat;
	width: 980px;
	height: 110px;
}
#header a {border:0;}
#headroom {
	width: 940px;
	height: 80px;
	margin: 0 20px 0 20px;
}
#logo {
    opacity:.7;
    filter: alpha(opacity=70);
	margin: 20px 0 0 0;
	clear: none;
}
#logotext {
	color: #ddd;
	position: relative;
	left: 200px;
	top: -18px;
	width: 400px;
}
#logotext span {
    opacity:.7;
    filter: alpha(opacity=70);
    background: black;
    padding: 2px 4px;
}
#logotext a {color:#ddd;}
#logotext a:hover {color:#fff;background:#333;}
#functions {
	float: right;
	clear: none;
	/*background: #0c0c0c;*/
	text-align: right;
	margin: 20px 0 0 0;
	padding: 4px;
}
#langselect {margin: 0 4px 0 0;}
#langselect a {border: 0;}
#langselect form {display: inline;}

#channels {
	background: #0c0c0c;
    margin: 2px 0 0 0;
    padding: 8px 0 0 0;
	border-bottom: 4px solid #333;
}
#channels ul {
    display: inline; 
}
#channels li {
	display: inline;
	margin: 4px 10px 0 10px;
	padding: 4px 10px 1px 10px;
}
#channels li:hover {background: #222;}
#channels li.a {background: #333;}
#channels li.a:hover {background: #333;}
#channels a {border: none;}
#help {
	display: inline;
	float: right;
	margin-right: 20px;
}
/*
	Content Area
*/

#contentshell {
	width: 940px;
	margin-top: 20px;
}
#content {
	float: left;
	width: 620px;
	clear: none;
}

#sidebar {
	background: #0c0c0c;
	float: right;
	width: 300px;
	height: 100%;
}
#sidebar h1 {
	background: #171717;
	color: #777;
	padding: 2px 10px;
	margin: 0;
}
#sidebar div {margin: 4px 20px;}

#sidebar div ul {
	margin-left: -4px;
	list-style: none inside;
}
#sidebar div li {margin: 4px 0; }
#sidebar div li a {padding:0 4px;}
#sidebar div li.a a {background-color: #333;}

/*
    Gallery
*/
#imgviewer {
    width: 420px;
    height: 282px;
    margin: 10px 0 10px 0;
    background: #222;
}
#imgviewer img, #imgviewer a {
    width: 400px;
    height: 268px;
    border: 0;
}
#imgviewer img {margin: 8px 10px;}
#tnstrip {margin: 0; width: 500px;}
#tnstrip li {
    height: 54px;
    display: inline;
    list-style: none inside;
}
/*#tnstrip * a {border: 0;}*/
#tnstrip * img {
    border: 1px solid #222;
    width: 80px;
    height: 54px;
    cursor: pointer;
}
.preload {display: none;}

/*
    pages
*/

a.thickbox {border:0;}
a.thickbox img {border:2px solid #222;}
a.thickbox img:hover {border:2px solid #444;}

/*
    profile
*/

#toolbox {
    float:right;
    width: 160px;
    padding-left: 20px;
    background: #222;
}
#profile th {
    background: #333;
    font-weight: normal;
    padding: 4px 10px;
}
#profile td {
    background: #222;
    padding: 4px 10px;
}

/*
	Page Footer
*/

#footer {
	text-align: center;
	border-top: 1px solid #0c0c0c;
	margin-top: 20px;
}
#copyright {
	font-size: 90%;
	padding: 10px;
}

/*
	Functions
*/

/*
	Utility classes
*/

.clear {
	clear: both;
	height: 0;
}

/* EOF */