/*
Theme Name: Nicoletti Theme
Theme URI: http://andraskanegson.com
Description: Andras Kanegson's custom theme for Karen Nicoletti
Version: 1.0
Author: Andras Kanegson
Author URI: http://andraskanegson.com
Tags: simple, custom header, slideshow, portfolio

	
	This theme was designed and built by Andras Kanegson,
	who can be reached at http://andraskanegson.com

*/

body  {
	height: 100%;
	width: 100%;
	font-family: 'EagleLight', Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 auto;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #fff url(images/bg2.png) top repeat-x;

}

#grid {
	width: 1020px;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	/*background: url(images/16_col.jpg) no-repeat;*/
	overflow: visible;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	/*border: thin solid gray;*/
}

#header {
	height: 110px;
	/*border-bottom: thin solid gray;*/
}

#logo {
	padding: 62px 0 0 40px;
	text-align: left;
	display: block;
}

#navigation_holder {
	height: 110px;
	width: 300px;
}

#navigation ul li .navspacer {
	width: 10px;
	display: inline;
}

.navlink a { 
	font-size: 1.2em;
}

#navigation ul li .navlink {
	padding: 0 10px 0 10px;
}

#navigation {
	padding: 90px 0 0 0px;
}

#navigation ul li {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0 0px 0 0px;
	color: #6f6f73;
	text-transform: uppercase;
	display: inline;
	font-size: 1em;
	letter-spacing: .5px;
}

#main_home_container {
	height: 400px;
}

#main_portfolio_container {
	height: 400px;
}

#sidebar_vertical_spacer {
	height: 152px;
	margin: 0 0 56px 0;
	width: 2px;
	display: block;
}

#sidebar {
	text-align: left;
	float: left;
}

#homecopy {
	padding: 70px 30px 30px 0;
}

#homecopy h3, #portfolio_cat_nav h3, #links_nav h3,
#image_detail_nav h3, #portfoli_categories h3, #portfolio_links_nav h3 {
	letter-spacing: .5px;
}

h1 {
	font-family: 'EagleLight', verdana, helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.8em;
	font-weight: normal;
	color: #5c5c5f;
	
}

h2 {
	font-family: 'EagleLight', verdana, helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.8em;
	font-weight: normal;
	color: #5c5c5f;
}

h3 { /* this is used for navigation and homepage blurb*/
	font-family: 'EagleLight', times, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: normal;
	color: #5c5c5f;
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
}

h4 {
	font-family: 'EagleLight', verdana, helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.8em;
	font-weight: normal;
	color: #ae2aac;
}

h5 {
	font-family: 'EagleLight', verdana, helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
	color: #753274;	
}

h6 {
	font-family: 'EagleLight', verdana, helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
	color: #5c5c5f;
}

p {
	font-family: 'EagleLight', Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	line-height: 1.4em;
	color: #5c5c5f;
}

#portfolio_categories {
	padding: 70px 0 0px 0;
}

#portfolio_cat_nav {
	padding: 0px 0 0px 0;
}

#portfolio_cat_nav ul li {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #6f6f73;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.6em;
}

#portfolio_links_nav {
	margin: 30px 0 0 0;
}

#links_nav {
	margin: 30px 0 0 0;
}

#portfolio_links_nav ul li, #links_nav ul li {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #6f6f73;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.6em;
}

#image_detail_nav {
	padding: 64px 0 38px 0;
}

#image_detail_nav ul li {
	list-style: none;
	font-family: Helvetica;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #6f6f73;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: normal;
}

#image_detail_nav ul li span { font-family: 'EagleLight'; }

#maincontent {
	float: left;
	/*height: 440px;*/
	width: 650px;
	margin: 70px 0 0 0;
}

#homepic_holder {
	height: 440px;
	margin: 0 auto;
}

#homepic {
	text-align: center;
	padding: 0 0 0 0px;
}

.homepicborder {
	background: url(images/slidebg2.jpg) repeat-x;
	padding: 13px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #b8b3b3;
}

#portfolio_holder {
	height: 440px;
	margin: 0 auto;
	text-align: center;
}

#portfoliopic {
	width: 500px;
	text-align: center;
	padding: 0 0 0 100px;
}

.portfoliopic_thumb_holder {
	width: 460px;
	height: 440px;
	background: #fff url(images/portfolio_bg.png) repeat-x;
	overflow: visible;
	border-bottom: 1px solid #b4b4b8;
}

.portfoliopic_thumb {
	padding: 10px;
}

#portfoliopic_holder {
	margin: 0 auto;
	text-align: center;
}

#portfolioslide {
	text-align: center;
	height: 45px;
	width: 650px;
	margin: 0 auto;
}

.portfoliostyle {
	background: url(images/slidebg.jpg) repeat-x;
	padding: 13px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d3d3d3;
	/*border-right: 1px solid #ccc;*/
}

.thumbnailstyle {
	/*background: url(images/thumbnailbg.jpg) repeat-x;*/
	padding: 4px;
}

.thumbnailstyle_active {
	background: #999;
	/*border: 4px solid #999;*/
	padding: 4px;
}

.thumbnailstyle:hover {
	background: #999;
	padding: 4px;
}

#thumbnail_section {
	width: 650px;
	height: 51px;
    text-align: left;
    position: relative;
    margin: 20px 0px 0 0;
}

#thumbholder {
	width: 450px;
	height: 51px;
    text-align: left;
	display: inline;
    position: absolute;
    margin: 0 0 0 8px;
}

.thumbholder_style {
	height: 45px
	border: 3px solid #999;
	background: url(images/thumbnailbg.jpg) repeat-x;
	padding: 4px;
}

.slideforward {
	line-height: 51px;
	height: 51px;
	display: inline-block;
	position: relative;
	float: right;
	margin: 0 78px 0 0;
}

.slideback {
	line-height: 51px;
	height: 51px;
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 0 0 90px;
}

#information_holder {
	height: 440px;
}

.information {
	width: 450px;
	text-align: left;
	padding: 0 0 0 70px;
}

.information p {
	margin: 0 0 20px 0;
}

.information_bucket {
	float: left;
	width: 200px;
	text-align: left;
	padding: 0 0 0 50px;
}

a:link {text-decoration:none; color: #5c5c5f; }
a:visited {text-decoration:none; color: #5c5c5f;}
a:hover {text-decoration:underline; }
a:active {text-decoration:none; color: #5c5c5f;}

#navigation ul li a:link {text-decoration:none; color: #5c5c5f; padding: 90px 12px 6px 12px; }
#navigation ul li a:visited {text-decoration:none; padding: 90px 12px 6px 12px;  }
#navigation ul li a:hover {background-color: #f3ebf0; padding: 90px 12x 6px 12px; text-decoration:underline; }
#navigation ul li a:active {text-decoration:none; padding: 90px 12px 6px 12px; }

.navigation_active {background-color: #f3ebf0; padding: 90px 12px 6px 12px; }
.navigation_active:hover { padding: 90px 12px 6px 12px; }
.cat_indent {text-indent: 10px;}
.category_active {background-color: #000;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* SLIDESHOW */
#slideshow {
    position:relative;
    height:380px;
}

#slideshow img {
	
    position:absolute;
    top:0;
    left:0;
    padding: 13px;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
	background: url(images/slidebg2.jpg) repeat-x;
	padding: 13px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #b8b3b3;
	
	padding: 13px;
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/* Safari 
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#navigation {
	padding: 85px 0 0 47px;
}
*/