/* basic layout */
html { background: #000;}
body { background: #000; color:#EFFBEF; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:62.5%; line-height:24px; }
#page { width:960px; margin:0 auto; }
#header { height:100px; position:relative; }
#logo { width:200px; float:left; }
#content { clear:both; }
#footer { clear:both; text-align:center; height:50px;}
/* a few ways to have columns next to each other */
.content-split { clear:both; }
.left-small, .right-big, .left-big, .right-small, .left-half, .right-half { float:left; margin-bottom:10px; }
.left-small { width:300px; }
.right-big { width:660px; }
.left-big { width:830px; }
.right-small { width:130px; }
.left-half { width:480px; }
.right-half { width:480px; }
/* default styles for headings, links and paragraphs etc */
h1 { color:#777; clear:both; font-size:1.7em; margin-bottom:8px; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-weight: 400; }
h1.title { margin:0 0 2px 0; }
h2 { color:#777; clear:both; font-size:1.5em; padding:10px 0 10px 0; }
h3 { color:#ccc; clear:both; font-weight:400; font-size:1.3em; padding:0 0 10px 0;}
h3 a { text-decoration:none; color:#bbb; }
h3 span { color:#777; }
a { color:#ccc; }
p { font-size:1.2em; padding:0 16px 0 0; line-height:26px; clear:both; margin: 4px 0 14px 0; }
ul { margin-bottom: 18px; }
strong { font-weight:bold; font-size:1.1em; }
/* menu */
#menu { position:absolute; right:0; margin:0; list-style-type:none; height:30px; padding:28px 0 0 0px; font-size:1.2em;}
#menu li { float:left; height:20px; margin:0; }
#menu li a { text-decoration:none; font-size:1.0em; line-height:18px; font-weight:bold; color:#777; padding:0 0 0 8px; }
#menu li.user a { color:#DDD; }
#menu li.new a { color:#9F0505; }
#menu li.last a { border-right:none; }
#website-url { display:none; }
#login_twitter { position:absolute; right: 0; top: 60px; }
/* custom paragraphs */
p.big { font-size:1.6em; color:#bbb; padding:0 0 8px 0; margin:0 16px 8px 0;line-height:30px; border-bottom:1px solid #3B6634;}
p.separator { height:1px;margin:10px 0;padding:0;width:97%;background-color:#3B6634; }
p.error { border:1px solid #c00; color:#c00; background:#fdd url('/images/icons/delete.png') no-repeat; }
p.info { border:1px solid #17c; color:#17c; background:#bde url('/images/icons/information.png') no-repeat; }
p.warning { border:1px solid #cc1; color:#cc1; background:#ffb url('/images/icons/error.png') no-repeat; }
p.message { display:block; clear:both; font-size:1.2em; color:#000;padding:2px; margin-bottom:8px; background-position: 9px 7px; text-indent:30px; }
p.message a { color:#000; }
p.description { color:#999; padding:2px 8px; background-color:#0D0F0D; line-height:22px; margin:0px 0 8px 0;}
p.more { text-align:right; }
p.more a { color:#bbb; text-decoration:none; background:transparent url('/images/more-link.png') no-repeat top right; padding:0 20px 0 0;}
p span { color:#eee;} /* alternate tekst color in a paragraph */
.submenu-vert { width:130px; margin:16px 0 0 0; }
.submenu-vert a { cursor:pointer; line-height:44px; text-align:left; display:block; height:44px; text-decoration:none; color:#8c9f94; font-weight:bold; }
.submenu-vert a img { vertical-align:middle; margin:0 10px 0 16px; }
.submenu-vert a:hover { background:transparent url('/images/chooser-all-hover.png'); color:#444;}
.submenu-vert a.first:hover { background:transparent url('/images/chooser-all-hover.png');}
.submenu-vert a.last:hover { background:transparent url('/images/chooser-all-hover.png');}
.submenu-vert a.addthis_button:hover,
.submenu-vert a.addthis_button { background: none; margin-top: 10px; }
.options { clear:both; height:38px; position:relative; }
.options h1 { margin:0; padding:0; }
.options .title { position:absolute; left:0; top:0; }
.options .selection { text-align:right; position: absolute; right:0; top:0; }
.options .selection a { text-decoration: none; display: block; cursor: pointer; }
.options .selection a.inactive { color: #222; cursor:default; }
.options .selection ul { margin:0; padding:0; background: #000; font-size:12px; }
.options .selection ul li { text-align:center; margin:0 2px; width:20px; border:1px solid #222; padding: 0px 6px; float: left; position: relative; }
.options .selection ul li.large { width: 120px; }
.options .selection ul li ul { visibility: hidden; position: absolute; left: -1px; top: 25px; }
.options .selection ul li ul li { width: 100%;margin:0; border-top: 0px; width: 20px; }
.options .selection ul li.large ul li { width: 100%;margin:0; border-top: 0px; width: 120px; }
/* form styles */
form label { border-left:1px solid #777; font-size:1.2em; width:130px; float:left; display:block; text-align: right; margin-right:6px; line-height:24px; color:#FFF; font-weight:bold; }
form label.error { border-left:1px solid #c00; }
form div { padding:4px; }
form input { border:1px solid #777; padding:2px 4px; vertical-align:middle; }
form input.checkbox { border:none; }
form select { border:1px solid #777; padding:2px 4px; vertical-align:middle; }
form textarea { border:1px solid #777; padding:2px 4px; font-size:12px;}
form .checkbox { margin:2px 6px 4px 0;}
form .submit input { margin-left:137px; cursor:pointer;}
form .disabled { background-color:#000; color:#666 !important; cursor:default !important; }
/* a list of pictures */
.pictures { clear:both; line-height:16px; font-size:10px; }
.pictures li { list-style-type:none; float:left; height:130px; width:158px; text-align:center; margin:6px 16px 16px 16px;}
.pictures li a { color:#666; display:block; text-decoration:none; }
.pictures li a img { display:block; margin:0 auto 10px auto; border:1px solid #222; }
.pictures li.last { border:none; clear:both; width:100%; height:1px; float:none; }
.pictures h2 { padding-left:16px; color:#8DB886; }
.pictures .ok { color:#8DB886; }
.pictures .bad { color:#d44; }
* html .pictures { background-color:#000; }
* html .pictures li { margin:12px; }
.pictures-small { clear:both; }
.pictures-small li { list-style-type:none; float:left; height:110px; text-align:left; margin:0 26px 0 0; }
.pictures-small li a { text-decoration:none; }
.pictures-small li.more { width:33px; }
.column-list { clear:both; padding-bottom:10px; }
.column-list li { margin:0; list-style-type:none; width:150px; float:left; background:transparent url('/images/icons/bullet_black.png') no-repeat; background-position:10px 4px; text-indent:30px; }
.column-list a { color:#888; display:block; width:100%; float:left; text-decoration:none; }
#footer p { padding:6px 0; color:#999; font-size:1.0em; margin-top:14px; border-top:1px solid #222; }
#footer p a { color:#999; text-decoration:none; padding:0 6px; }
.vote-image { background-color:#0D0F0D; text-align:center; padding:16px 0; margin-right:16px; }
.vote-image img { border:2px solid #222; }
#comments { clear:both; list-style-type:none; margin:0 0 10px 0; width:600px; font-size:1.2em;}
#comments li { margin-left:0; border-bottom:1px solid #333; padding:12px; line-height:19px; }
#comments li.alt { background-color:#0D0F0D; }
#comments li img { vertical-align:middle; }
#comments li .user-date { padding:0 2px 2px 1px; color:#aaa; font-size:12px; }
#comments li .user-date a { color:#ccc; }
.index-list { clear:both; width:98%; list-style-type:none; font-size:1.2em; }
.index-list li { border-bottom:1px solid #333; margin:0; padding:0; line-height:26px; }
.index-list li a { text-decoration:none; display:block; height:100%; padding:0 0 0 6px; background:#0D0F0D; }
.index-list li a:hover { color:#FFF; background:#333; }
.index-list span { color:#888; padding:0 3px;}
.index-list li a:hover span { color:#FFF; padding:0 3px;}
.index-list img { vertical-align:middle; margin:0 6px 2px -3px; }
.index-list .more,
.index-list .more a,
.index-list .more a:hover { text-align: right; background: none; border: none; }
.news-list { clear:both;list-style-type:none; font-size:1.2em;}
.news-list li { border-bottom:1px solid #333; margin:0; padding:0; line-height:26px; }
.news-list li a { background-color:#666; color:#FFF; text-decoration:none; padding:0 2px;height:100%; }
.news-list span { color:#888; padding:0 3px;}
#user-options { text-align:right; list-style-type:none; color:#ccc; }
#user-options img { vertical-align:middle; margin-left:6px;}
#user-options a { text-decoration:none; }
#photo_details { color:#999; list-style-type:none; padding-top:12px; font-size:1em; }
#photo_details strong { color:#bbb; }
#photo_details li { height:30px; float:left; width:320px; background:transparent url('/images/icons/bullet_black.png') no-repeat; background-position:10px 4px; text-indent:30px;}
ul.text { list-style-type:disc; font-size:1.2em; margin-top:0;}
ul.text li { margin-left:20px; }
#user_information { color:#999; padding:4px 8px; background-color:#0D0F0D; line-height:22px; }
#user_information a { color:#999; text-align:right; display:block; }
#user_information a.ext { color:#555; }
#user_information strong { font-weight:bold; color:#FFF; }