/*
Theme Name: Kompani Linge
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Author: lol
*/
@import url(reset.css);

html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { background: url(img/bg.jpg) repeat-x 0 -2px; font-family: 'Lucida Grande', Helvetica, Arial; }
body#sub { background: url(img/bg.jpg) repeat-x 0 -145px; font-family: 'Lucida Grande', Helvetica, Arial; }
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -132px; /* the bottom margin is the negative value of the footer's height */
}
#header-container { width: 100%; height: 430px; background: url(img/headerbg.jpg) no-repeat 50% bottom; }
body#sub #header-container { width: 100%; height: 287px; background: url(img/headerbg.jpg) no-repeat 50% bottom; }
#header-logo { width: 960px; margin: auto; padding-top: 40px;}
#header-logo h1 { width: 140px; height: 140px; float: left; margin-left: -11px;}
#header-logo h1 a { width: 140px; height: 140px; display: block; float: left; text-indent: -9999px; background: url(img/logo.png) no-repeat 0 0; }
#header-logo h1 a:hover { background-position: -140px 0px;}
#header-logo blockquote { float: right; line-height: 21px;width: 360px; margin: 40px 0px 0px 0px; font-family: Palatino, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; font-style: italic; color: #7c6862;}
#header-logo cite { text-transform: uppercase; letter-spacing: 0.8px; font-size: 12px; font-weight: bold; color:  #68524b; font-family: Bodoni, Times, 'Times New Roman', Georgia; font-style: normal; }
#header-navigation { float: left; width: 100%; background: url(img/transparent.png) repeat; height: 40px;margin-top: 40px;}
#header-navigation #navigation  { width: 955px; margin: 0 auto;  padding-left: 0px; padding: 0px 0px 10px;}
#header-navigation #navigation li { float: left; margin: 0px; line-height: 17px;	}
#header-navigation #navigation li a { height: 18px; float: left; display: block; padding: 14px 20px 8px; font-family: Bodoni, Times, 'Times New Roman', Georgia;font-size: 14px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; color: #68524b; text-decoration: none; }
#header-navigation #navigation li a:hover { color: #382f2c; background: url(img/transparent.png) repeat; }

#header-navigation #navigation li.current { }
#header-navigation #navigation li.current.first { }
#header-navigation #navigation li.first { }
#header-navigation #navigation li.current a { background: #54443f; color: #FFF; }
#header-navigation #navigation li.current a:hover { color: #f2e6e2; }

#header-introduction { width: 960px; margin: 0 auto; clear: both; padding: 31px 0px 25px 5px;}
#header-introduction h2 { width: 246px; height: 22px; background: url(img/headers/kompanilinge.png) no-repeat; text-indent: -9999px; margin-bottom: 18px;}
#header-introduction p { width: 720px; line-height: 22px; color: #FFF; font-family: Palatino, Times, 'Times New Roman', Georgia; font-style: italic; font-size: 17px; font-weight: bold;}
#content-container { width: 100%; float: left; background: url(img/contentbg.png) repeat; }
#content-wrapper { width: 960px; margin: 0px auto; padding-top: 35px;}

#promo .production.last, #recent-news .post.last { margin: 0; }

#promo { 
	width: 960px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0eded;
	margin-bottom: 20px;  }
#promo h2, #recent-news h2 {
	font-weight: bold;
	color: #5d8989;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 15px;}
#promo .production { 
	width: 300px;
	border: 1px solid #c5e4e4;
	float: left;
	margin-right: 26px;
	background: url(img/promobg.png) repeat; }
#promo .prod-border {
	width: 298px;
	float: left;
	border: 1px solid #FFF; }
#promo .production img {
	display: block;
	float: left;
	border-top: 7px solid #68524b;}
#promo .production img:hover{
	border-top: 7px solid #4b3d38;}
#promo .production h3 {
	width: 298px; 
	height: 98px; 
	float: left; }
#promo .production h3 a {
	width: 298px;
	height: 98px;
	display: block; 
	text-indent: -9999px;
	float: left; }
#promo .production#semeg h3 a{
	background: url(img/headers/semeg.png) no-repeat 0 0; }
#promo .production#pyt h3 a{
	background: url(img/headers/pyt.png) no-repeat 0 0; }
#promo .production#maaloy h3 a{
	background: url(img/headers/maaloy.png) no-repeat 0 0; }
#promo .production#semeg h3 a:hover { background-position: -299px 0px; }
#promo .production#pyt h3 a:hover { background-position: -299px 0px; }
#promo .production#maaloy h3 a:hover { background-position: -299px 0px; }


