/*  
Theme Name: PRODn
Theme URI: http://artandcommerceproduction.com
Description: © Art + Commerce
Version: 1.0
Author: Franck Hoffmann
Author URI: http://artandcommerceproduction.com
*/

/******************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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%; }

q:before, q:after { content: ''; }

a { text-decoration: none; outline: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold; }

em { font-style: italic; }

* a { position: relative; }

/* Gets links displaying over a PNG background */
a img { border: none; }

/* Gets rid of IE's blue borders */
/******************************************/
/*images, styles are contain in > /plugins/nextgen-gallery/css/nggallery.css*/
/******************************************/
body {
	font-family: Georgia, serif;
	color: #000;
	font-size: 11px;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #F0F;
	text-decoration: underline;
}

a:active {
	color: #F0F;
	text-decoration: none;
}

/*
#blog-main-wrapper
{
	position: absolute;
	top: 104px;
	left: 0px;
}
*/

#blog-content {
	position: absolute;
	top: 196px;
	left: 357px;
	width: 520px;
	padding-bottom: 30px;
}
#blog-content a { text-decoration:underline; }
#blog-content .back a {text-decoration:none;}
#blog-content .next a {text-decoration:none;}

#ngg_slideshow2 {
	width: 900px;
	position: absolute;
	top: -70px;
	left: -190px;
	border: 0px;
	z-index: 1;
}

#blog-content h2 {
	margin-top:2px;
	margin-bottom: 5px;
	/*border-top: 3pt #000 solid;*/
	text-decoration: none;
	border-top: 4pt #000 solid;
}

#blog-content h2 { text-decoration: none; }



#sidebar {
	position: absolute;
	top: 191px;
	left: 30px;
	width: 200px;
}

.widget { margin-bottom: 15px; }

#sidebar li {
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	line-height: 17px;
	font-size: 10px;
}

#sidebar h2 {
	font-size: 11px;
	font-weight: bold;
	font-family: Georgia, serif;
	line-height: 17px;
	margin-top: 5px;
}

#sidebar a:hover {
	color: #999;
	text-decoration: none;
}

/*#sidebar ul { padding-bottom: 15px; }*/

/*.post { border-top: 4pt #000 solid;
}*/

.navigation {
	margin-bottom: 50px;
	margin-top: 50px;
}

.navigation .navigation-prevpost {
	float: left;
	text-transform: uppercase;
}

.navigation .navigation-nextpost {
	float: right;
	text-transform: uppercase;
}

.navigation .clearfloats { clear: both; }

.post h2 a {
	margin-top:2px;
	margin-bottom: 5px;
	text-decoration: none;
	border-top: 4pt #000 solid;
}

.post h3 {
	margin-top:2px;
	margin-bottom: 5px;
	text-decoration: none;
	border-top: 4pt #000 solid;
}

post h3 a { text-decoration: none; }

.post p {
	font-size: 12px;
	padding: 0px 0 12px 0;
	clear: both;
}

.post .time-stamp {
	padding-bottom: 0px;
	float: right;
	position: relative;
	top: -24px;
}

.post a {
	color: #000;
	text-decoration: underline;
}

.post a:hover { color: #F0F; }

.post .postmetadata {
	font-family: Arial, sans-serif;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	padding-top: 10px;
	margin-bottom:20px;
}

.post .postmetadata a {
	text-decoration: underline;
	color: #999;
}

.post .postmetadata a:hover { color: #F0F; }

h2 {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
}

#logo {
	position: absolute;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 19px;
	width: 91px;
	top: 30px;
	left: 30px;
	margin: 0px;
	padding: 0px;
}

.postmetadata { margin-bottom: 50px; }

.commentlist .alt {
	margin: 50px 0 50px 0;
	border-top: 1px #000 solid;
}

.commentlist .alt p { margin-bottom: 7px; }

.commentlist li {
	border-top: 1px #CCC solid;
	margin-bottom: 50px;
}

.comment-awaiting {
	color: #000;
	border: 1px #669 dashed;
	background-color: #CCC;
	margin: 5px 0 5px 0;
	padding: 10px 5px 10px 5px;
}

.form-air { margin: 0 0 5px 0; }

#respond {
	margin: 30px 0 10px 0;
	border-top: 3pt #000 solid;
}

