/*
Theme Name: 2 Columns- left sidebar (theme development)
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Anna
Author URI: 
Tags: empty, clean, development, design

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
.sidebar, #entry-meta-single {color:#a4b82f;}
#respond {border:1px solid white;}
#footer {border-top:1px solid #747474;background:#000;color:#747474; height: 14px;}
#header {border-top:1px solid #747474;background:#000;color:#747474;}
li.depth-1 {border: 1px solid orange;}
.navigation {border:1px dashed black;}
.post {border:1px solid white}
body.page-id-46 .post {border:0px solid white}

/* - BASIC STUFF - */
html{background-image: url("images/tile-bg.jpg");background-repeat: repeat-y;background-position: top center;}
body{background-image: url("images/top-line-bg.png");background-repeat: no-repeat;background-position: top center;font:9pt/11pt Arial,Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0;}
#body-wrapper{background-image: url("images/bottom-line-bg.png");background-repeat: no-repeat;background-position: bottom center;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* - body tags - page category banner-image - */
body.about #header{background-image: url("images/about.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.about-us #header{background-image: url("images/about.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.principals #header{background-image: url("images/about.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.page-id-1637 #header{background-image: url("images/services.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.mainportfolio #header{background-image: url("images/portfolio.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.portfolio #header{background-image: url("images/portfolio.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.page-id-7 #header{background-image: url("images/ftp.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.archive #header{background-image: url("images/ftp.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.team #header{background-image: url("images/team.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.works #header{background-image: url("images/team.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.contact #header{background-image: url("images/contact.jpg");background-repeat: no-repeat;background-position: bottom center;}
body.about #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.about-us #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.archive #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.contact #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.works #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.mainportfolio #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}
body.team #wrapper{background-image: url("images/archive-bg.jpg");background-repeat: repeat-y;background-position: top left;}



/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h3{color: #005a9d;}
h2{line-height: 1.2;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
.content{border-top: 30px solid white;background:#fff;}
#wrapper {background:#fff;float:none;clear:both;margin:0 auto;padding:0;width:950px;border-left:1px solid #747474;border-right:1px solid #747474;}
body.page-id-46 #wrapper{background:#000;}
#header {background:#000;height:272px;margin:0 auto;text-align:center;padding: 0; border-bottom: 30px solid #fff;}
body.page-id-46 #header{background:#000000;height:100px;margin:0 auto;text-align:center;padding: 0; border-bottom: 1px solid #747474;background-image: url("images/home-header.jpg");background-repeat: no-repeat;background-position: bottom center;}
#footer {overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:left;padding: 20px 10px 20px 10px;}
.footer-left{float: left;}
.footer-right{float: right;}
#footer a:link{color:#747474;}
#footer a:visited{color:#747474;}
#footer a:hover{color:#747474;}
#footer a:active{color:#747474;}
body.page-id-46 #footer {overflow:hidden;margin:-2px auto 0;clear:both;float:none;text-align:left;}


/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:right; clear:none;width:740px;padding:0px 0px 0px 0px;}
.posts-wrap-wide {background: #fff;float:right; clear:none;width:930px;padding:10px 0px 0px 0px;}
/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:left; clear:none;width:196px;}
.sidebar {width: 177px;padding: 10px 10px 10px 10px;clear:none;color:#a4b82f;line-height: 1.6;font-weight: normal;text-decoration: none; }

.sidebar a:link {color: #a4b82f; font-weight: normal;}
.sidebar a:visited {color: #a4b82f; font-weight: normal;}
.sidebar a:hover {color: #a4b82f;font-weight: bold;text-decoration: none;}
.sidebar a:active {color: #a4b82f;font-weight: bold;text-decoration: none;}

a, a:link, a:visited {color:#a4b82f;}

a:hover, a:active {font-weight:bold;}

.sidebar li{line-height: 3.0;}

.block-1 {float:left;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- HEADER NAVIGATION --*/

#header-nav{
margin: 0;
padding: 0px 0px 0px 61px;
width: 952px;
font-size: 11pt;
position: relative;
text-align: center;
top: 144px;
}

#header-nav li{
margin: 0;
padding: 0px 4px;
display: block;
width: 130px;
float:left;
}

#header-nav a {
  float: left;
  width: 130px;
  color: #000;
  text-decoration: none;
  line-height: 2.5;
  text-align: center;
}

#header-nav a:link {
  background: url(images/static.png) no-repeat; /* Add the background image */
}

#header-nav a:visited {
  background: url(images/static.png) no-repeat; /* Add the background image */
}
#header-nav a:hover {
  background: url(images/hover.gif) no-repeat; /* Add the background image */
}

#header-nav a:active {
  background: url(images/hover.gif) no-repeat; /* Add the background image */
}

body.page-id-46 #header-nav{
top: 70px;
}

body.page-id-46 #header-nav a {
background: url(images/static-home.png) no-repeat; /* Add the background image */
color: #a4b92f;
}

body.page-id-46 #header-nav a:hover {
background: url(images/home-hover.png) no-repeat; /* Add the background image */
color: #a4b92f;
}
.left-indent{padding-left: 30px;}

#slideshow-wrapper{
float:right;
width: 460px;
margin: 0px 10px;
}

img {border: none;}

.datatable {
border-collapse: collapse;
}
.clr{clear:both;}
.blue-borders {margin-left: -32px; border-top: 1px solid #005a9d; border-right: 1px solid #005a9d; border-bottom: 1px solid #005a9d; padding: 0px 0px 0px 10px;}
.blue-font {color: #005a9d;}
.blue-font a:link { color: #005a9d; text-decoration: none; font-weight: bold; }
.blue-font a:visited { color: #005a9d; text-decoration: none; font-weight: bold; }
.blue-font a:active {color: #005a9d; text-decoration: none; font-weight: bold; } 
.blue-font a:hover {color: #005a9d; text-decoration: none; font-weight: bold; } 

.orange-font {color: #e96422;}
.orange-font a:link { color: #e96422; text-decoration: none; font-weight: bold; }
.orange-font a:visited { color: #e96422; text-decoration: none; font-weight: bold; }
.orange-font a:active {color: #e96422; text-decoration: none; font-weight: bold; } 
.orange-font a:hover {color: #e96422; text-decoration: none; font-weight: bold; } 
.white-font {color: #fff;}
.clr{clear:both;}

#main-content{width: 250px;text-align: justify;padding: 10px 0px 0px 0px;}

body.about-us #about-on {background: url(images/hover.gif) no-repeat; /* Add the background image */}
#services #services-on {background: url(images/hover.gif) no-repeat; /* Add the background image */}
body.mainportfolio #portfolio-on {background: url(images/hover.gif) no-repeat; /* Add the background image */} 
body.works #works-on {background: url(images/hover.gif) no-repeat; /* Add the background image */}
body.archive #archive-on {background: url(images/hover.gif) no-repeat; /* Add the background image */} 
body.contact #contact-on {background: url(images/hover.gif) no-repeat; /* Add the background image */} 

.current a:link{font-weight: bold;}
.current a:visited{font-weight: bold;}
.current a:hover{font-weight: bold;}
.current a:active{font-weight: bold;}