/*
Theme Name: Hydrogen
Theme URI: http://cowobo.org
Description: Theme for Hydrogen Related Projects
Version: 1.0
Author: Balthazar Sieders
Author URI: http://www.cowobo.org
*/

/* Page Styling */
* {margin:0; padding:0;}
html, body {margin-bottom:1px; position: relative; padding: 0; font-family:arial, 'lucida console', sans-serif; color: #333; line-height:1.5em; text-align: left; font-size:12px; height:100%; margin: 0 0 1px;}
#header {height:235px; background: url(images/header0.jpg) top center repeat-x;}
#navbar {height:30px; z-index:3000; width:970px; margin: 0 auto;}
#banner {height:170px;}
#topbar {height:30px; margin: 2px auto; height: 35px; width: 940px; color: white; clear:both;}
#page {position: relative; margin: 0 auto; width: 970px; overflow:hidden; clear:both;}
#footer {margin: 0 auto; height:100px; width: 940px;}

/* Generic Styling */
li {margin-left:15px;}
p {padding-bottom:9px;}
img {border:none;}
img:hover {opacity:0.7}
a:link, a:visited, a:active {color:#3f7ab0; text-decoration:none; font-weight:bold; }
a:hover {color: #004688;}
h1 {font-size: 24px; text-align:left; float:left;}
h1 a {font-size: 14px; margin-left:10px; color:#fff!important;}
h2 {font-size: 15px;}
h3 {font-size: 16px; margin:0; font-weight:bold; color:#006633; line-height:30px;}
input {border:1px solid #ccc; background:none; margin-bottom:8px; color:#3f7ab0; padding:3px; cursor:pointer;}
textarea {margin-bottom:8px; width:90%;}

/* Menu Styling */
#nav {list-style:none; z-index:400; height: 25px; float:right; padding-right:15px; position:relative;}
#nav a {font-size: 10pt; color:#333; font-size:13px;}
#nav a:hover {color:#ccc;}
#nav li {float:left; list-style:none; position:relative; padding:5px; margin-left:10px; _display:inline;}
#nav ul {position:absolute; display:none; top:25px; left:0px; list-style:none; z-index:700; border:1px solid #B8B8B8; }
#nav ul a {position:relative; width:180px; color:#888; }
#nav ul li {position:relative; float:left; clear:both; width:180px; padding: 3px; margin:0; height: auto; background:#ffffff;}
#nav ul li a {padding-left:0;}
#nav li:hover ul {display:block;}
#nav ul li:hover ul{visibility:visible;}
#searchform {background:none; font-weight:bold; height:18px;}
#searchbutton {border:none; background:none; cursor:pointer; font-weight:bold; color:#333;}

/* Box Styling */
.widget {float:left; width:50%; _display:inline;}
.half {width:25%; }
.fifth {width:20%; position:relative; overflow:hidden; float:left; _display:inline;}
.bevel {position:relative; border:1px solid #ccc; margin:0 8px 16px 8px; padding:7px 0 0 0; clear:both; overflow:hidden; background:url(images/shadowtop.jpg) no-repeat}
.double {position:relative; height: 308px; overflow:hidden; padding: 0 7px 7px 7px; background:url(images/shadowleft.jpg) left repeat-y}
.single {height: 140px; overflow:hidden; padding: 0 7px 7px 7px; background:url(images/shadowleft.jpg) left repeat-y}
.longtext {padding-left: 7px; height:100%; margin-right:7px; background:url(images/shadowleft.jpg) left repeat-y; overflow:hidden;}
.gallery {height:100%; position:relative;}

/* Contents Styling */
.image, .calendar {height:140px; width:210px; position:relative; overflow:hidden; float:left; margin: 0 0 10px 0}
.calendar {background: url(images/backimage.jpg);}
.calendar div {position:relative; color:#fff; width:14.28%; height:13%; float:left; text-align:center; overflow:hidden; overflow:hidden; }
.calendar span {font-weight:bold; line-height: 21px; padding:0 5px 0 5px}
.calendar .popup {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.calendar a {color:#004688}
.shade {width:100%!important; height:100%!important; background:url(images/black.png);}

.slide {position:absolute; z-index:1; top:0; left:0; height:100%; background:#fff; width:100%; overflow:hidden;}
.slidetitle {height:20px;}
.morelink, .prev, .next {float:right; font-size:12px; margin-right:15px; cursor:pointer}
.text {position:relative; width:232px; float:right;}
.readmore {position:absolute; bottom:9px; left:0; width:100%; height:17px; background:#fff;}
.newsdate {width:45px; float:left;}
.newstitle {margin-left:45px;}
.thumbnail {padding:4px;}

/* Newsletter Styling */
.container {position:relative; border-bottom:10px solid #fff; clear:both; overflow:hidden;}
.container .bevel {margin:0 7px 0 7px; height:100%;}
.right {position:absolute; right:0; height:100%;}
.newsimage {position:relative;}
.bottombar {position:absolute; z-index:10; bottom:8px; width:100%; height:7px; border-bottom: 1px solid #ccc; background: #fff url(images/shadowleft.jpg) left repeat-y;}


/* Footer Styling */
.loginlinks {list-style:none; display:inline;}
.loginlinks li {margin: 0 10px 0 0; font-size:13px; display:inline; color:#3f7ab0; font-weight:bold; cursor:pointer;}
.loginbox {height:30px; position:relative; margin-top:10px}
.loginbox .slide {display:none;}
.loginbox input {margin:0 5px 0 5px;}
.social {float:right;}

.facebook {width:72px; height:17px; background:url(images/facebook.jpg); cursor:pointer;  display:inline-block; }
.rss {width:40px; height:17px; background:url(images/rss.jpg); cursor:pointer;  display:inline-block; }
.twitter {width:75px; height:17px; background:url(images/twitter.jpg); cursor:pointer;  display:inline-block; }
.disclaimer  {width:80px; height:17px; background:url(images/disclaimer.jpg); cursor:pointer;  display:inline-block; }