/* 
Theme Name:Biom
Author: Studio pixel
Author URI: http://pixel.hr
Version: 0.1
*/
@import url("css/reset.css");
@import url("css/960.css");
@import url("css/text.css");
body { }
a, a:visited { color:#3e7219; text-decoration:none; }
a:hover { color:#ff8a00; text-shadow: 2px 2px 2px #CCC; }
li { background:url(images/li.gif) left top no-repeat; padding-left:20px; padding-top:0; list-style:none; line-height:100%; }
#header { background: url(images/header_bg.jpg) top repeat-x; height:440px; position:relative; margin-bottom:25px; }
#logo { height:95px; }
#logo img { float:left; margin-right:20px; }
#logo h1, #logo h2 { font-size:22px; margin-top:25px; margin-bottom:0; line-height:1; }
#logo h2 { margin-top:5px; font-weight:normal; font-size:20px; }
#language { background: url(images/lahg_bar.gif) top right no-repeat; color:#FFF; height:30px; width:180px; }
#language p { margin:2px 0 2px 40px; line-height:25px; float:left; }
#language a { color:#FFF; }
#language ul { float:left; }
#language li { background:none; padding:0; display:inline; float:left; margin:0; margin:9px 0 0 5px; }
#language li.active a { opacity:0.4; filter:alpha(opacity=40); }
#language a.active { font-style:italic; }
#search { float:right; margin:25px 0 0 0; padding:0; }
#search p { float:left; margin:0 5px 0 0; padding:0; line-height:1.5; }
#search input { background:url(images/search_bg.gif) left no-repeat; border:none; height:16px; width:118px; padding:2px 0 2px 2px; margin:0; }
#menu { float:left; position:absolute; bottom:1px; height:39px; background:url(images/menu_bg.png) top left repeat-x; }
#menu li { display:inline; margin:0; background:none; padding:0; height:41px; float:left; text-align:center; overflow:hidden; }
#menu li a { text-decoration:none; color:#FFF; padding: 0 10px 5px 10px; margin-bottom:2px; font-size:18px; text-align:center; line-height:37px; }
#menu li.current_page_item a, #menu li.current-cat a { font-weight:bold; border-bottom:5px #6fc333 solid; }
#menu li a:hover { color:#6fc333;  border-bottom:5px #6fc333 solid; text-shadow:none; }
#menu li a:after { content:''; }
#menu li.last a { }
#sidebar { font-size:16px; font-weight:bold; background:url(images/logo_sidebar.jpg) bottom left no-repeat; padding-bottom:145px; }
#sidebar ul { padding:0 0 20px 0; margin:0 0 10px 0; background:url(images/sidebar_hr.gif) bottom left no-repeat; }
#sidebar li { margin:0; color:#3E7219; }
#sidebar ul ul { background:none; padding:0; }
#sidebar ul ul li { background:none; font-size:12px; font-weight:normal; list-style: inside disc; color:#3e7219; padding:0; margin-top:5px; }
#sidebar ul.last { background:none; }
#sidebar li.current_page_item a { }
li.current-cat a { color:#ff8a00; }
li.current_page_item a { color:#ff8a00; }
#main h2 { line-height:100%; margin-bottom:20px; color:#3e7219; }
#main { overflow:hidden; }
#main .thumbnail { margin:0 10px 10px 10px; }
.post { position:relative; background:url(images/sidebar_hr.gif) bottom center repeat-x; overflow:hidden; padding-bottom:20px; margin-bottom:20px; }
.last { background:none; }
.excerpt { float:left; width:340px; text-align:justify; clear: right; margin-top:10px; }
.post p { text-align:justify; clear: right; }
.postcontent li { margin-bottom:5px; }
.postcontent p { width:auto; margin-top:10px; float:none; }
.post p a { color:#ff8a00; }
.post p a:hover { color:#3e7219 }
#main .post h2 { margin:0; }
.post .read_more { clear:both; }
.time { float:right; color:#6fc333; text-align:center; line-height:140%; font-size:10px; margin-left:10px; margin-bottom:5px; }
.time span { font-size:30px; line-height:100%; font-weight:bold; }
#sidebar_right .title { background:url(images/menu_bg.png) top right; position:absolute; bottom:20px; padding:5px; color:#FFF; width:220px; }
#main #sidebar_right .thumbnail { margin:0; }
.title a { color:#FFF; font-weight:bold; }
.page .post { background:none; }
#footer { background:url(images/footer.jpg) top center no-repeat; text-align:center; padding:50px 0 10px 0; color:#FFF; }
#footer p a { color:#ff8a00; }
#footer p a:hover { color:#3e7219 }
.right { float:right; }
.left { float:left; }
.sub { background:none; }
#headerpic { width: 960px; /* important to be same as image width */ height: 334px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ background:none; border-top:5px solid #3e7219; border-bottom:5px solid #3e7219; float:left; }
#headerpic ul, #headerpic li { padding:0; margin:0; background:none; }
#headerpicContent { width: 960px; /* important to be same as image width or wider */ position: absolute; /* important */ top:0; /* important */ margin-left: 0; /* important */ }
.headerpicImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ }
.headerpicImage span { position: absolute; /* important */ right: 0; top:250px; padding: 10px 13px; width:auto; min-width:180px; background:url(images/pictext_bg.png) left top no-repeat; padding-left:30px; color: #fff; display: none; /* important */ }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
img.size-large { margin:15px 0; padding:0; }
/* links */
.linkcat { background:none; margin:10px 0 10px 0 }
.linkcat ul { margin-top:10px; }
/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; }
.wp-caption { text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { text-align:center; width:100%; font-size: 11px; color:#000; font-weight:bold; line-height: 17px; padding:2px 0 0 0; margin: 0 auto; }
/* End captions */

/* wp-pagination*/
.navigation { display:block; float:left; overflow:hidden; height:35px; padding:0; }
.wp-paginate { padding:10px 0px; margin:0; }
.wp-paginate li { display:inline; list-style:none; background:none; padding:2px; margin:0; }
.wp-paginate a { border:1px solid #3e7219; color:#000; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none; background-color: #C5ECA8; }
.wp-paginate a:hover, .wp-paginate a:active { background:#3e7219; color:#ff8a00; }
.wp-paginate .title { color:#555; margin-right:4px; }
.wp-paginate .gap { color:#999; margin-right:4px; }
.wp-paginate .current { color:#ff8a00; background:#3e7219; border:1px solid #3e7219; margin-right:4px; padding:3px 6px; }
.wp-paginate .page { }
.wp-paginate .prev, .wp-paginate .next { }
/*end wp-pagination*/

input, textarea { border:1px solid #6fc333; }
textarea { }
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; }
.ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; }
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album { overflow:hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #cccccc; }
.ngg-albumtitle { text-align: left; font-weight: bold; margin:0px; padding:0px; font-size: 1.4em; margin-bottom: 10px; }
.ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0px 4px 5px; padding:4px; position:relative; }
.ngg-thumbnail img:hover { background-color: #A9A9A9; }
.ngg-description { text-align: left; }
/* ----------- Album Styles Compact -------------*/

.ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; }
.ngg-album-compactbox { background:transparent url(albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; }
.ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; }
.ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; }
.ngg-album-compact p { font-size:11px; margin-top:2px; }
/* ----------- Gallery style -------------*/

.ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear:both; display:block !important; }
.ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; }
.ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0px 4px 0px; padding:4px; position:relative; }
.ngg-gallery-thumbnail img:hover { background-color: #3e7219; }
.ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; }
.ngg-clear { clear: both; }
/* ----------- Gallery navigation -------------*/

.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center; }
.ngg-navigation span { font-weight:bold; margin:0pt 6px; }
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover { background-color: #0066CC; color: #FFFFFF !important; text-decoration: none !important; }
/* ----------- Image browser style -------------*/

.ngg-imagebrowser { }
.ngg-imagebrowser h3 { text-align:center; }
.ngg-imagebrowser img { border:1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display:block !important; padding:5px; }
.ngg-imagebrowser-nav { padding:5px; margin-left:10px; }
.ngg-imagebrowser-nav .back { float:left; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .next { float:right; border:1px solid #DDDDDD; margin-right:3px; padding:3px 7px; }
.ngg-imagebrowser-nav .counter { text-align:center; font-size:0.9em !important; }
.exif-data { margin-left: auto !important; margin-right: auto !important; }
/* ----------- Slideshow -------------*/
.slideshow { margin-left: auto; margin-right: auto; text-align:center; outline: none; }
.slideshowlink { }
/* ----------- Single picture -------------*/
.ngg-singlepic { background-color:#FFFFFF; display:block; padding:4px; }
.ngg-left { float: left; margin-right:10px; }
.ngg-right { float: right; margin-left:10px; }
.ngg-center { margin-left: auto !important; margin-right: auto !important; }
/* ----------- Sidebar widget -------------*/
.ngg-widget, .ngg-widget-slideshow { overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:left; }
.ngg-widget img { border:2px solid #A9A9A9; margin:0pt 2px 2px 0px; padding:1px; }
/* ----------- Related images -------------*/
.ngg-related-gallery { background:#F9F9F9; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:1em; margin-top:1em; padding:5px; }
.ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width:  50px; }
.ngg-related-gallery img:hover { border: 1px solid #000000; }
/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before { content: '' !important; }
.ngg-gallery-list { list-style-type:none; padding: 0px !important; text-indent:0px !important; }
.ngg-galleryoverview div.pic img { width: 100%; }
.ngg-gallery-list li { float:left; margin:0 2px 0px 2px !important; overflow:hidden; }
.ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; }
.ngg-gallery-list li.selected a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; }
.ngg-gallery-list li img { height:40px; width:40px; }
li.ngg-next, li.ngg-prev { height:40px; width:40px; font-size:3.5em; }
li.ngg-next a, li.ngg-prev a { padding-top: 10px; border: none; text-decoration: none; }
.ngg-album-compact { float:left; height:180px; padding-right:6px !important; margin:0px !important; text-align:left; width:120px; }
.ngg-album-compactbox { background:transparent url(images/albumset.gif) no-repeat scroll 0%; height:86px; margin:0pt 0pt 6px !important; padding:12px 0pt 0pt 7px !important; width:120px; }
.ngg-album-compactbox .Thumb { border:1px solid #000000; margin:0px !important; padding:0px !important; width:91px; height:68px; }
.ngg-album-compact h4 { font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:0px; width:110px; }
.ngg-album-compact p { font-size:11px; margin-top:2px; }

