/*
Theme Name: Manthan
Theme URI: http://yoursite.com/page-for-your-theme
Description: Theme for the Euromat 2011 site
Version: 1.0
Author: Balthazar Sieders
Author URI: http://www.bionicity.org
*/

/* Page Setup */
* {margin:0; padding:0;}
html, body {position: relative; padding: 0; background: #fff url(images/header.jpg) top center no-repeat; font-family:arial, 'lucida console', sans-serif; color: #545454; line-height:1.5em; font-size:14px; margin-bottom:-1px; }
#page {width: 910px; margin: 0 auto 30px auto;}
#greybar {width:900px; height:25px; background: #ececec; margin:0 0 10px 5px;}
#signin {float:right; padding:3px 10px 0 0;}
#logo {width:223px; height:62px; background: url(images/logo.jpg) no-repeat;}
#logotitle {width:223px; height:15px; font-size:18px; font-size:14px; color:#333333;}
#greenline {width:900px; height:5px; float:left; clear:both; background: #56a160; margin:10px 0 10px 5px;}
#subtitle {width:900px; font-size:20px; margin:0 0 10px 5px; height:25px; clear:both;}

.top-boxes {width:120px; height:100px; margin:5px; float:left; overflow:hidden; background:url(images/lines.jpg) repeat-x;}
.singlebox {width:120px; height:100px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC; background:url(images/emptyimage.jpg) bottom repeat-x;}
.doublebox {width:250px; height:210px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC;background:url(images/emptyimage.jpg) bottom repeat-x;}
.singlebox:hover {border:1px solid #888;}
.doublebox:hover {border:1px solid #888;}
.middlebox {width:250px; height:100px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC; background:url(images/none.jpg) bottom repeat-x;}
.triplebox {width:370px; height:210px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC; background:url(images/emptyimage.jpg) bottom repeat-x;}
.quadrobox {width:510px; height:370px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC; background:url(images/emptyimage.jpg) bottom repeat-x;}

#wp-calendar {width:100%; height:100%; margin-top:15px}

#uparrow {position:absolute; width: 20px; height: 20px; top:5px; right: 5px; background:url(images/uparrow.jpg) no-repeat; }
#downarrow {position:absolute; width: 20px; height: 20px; bottom:5px; right: 5px; background:url(images/downarrow.jpg) no-repeat;}

.date {color:#888; line-height: 20pt; margin-left:10px; display:inline; font-size: 10pt;}

.namebox {position:absolute; bottom:0; left:0; width:100%; height:40px; color:#FFFFFF; font-size:12px; overflow:hidden; z-index:10; padding-left:2px;}
.namebox a:link, .namebox a:visited, .namebox a:active {color:#FFFFFF;}
.backbox {position:absolute; bottom:0; left:0; width:100%; height:40px; background:#000; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; z-index:0;}

.commentbutton {width:100%; height:100%; text-align:center; font-size:16px; border:none; background:none; color:#333;}
.commentbox {width:100%; height:100%; border:none; color:#333; background: transparent;}
.commentfield {width:100%; height:100%; border:none; color:#333; background: transparent;}
ol.commentlist li div.reply {width:100%; height:100%; text-align:center; font-size:16px; border:none; background:none; color:#333;}
textarea {resize: none;}
.texta {margin:5px 0 5px 0;}

#search form {width:248px; height:21px; background: url(images/bg_search.gif) no-repeat; margin-top:-2px;}
#search form input.text {width:230px; margin: 5px 0 0 21px; float: left; color:#666; font-size:11px; font-weight:bold; border:0; background:			none; outline: 0;}
#search form input.button {float:left; width:21px; height:21px;}

.nav li {height:20px;}
.nav2 li {height:20px;}
.nav2 li a {color: #888; font-size:12px;}
.nav2 li a:hover {color: #56a160;}


.events li {width:110px; height:90px; padding:5px; margin:4px; float:left; overflow:hidden; position:relative; border:1px solid #CCCCCC;background:url(images/emptyimage.jpg) bottom repeat-x; font-size:18px; color:#999999;}

/* Generic Styling */
li {list-style:none;}
div.clearer {clear: both; line-height: 0; height: 0;}
p {margin-bottom:10px;}
a:link, a:visited, a:active {color:#56a160; text-decoration:none; }
a:hover {color: #ccc; text-decoration: none;}
h1 {font-size: 18px; font-weight:normal; line-height: 30px; padding: 5px 0 10px 0;}
h2 {font-size: 15px; font-weight:bold; width: 100%; background: url(images/closed.gif) right no-repeat; padding:5px 0 5px 0; margin-bottom:10px; border-bottom:1px solid #ccc;}
h3 {padding-left:20px; font-size: 14px; font-weight:bold; line-height:30px; background: url(images/closed.gif) left no-repeat;}

/* Post Styling */
.postbox {border:none; font-size:13px; padding-bottom:20px; margin:0;}
.clear {clear: both;}
.postbox h2 {}
.thumbnail {float:left; width: 100px; height:100px; border:1px solid #999999; margin-right:15px; overflow:hidden;}
.holder {float:left; width: 100px; height:150px; margin-right:15px;}
.large {margin-bottom:10px;}
img {border: none;}