#blog-content h3 a { color: #000; text-decoration:none }

#blog-content h3 {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: normal;
	margin-top:2px;
	margin-bottom: 5px;
	/*border-top: 3pt #000 solid;*/
	text-decoration: none;
	border-top: 4pt #000 solid;
}

.button {
	border: 0px #000 solid;
	background-color: #000;
	margin-left: 3px;
	padding: 3px 2px 2px 3px;
	/*
height: 22px;
	width: 60px;
*/
	
	/*
margin: 10px 0 50px 0;
	padding: 4px;
*/
	font-family: Arial, sans-serif;
	color: #FFF;/*
	font-size: 8px;
	font-weight: normal;
	font-variant: small-caps;
*/
}

.button:hover { background-color: #F0F; }

.submit-button {
	border: 0px #000 solid;
	background-color: #000;
	margin-top: 5px;
	padding: 1px;
	font-family: Arial, sans-serif;
	color: #FFF;
}

.submit-button:hover { background-color: #F0F; }

cite {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 14px;
}

/*****            TOP NAVIGATION             *****/
#nav {
	position: absolute;
	left: 352px;
	top: 30px;
	z-index: 99;
}

li { list-style: none; }

/*
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
*/

.menu-newportfolio {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 0;
	width: 176px;
	height: 26px;
	display: block;
}

/* not active */
.menu-newportfolio:hover {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 -56px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
#menu-newportfolio .menu-newportfolio {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}





/*
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
THIS IS A COPY PLEASE REMOVE WHEN DONE TESTING
*/

/* menu-portfolio >> states of the GIFs // -56px moves the gif down to the hover state */
.menu-portfolio {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 0;
	width: 176px;
	height: 26px;
	display: block;
}

/* not active */
.menu-portfolio:hover {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 -56px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
#menu-portfolio .menu-portfolio {
	background: #fff url(/images/menu-portfolio.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

/* active */
/* menu-blog >> states of the GIFs // -56px moves the gif down to the hover state */
.menu-blog {
	background: #fff url(/images/menu-blog.gif) no-repeat 0 0;
	width: 176px;
	height: 26px;
	display: block;
}

/* not active */
.menu-blog:hover {
	background: #fff url(/images/menu-blog.gif) no-repeat 0 -56px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
#menu-blog .menu-blog {
	background: #fff url(/images/menu-blog.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

#menu- .menu-blog {
	background: #fff url(/images/menu-blog.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

#active-div .menu-blog {
	background: #fff url(/images/menu-blog.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
/* menu-locations >> states of the GIFs // -56px moves the gif down to the hover state */
.menu-locations {
	background: #fff url(/images/menu-locations.gif) no-repeat 0 0;
	width: 176px;
	height: 26px;
	display: block;
}

/* not active */
.menu-locations:hover {
	background: #fff url(/images/menu-locations.gif) no-repeat 0 -56px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
#menu-locations .menu-locations {
	background: #fff url(/images/menu-locations.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
/* menu-about >> states of the GIFs // -56px moves the gif down to the hover state */
.menu-about {
	background: #fff url(/images/menu-about.gif) no-repeat 0 0;
	width: 176px;
	height: 26px;
	display: block;
}

/* not active */
.menu-about:hover {
	background: #fff url(/images/menu-about.gif) no-repeat 0 -56px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */
#menu-about .menu-about {
	background: #fff url(/images/menu-about.gif) no-repeat 0 -112px;
	width: 176px;
	height: 26px;
	display: block;
}

/* hover */