@charset "utf-8";
/*   
Theme Name: BG Studio WEB
Theme URI: http://www.bg-studio.com
Description: Minimal
Author: Nenad Katic
Author URI: www.nenadk.com
Version: 1.0
Tags: white, portfolio

(c)2009 BG Studio, All Rights Reserved

*/

/* layout */
body { background:#EAEAE6; color:#888880; padding:0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; line-height: 120%; list-style:none }

/* mobile */
#page-mobile { width:300px; margin:0 auto 0; padding:10px; overflow:hidden; background:white; line-height:150%}
#footer-mobile { width:100%; height:auto; overflow:visible; font-size:12px;}
.thumb-mobile { font-size:14px; width:100%; height:auto; overflow:hidden; margin:15px 0 15px 0; }
ul.mobile-list { font-size:14px; list-style:none; margin-left:0px; padding:0px; line-height:250px;}
ul.mobile-list li { margin-left:0pxm;   margin:0px;list-style:none; line-height:250px;}
.mobile-big { font-size:18px }
.mobile-middle { font-size:14px }
.mobile-small, div.mobile-small, div.mobile-small p { font-size:12px }


/* header */
#page { width:720px;  margin:0 auto; padding:0; overflow:hidden  }
#header { width:100%; height:auto; overflow:hidden; margin:0; padding:0 0 0px; background:transparent }
#header-bgstudio { float:left; width:250px; border:0px solid #FF00FF; padding:0px; height:85px; }
#header-headline { float:right; font-size:17px;  text-align:right; width:225px; border:0px solid #0099CC; padding:40px 0 5px 0; }
#language { position:absolute; top:10px; right:15px; width:230px; height:25px; text-align:right;  }

/* qtranslate */

ul.qtrans_language_chooser { position:relative; list-style:none; }
ul.qtrans_language_chooser li, ul.qtrans_language_chooser li a { color:#888888; position:relative; float:right; margin:0 2px 0 2px; }
ul.qtrans_language_chooser li.active a { color:black }
div.qtrans_widget_end { position:relative; display:none}

/* subheader */	
#subheader-left { float:left; width:560px; font-size:14px; min-height:20px; overflow:visible } 
#subheader-right { float:right; width:160px; text-align:right; height:20px;  font-size:14px }
#header-end { width:100%; height:3px; clear:both }

/* archive posts */
.post-container { float:left; width:230px; height:210px; margin:0;  }
.post-content { width:208px; height:173px; overflow:hidden; background:white; padding:10px; border:1px solid #E0E0D8 }
.post-content:hover { border:1px solid #D8D8D0 }
.post-image { width:208px; height:150px; margin:0 0 10px 0; overflow:hidden; position:relative; background:#A8A8A0 }
.post-image img { position:absolute; left:0px; top:0px; border:none; min-height:150px; }

/*.post-image img { position:absolute; left:-50%; top:-50%; border:none }*/
.post-shadow { width:230px; height: 15px; background:url(images/bg_shadow_post.jpg) no-repeat }
.right15 { margin-right:15px }
.post-title { width:170px; float:left;}
.post-date { width:38px; float:right; text-align:right; }

.navigation { width:30px; height:30px; margin:0;}
.archive-nav { width:208px; height:20px; overflow:hidden; background:white; padding:10px; border:1px solid #F0F0E8 }
.archive-nav1 { width:30px; height:30px; overflow:hidden; margin:0px; padding:0px}
.archive-nav1 a img { margin-top:0px }
.archive-nav1 a:hover img { margin-top:-30px }
/* sigle post */
.text-3columns { width:720px; margin:0; padding:0; min-height:201px; overflow:hidden; background:url(images/bg_back_3columns.gif) no-repeat }
.text-frontpage { width:720px; margin:0; padding:0; height:195px; overflow:hidden; background:url(images/bg_back_3columns.gif) no-repeat }
.text-leftcolumn  { width:182px; padding:10px; float:left; margin:0; height:135px; border:0px solid green;  }
.text-centercolumn {  width:264px; text-align:justify; margin-left:17px; padding:10px; overflow:hidden; float:left; }
.text-rightcolumn { width:180px; padding:10px; margin-left:15px; float:left;  }
.end-3columns { width:720px; height:40px; background:url(images/bg_end_3column.jpg) }
.scroll-pane { height:150px }
.scroll-pane-about { height:180px }
.slideshow-shadow { width:720px; height:20px; background:url(images/bg_shadow_bigimage.jpg) }
/* news items */
.news-item { width:700px; height:auto; padding:10px; float:left; margin:1px 0 0 0; background:white; overflow:hidden; }
.news-date { width:200px; float:left; overflow:hidden; }
.news-head { width:450px; float:right; height:30px; }
.news-content { width:300px; float:right; margin:0 150px 0 0; text-align:justify; clear:both;overflow:hidden; }



/* common formatting */
.clear { clear:both }
.height15 { height:15px }
.height10 { height:10px }
.alignleft { float:left }
.alignright { float:right }
.textalignleft { text-align:left }
.textalignright { text-align:right }

/* FONTS */
h1 { font-size:19px; font-weight:normal; line-height:23px; }
h2 { font-size:17px; font-weight:normal; color:#222220; margin:0 0 10px 0; line-height:21px; ; }
p { margin:0 0 0px 0; padding:0 }
p.span { color:red; background-color:black; }
img { border:none; margin:0; padding:0 }

.small { font-size:10px }
.strong { font-weight:bold}
.normal { font-weight:normal }

.news-title { font-size:14px; color:black; line-height:20px;}
.news-title a:active { color:black };


a.image-link { border:1px solid #F4F8E0 }
a.image-link:hover { border-bottom:1px solid black }

ul.subheader { height:27px; overflow:visible; margin:0; padding:0; list-style:none; }
ul.subheader li, ul.subheader li a { list-style:none; float:left; margin: 0 15px 0 0; padding:0; font-size:14px; overflow:visible; line-height:16px;}

ul.subheader2 {  height:27px; overflow:visible; margin:0; padding:0; list-style:none; float:right}
ul.subheader2 li, ul.subheader2 li a { list-style:none; float:left; margin: 0 0 0 15px; padding:0; font-size:14px; overflow:visible;line-height:16px;}

.black, a.black, a span.black { color:black }
a.black:hover, a:hover span.black { color:#888880 }
ul.subheader li.current-cat { color:black }
.news-content p a, .news-content p a:link { text-decoration:underline !important; }
.current-cat a { list-style:none; font-weight:bold; color:black !important; height:20px;  }

a, a:link, a:visited, ul li a, ul li a:visited, ul li a:link { color:#888880; text-decoration:none }
a:hover, ul li a:hover { color:black; text-decoration:underline }
a.no-underline:hover { text-decoration:none }
a.active-language, .active-language, a:link.active-language, a:visited.active-language { color:black }