/*
***********************************************************
* 
* Title:		main.css
* Website:		www.designeus.hr
* Browser(s): 	        All (except IE)
* 
* Author: 		Davor Tomic for Designeus (www.designeus.hr)
* Copyright:	        Designeus, 2009.
* Created: 		1.7.2009.
* 
* This code is not in the public domain and must not be 
* copied or modified without authorisation by the author
* and copyright holders.
*
*
* COLORS		LIGHT GRAY	#cccccc
* 			GRAY		#666666
* 			DARK GRAY	#333333
*			RED			#cc0000
* 
***********************************************************
*/

/* -----------
    CSS RESET
   ----------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* -------------------------- */

form { /*display: inline;*/ }

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* ----- FLOATS & CLEARS ----- */

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.centered { text-align:center }
.alignleft { text-align:left }
.alignright { text-align:right }

/* ------------------
    BASIC TYPOGRAPHY
   ------------------ */
body { color:#333; font-family:Georgia, "Times New Roman", Times, serif; }
a { color:#900; text-decoration:none; }
a:hover { color:#c00; }
.uppercase {  }
@font-face { font-family: "GraublauWeb"; src: url("/files/GraublauWeb.otf"); }

/* --------------
    BASIC LAYOUT
   -------------- */
   
html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
#main { padding-bottom: 70px; }  /* must be same height as the footer */

body { background-color:white }
#wrapper { margin:0 auto; width:960px; }
#header {  }
#content-wrapper {  }
#sidebar { float:left; margin-top:40px; width:300px }
#footer {  }
#footer #about { }

/* -----------------
    ADVANCED LAYOUT
   ----------------- */
   
/* ----- HEADER ----- */

#header { border-bottom:3px double #ccc; height:65px; position:relative }
#logo { height:47px; left:10px; position:absolute; top:19px; width:140px; }
h1 { color:#666; font-size:12px; left:158px; position:absolute; top:43px; text-transform:uppercase; }
h2,h3,h4 { font-family:"GraublauWeb", Georgia, "Times New Roman", Times, serif; }

/* MENU */
#menu { left:490px; position:absolute; top:38px }
#menu li { display:inline; margin:0; }
#menu li a { color:#333; font-size:18px; }
#menu li a.on { border-bottom:3px solid #c00; color:#c00; padding-bottom:6px; }
#menu li a:hover { color:#c00; }
#menu b { color:#333; font-family:arial; font-size:14px; font-weight:normal; margin:0 12px 0 15px; }

a.rss { background:url(/img/icons-sprite.png) no-repeat right -25px; color:#666; display:block; font-size:14px; left:900px; padding-right:21px; position:absolute; top:41px; }
a.rss:hover { background-position:right 0; color:#f57a1d; }

/* ----- HEADING ----- */
#heading-wrapper { border-bottom:1px solid #ccc; color:#ccc; font-size:38px; overflow:hidden; padding:25px 10px; }
#heading { float:left; width:620px; }
#search { float:left; margin:-3px 0 0 20px; width:300px; }
#search input#s { width:206px }
#search input#searchsubmit { background-color:#f2f2f2; cursor:pointer; margin-left:11px; padding:4px 0; text-align:center; width:60px }
#search input#searchsubmit:hover { background-color:#e5e5e5; border:1px solid #aaa; }

/* ----- CONTENT ----- */
#content-wrapper { /*float:left; margin-right:20px;*/ }
.content { margin-left:70px; overflow:hidden; width:870px; }
.post { color:#666; border-bottom:1px solid #ccc; font-size:13px; line-height:19px; padding:40px 0 40px 20px; } 
.post p { margin-bottom:15px; }
.post img { background-color:#f2f2f2; border:1px solid #ccc; float:left; margin:0 10px 5px 0; padding:4px; }
.post a img { background-color:#f2f2f2; border:1px solid #ccc; float:left; margin:0 0 5px 0; }
.post a:hover img { border-color:#c00 }
.text { float:left; width:620px;}

/* SINGLE */
#single { float:left; margin-right:100px; width:550px; }
#single .post { border-bottom:none }
#single .content { width:460px }

.comments { float:left; }
.comments a { background:url(/img/comments.png) no-repeat 0 0; display:block; font-size:20px; height:36px; padding:3px 0; text-align:center; width:54px }
.comments a:hover { text-shadow:1px 1px 1px #fff }

.datestamp { color:#999; font-family:"GraublauWeb"; font-size:17px; }
h2 { color:#666; font-size:26px; line-height:29px; margin-bottom:5px; text-transform:uppercase; }
h2 a:hover { }
.site a { background:url(img/link.png) no-repeat left 3px; color:#666; font-size:14px; padding-left:22px; text-decoration:underline; }
.site a:hover { color:#c00; }
.description { color:#666; float:left; font-size:14px; line-height:19px; margin:5px 20px 0 0; width:300px; }
.description p { margin-bottom:10px; }
.jobs { background-color:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd; float:left; font-size:14px;  margin-top:5px; padding:15px; width:109px; }
.jobs li { margin-bottom:10px; }
.jobs li.title { color:#888; font-style:italic; }
a.more-link { display:block; margin-top:10px; text-align:right; }

.member { border-top:1px solid #ccc; overflow:hidden; padding:25px 5px 15px; }
.member h2 { float:left; font-size:20px; text-align:right; text-transform:uppercase; width:140px; }
.member h2 span { color:#999; display:block; font-size:16px; text-transform:lowercase; }
.member p { color:#666; float:left; font-size:14px; line-height:19px; margin:0 0 14px 20px; width:540px; }
.member img { float:left; margin-left:20px; }

.single ul { margin-bottom:20px; }
.single ul li { list-style-position:inside; list-style-type:circle; padding:1px 0 1px 2px }

/* SIDEBAR */

#sidebar h2 { border-bottom:3px double #ddd; color:#999; font-size:22px; margin:0; }
#sidebar ul li { list-style-type:none; }
#sidebar ul li.widget { background-color:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:20px; padding:15px 20px; }
#sidebar ul li.widget a { color:#333; text-shadow:0 1px 0 #fff }
#sidebar ul li.widget a:hover { color:#c00; }

#sidebar ul li.widget_recent_entries li { border-bottom:1px solid #ddd; }
#sidebar ul li.widget_recent_entries li:last-child { border-bottom:none; }
#sidebar ul li.widget_recent_entries a {  display:block; font-size:15px; line-height:20px; padding:10px 0; }

#sidebar ul li.widget_tag_cloud a { color:#333; display:inline-block; padding:5px; }

/* COMMENTS */
#comments-wrapper { border-top:1px solid #ccc; clear:left; margin-left:70px; padding:40px 0; width:820px; }
#comments-wrapper h3 { font-size:24px; margin-left:20px }
.single ul li.comment { background-color:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd; list-style-type:none; margin:0 0 10px 0; padding:20px; }
.authorcomment { background-color:#fffcdf !important }
.vcard { float:left; }
.comment-meta { margin-left:80px; }
li.comment p { font-size:13px; line-height:19px; margin:6px 0 0 80px; }
li.comment cite { color:#999; display:block; font-family:"GraublauWeb"; font-size:20px; line-height:22px; text-transform:uppercase }
li.comment .comment_time { display:inline-block; font-family:"GraublauWeb"; font-size:14px; margin-top:4px; }
li.comment .edit a { display:inline-block; font-size:13px; }
li.comment .edit a:hover { text-decoration:underline }
li.bypostauthor { background-color:#fffcdf !important }
.reply { margin:10px 0 0 80px }

#respond { margin:0; }
#respond form { padding:0 20px; }
label { color:#777; font-size:16px; margin-left:10px; vertical-align:text-top; }
#send { margin:5px 0 30px 120px; }
#commentform input { width:366px }
#commentform input#submit { background-color:#f2f2f2; cursor:pointer; width:220px; }
#commentform input#submit:hover { background-color:#e5e5e5; border:1px solid #aaa; }
input, textarea { border:1px solid #ddd; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; margin-bottom:7px; padding:4px 6px; }
textarea { margin-top:10px; width:766px }
h3 { clear:both; color:#999; padding-bottom:15px; }
.additional { border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; margin:10px 0 15px -20px; overflow:hidden; padding:10px 0 5px 20px; width:600px}
.msgstatus { color:#c00; font-size:20px; margin:-20px auto 20px; padding:10px 20px 6px 0; }


/* ----- SEARCH RESULTS ----- */

.search .post { border:none; margin-top:20px; padding:0 0 0 20px; }
.search  h2 { margin-bottom:40px }
.search .post h3 { font-size:22px; text-transform:uppercase; }
.results { padding:40px 20px; }


/* ----- 404 TEMPLATE ----- */

.error404 p.sorry { color:#666; font-size:13px; line-height:23px; margin:10px 0 0 20px; }


/* ----- FOOTER ----- */
#footer { border-top:1px solid #ccc; clear:both; color:#666; font-size:14px; height:30px; margin:-70px auto 0; padding:20px 10px; position:relative; width:940px; }
.blog #footer { border:none }
#footer p { float:left; }
.menu { float:left; margin-left:125px; }
.menu li { display:inline }
.menu li a { color:#333; }
.menu li a.on, .menu li a:hover { color:#c00; }
.menu b { color:#999; font-family:arial; font-size:10px; font-weight:normal; margin:0 12px 0 15px; }
a.wp { background:url(/img/icons-sprite.png) no-repeat right -95px; color:#666; float:right; margin-right:10px; padding-right:21px; }
a.wp:hover { background-position:right -59px; color:#c00 }
a.wp img { margin-left:5px; vertical-align:text-bottom; }


/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }/* End hide from IE-mac */


.b_reqd { background-color:#fdf9f9; border: 1px solid #fec2c2; }
.b_ok { background-color:#f8fcfe; border:1px solid #a6e6fe; }

/* ----- OTHER STUFF ----- */

/* IE6 NO MORE BANNER */

.ie6warning { border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; padding-bottom:10px; position: relative; }
.ie6warning .close { position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold; }
.ie6warning .contents { width: 780px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black; }
.ie6warning .message { width: 415px; float: left; font-family: Arial, sans-serif; padding-right:10px; }
.ie6warning h6 { font-size: 14px; font-weight: bold; margin-top: 12px; }
.ie6warning p { font-size: 12px; margin-top:6px; line-height:15px; }
.ie6warning .icon { width: 75px; float: left; }
.ie6warning .last { width:auto !important }