/*  
Theme Name: Orange Iceberg
URI: http://orangeiceberg.com
Description: Custom OI theme
Version: 2.0
Author: Simplified
Author URI: http://simplified.com/
*/

/*--------------------------------------------------------------
*	Filename:		main.css
*	Description:	Layout for OrangeIceberg.com
*	Client:			Slobodan Kovacevic - www.orangeiceberg.com
*	Author:			Ivan Tatic - www.simplifiedstudio.com
*	Optimised for: 	Safari, Firefox 3, IE 7, IE 8, Opera
*	Version:		1.0 / 07012009
--------------------------------------------------------------*/

/*
Globals resets
---------------------------------*/
body, html{	padding: 0; margin: 0; font: normal 12px/1.5em "lucida grande", tahoma, verdana, arial, sans-serif;}
p, h1, h2, h3, h4 ,h5, h6{ padding: 0;	margin: 0; font-weight: normal; font-size: 1em;}
ul, ol, dl, dt, dd{ list-style: none; padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/*
Layout
---------------------------------*/
body{ background: #f2f2f2 url('img/bg.png') top left repeat-x;}
#warper{ width: 856px; margin: 0 auto;}

	/* Header elements */
	#header{ position: relative; width: 100%; height: 86px;  background: url('img/center-content-highlight.png') 50% 100% no-repeat;}
		#header h1 a{ position: absolute; display: block; width: 155px; height: 85px; background: url('img/header-logo.png') no-repeat; text-indent: -9999px;}
		/* Navigation */
		ul#navigation{ position: absolute; right: 0; top: 18px; height: 52px;}
			ul#navigation li{ float: left; display: block;}
			ul#navigation li a{ display: block; float: left; text-decoration: none; color: #e89646; font-size: 10.22px; padding: 8px 10px; width: 82px; border-left: 1px solid #4a2e17; height: 36px; margin-left: 1px;}
				ul#navigation li a strong{ display: block; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 12px; letter-spacing: 1px;}
			ul#navigation li a:hover{ background: #2c2017;}
			ul#navigation li a.current{ border-left: 1px solid #945117; background: #2c2017;}		

	/* Content */
	#content{ background: url('img/content-bg.png') top left no-repeat; margin-top: 40px; position: relative;}
	#main{ width: 475px; float: left; padding: 30px 30px 15px 30px;}
		#main h2{ font-size: 22px; font-weight: bold; margin: 24px 0 8px;}
		#main p{ margin: 6px 0;}
		.notop{ margin-top: 0 !important;}
		#main a{ color: #e46e13; text-decoration: none; border-bottom: 1px dotted #e46e13; }
			#main a:hover{ border-bottom: 1px solid #b64919;}
	#sidebar{ width: 277px; float: right; padding: 22px 22px 15px 14px;}
		#sidebar h2{ font-weight: bold; font-size: 14px; margin-bottom: 8px;}
		#sidebar p{ color: #666; font-size: 11px;}
		#sidebar p img{ float: left; margin: 0 15px 0 0;}
		div.hr{ height: 1px; display: block; width: 100%; background: #e6e6e6; margin: 10px 0;}
		dl.more{ margin-left: 6px;}
			ul.social li a, dl.more	dt a{ color: #e46e13; text-decoration: none; border-bottom: 1px dotted #e46e13; font-weight: bold; font-size: 11.22px;}  
					ul.social li a:hover, dl.more dt a:hover{ border-bottom: 1px solid #b64919;}
			dl.more	dd{ color: #666; font-size: 10.22px; margin: 0 0 5px 1em;}
		ul.social{ margin-left: 6px;}
			ul.social li{ margin: 2px 0; padding-left: 16px;}
				li.linkedin{ background: url('img/linkedin.png') 0% 50% no-repeat;}
				li.facebook{ background: url('img/facebook.png') 0% 50% no-repeat;} 
				li.twitter{ background: url('img/twitter.png') 0% 50% no-repeat;} 				
	
	/* Footer elements */
	div#fake-footer-bg{ position: absolute; overflow: hidden; background: url('img/footer-bg.png') 50% 100% no-repeat; display: block; width: 100%;} 	
	
	#footer{ background: url('img/content-bottom.png') top left no-repeat; padding: 18px 8px 8px 8px; position: relative;}
		#footer div.copy{ color: #858585; text-align: right;}
			#footer div.copy a{ color: #e46e13; text-decoration: none; border-bottom: 1px dotted #e46e13;}
				#footer div.copy a:hover{ border-bottom: 1px solid #b64919;}
			#footer div.copy p{ display: block; font-size: 11px;}
		#footer h2.oi a{ background: url('img/oi-logo-footer.png') no-repeat; display: block; width: 100px; height: 58px; text-indent: -9999px; position: absolute;}
	
/*
Clear floats
---------------------------------*/
.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;	}


/* basti - modifications */
a.external {
	padding-right: 12px;
	background: transparent url(images/external.png) no-repeat center right;
}

#main h3 { font-size: 15px; font-weight: bold; margin: 20px 0 8px;}
#main h4 { font-size: 16px; font-weight: bold; margin: 24px 0 8px;}