/* RECENT NEWS */

#recent-news {
	width: 960px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0eded;
	margin-bottom: 20px; }
#recent-news .post {
	width: 302px;
	margin-right: 26px;
	float: left; }
#recent-news .post h3 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px; }
#recent-news #last-post {
	margin: 0;}
#recent-news .post h3 a {
	color: #68524b; 
	text-decoration: none; }	
#recent-news .post h3 a:hover {
	color: #85716b; }
#recent-news .post p.meta, #content .post p.meta {
	font-family: 'Lucida Grande', Helvetica, Arial;
	text-transform: uppercase; 
	font-weight: bold; 
	color: #9d837b; 
	font-size: 11px;
	letter-spacing: 0.5px;
	margin-bottom: 6px;
	}
#recent-news .post p {
	font-family: Georgia; 
	color: #727373;
	line-height: 18px; 
	font-size: 12px;}
	
/* PAGE TEMPLATES */ 

#content.subpage .page, #content.subpage .entry{
	width: 600px;
	float: left;
	}

#content .content-sidebar {
	width: 300px;
	float: right; }
#content.page h2, #content .page h2, #content .post h2 {
	font-family: Bodoni, Times, 'Times New Roman', Georgia;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	color: #68524b;	 }
	
#content.subpage h3 {
	color: #555;
	font-size: 12px;
	margin-bottom: 5px;
	letter-spacing: 0.5px;
	text-transform: uppercase;}
#content .alignright {
	float: right;
	margin: 0px 0px 15px 15px;}
#content.subpage img { margin-bottom: 15px; }	
#content.subpage .wp-caption p { font-size: 12px; }	
#content .wp-caption {
	
	float: right;
	margin: 0px 0px 15px 15px;}
#content.subpage .content-sidebar ul {
	margin: 0px 0px 15px 15px;
	font-family: Lucida Grande;
	font-size: 11px;
	color: #757575;
	line-height: 21px;}	
#content ul {
	margin: 0px 0px 15px 15px;
	font-family: Lucida Grande;
	font-size: 12px;
	color: #757575;
	line-height: 22px;
	list-style-type: disc;}	

#content ul li.page_item {
	width: 280px;
	margin-right: 20px;
	text-align: center;
	float: left; 
	margin-bottom: 15px;
	line-height: 24px;
	height: 110px;
	list-style-type: none; 
	background: url(img/productionbg.png) no-repeat; 

	
	}
#content ul li.page_item a {
	font-family: Bodoni, Times, 'Times New Roman', Georgia;
	font-size: 18px;
	width: 240px;
	display: block;
	float: left;
	vertical-align: center;
	padding: 35px 20px 30px 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: normal;
	text-decoration: none;

	color: #68524b;	}
#content ul li.page_item a:hover {
	color: #44302a;
	text-decoration: none;
	font-weight: normal; }

#content.subpage blockquote {
	font-style: italic;
	color: #333; 
	margin-bottom: 10px;
	background: #e9f2f0;
	padding: 13px; }
#content.subpage blockquote p {
	margin: 0; }
#content.subpage a {
	font-family: Lucida Grande;
	text-decoration:  none;
	font-weight: bold; 
	color:  #59817e;}
#content.subpage a:hover {
	text-decoration: underline; 
	color: #2a4241; }
#content.subpage hr {
	border: 0;
	background: 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;}
#content.subpage cite {
	font-family: 'Lucida Grande', Arial;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
	color: #777;
	font-size: 11px;
	margin-bottom: 5px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	}
#content.subpage p {
	font-family: Georgia; 
	color: #727373;
	line-height: 21px; 
	font-size: 13px;
	margin-bottom: 14px;}
#content.subpage strong {
	font-weight: bold;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px; 
	color: #333; }
#content.subpage p.ingress {
	font-weight: bold;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;}
/* FOOTER */ 

#footer {
	margin-top: 40px;
	width: 100%;
	background: url(img/footerbg2.png) no-repeat 50% 0;
	}
#footer-content {
	margin: 0 auto;
	width: 960px; 
	padding-top: 30px;}
#footer-content p.left {
	float: left;
	text-align: left; }
#footer-content p.right {
	float: right;
	color: #8eafad;
	text-align: right; }
#footer-content p {
	width: 370px;
	float: left;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;}
#footer-content p a {
	color: #59817e;
	text-decoration: none;}
#footer-content p a:hover {
	color: #2a4241; }
#footer, .push {
	height: 132px; /* .push must be the same height as .footer */
}
