/*
Theme Name: Demersdesigns 
Theme URI: http://www.demersdesigns.com
Description: Template for Demersdesigns Site
Version: 1.0
Author: Paul Demers
Author URI: http://www.demersdesigns.com
*/
@import url('css/reset.css');

html, body{
height:100%;
}

body{ 
font:100%/1.5em "Palatino", "Georgia", serif;
color:#646464;
background: #dedddb url(images/mainBg2.jpg) top center repeat-x;
} 

a{
text-decoration: underline;
color:#78492e;
text-shadow: none;
}

a:hover{
color:#5f5f5f;
text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}

#container{
min-height: 100%;
height: auto !important;
height:100%;
margin-bottom: -60px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}


#masthead{
padding-top: 35px;
}

#primary{
margin: 15px auto 0 auto;
border: 1px solid #ececec;
border-bottom:none;
background-color: #fff;
}

#landing{
border: 1px solid #ececec;
border-bottom:none;
background-color: #fff;
}

#secondary{
background: #fff url(images/secondColBg.jpg) top center no-repeat;
border: 1px solid #ececec;
border-top:none;
margin: 0 auto 25px auto;
padding-top: 15px;
}

#aside{
font-size: 0.875em;
background-color: #ececec;
margin: 25px 0;
}

#aside h4{
font-weight: normal;
margin-top: -25px;
margin-left: -10px;
margin-bottom: 10px;
font-size: 1.2em;
color:#78492e;
}

.entry p{
padding-left: 15px;
padding-bottom: 15px;
}

/* Logo Styles */
#logo{
height: 147px;
background: url(images/logoBase.png) no-repeat;
position: relative;
}

#logo h1{
position: absolute;
display: block;
top: 48px;
left:70px;
text-indent: -9999em;
}

#logo h1 a{
background: url(images/logo.png) -189px 0 no-repeat;
height:49px;
width:189px;
position: absolute;
top: 0;
left: 0;
}


/* Navigation Styles */
#nav{
margin-top: 70px;
padding-top: 15px;
text-align: center;
font-size: 1.1em;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
background: url(images/shadow.png) center top no-repeat;
}

#nav li{
text-decoration: none;
display: inline;
}

#nav li a{
padding: 41px 35px 15px 35px;
text-decoration: none;
background: url(images/nav2.png) center top no-repeat;
color:#5f5f5f;
}

#nav li a:hover, #nav li.current_page_item a{
text-decoration: none;
color:#78492e;
background: url(images/navActive2.png) center top no-repeat;
}


/* Entry Page Styles */
/*
.intro{
background: url(images/hats.jpg) 5px 103px no-repeat;
}
*/

#elsewhere ul{
position:relative;
height: 49px;
margin: 10px 0 20px 0;
}

#elsewhere ul li{
height: 49px;
width:49px;
position: absolute;
top:0;
text-indent: -99999px;
list-style-type: none;
}

#elsewhere ul li a{
height: 49px;
width:49px;
position: absolute;
top:0;
left:0;
}

#fb, #tweeter, #linkedin, #delicious{
background: url(images/social.png) no-repeat;
}

li#tweeter{
background-position: -98px -49px;
left:10px;
}

li#fb{
background-position: -147px -49px;
left:69px;
}

li#linkedin{
background-position: -49px -49px;
left:128px;
}

li#delicious{
background-position: 0 -49px;
left:187px;
}


#bird{
position: absolute;
right:0;
bottom:-12px;
width: 52px;
height:47px;
background: url(images/tweet2.png) -7px 3px no-repeat;
}


#twitter, #testimonials, #elsewhere{
position: relative;
}

#twitter p{
padding-bottom: 20px;
}

#secondary h4{
color:#78492e;
margin: 10px 0 5px 0;
}

#secondary .grid_4{
padding-bottom:5px;
}

#welcome{
padding-top: 25px;
margin-bottom: 15px;
}

#welcome h3{
margin-bottom: 5px;
color:#78492e;
}

#welcome p{
font-size: 1.1em;
padding: 5px 0 10px 0;
line-height: 1.6em;
}

#featuredFront{
margin-top: 45px;
padding: 0 0 35px 0;

}

.featuredWrap{
position:relative;
border: 1px solid #9b9b9b;
padding:5px;
width: 435px;
float: left;
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}

.featuredTag{
position: absolute;
top:-22px;
left:-8px;
z-index: 99;
}

.featuredTagR{
position: absolute;
bottom:-22px;
right:-8px;
z-index: 98;
}

.visitTagR{
position: absolute;
bottom:3px;
right:-3px;
z-index: 98;
}

.labelTag{
position: absolute;
top:20px;
left:-28px;
z-index: 99;
}

.featuredWrap:nth-child(odd){
margin-right: 10px;
}


.button a{
border: 1px solid #ececec;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 5px 12px;
background: url(images/buttonBg.jpg) top center repeat-x;
color:#fff;
font-size: 0.875em;
}

.button a:hover{
color:#78492e;
background: url(images/buttonBgAct.jpg) top center repeat-x;
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.25);
border-color:#78492e
}


span.button input{
border: 1px solid #bcbcbc;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 5px 12px;
text-shadow: none;
font-style: normal;
background: url(images/buttonBg.jpg) top center repeat-x;
color:#fff;
font-size: 0.875em;
}

span.button input:hover{
background-color: #f0f0ef;
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.25);
border-color:#78492e;
cursor: pointer;
}

/* Type Styles */
.page_intro{
background: url(images/divTop.png) center top no-repeat;
}

.page_intro h2{
color:#78492e;
line-height: 1.4em;
margin: 30px 0;
padding:50px;
background: url(images/divBot.png) center bottom no-repeat;
text-align: center;
}

.folioIntro{
margin-top: 15px;
background: url(images/shadow300.png) center bottom no-repeat;
}

.folioIntro p{
padding: 0 0 10px 15px;
}

h4.sectionLabel{
color:#78492e;
padding: 12px 0 12px 12px;
background: url(images/sectionLabel300.png) left top no-repeat;
}

.sidebar{
background-color: #ececec;
margin-bottom: 15px;
}

.sidebar dl{
margin-left: 0;
}

.sidebar dd{
padding: 5px 10px 10px;
line-height: 1.3em;
}

.sidebar dt{
color:#78492e;
font-weight: normal;
background: #ffffff url(images/listNumbers.png) no-repeat;
padding:3px 0 0 26px;
}

dt.numOne{background-position: 2px 0px;}
dt.numTwo{background-position: 2px -31px;}
dt.numThree{background-position: 2px -61px;}
dt.numFour{background-position: 2px -91px;}
dt.numFive{background-position: 2px -121px;}
dt.numSix{background-position: 2px -151px;}
dt.numSeven{background-position: 2px -181px;}
dt.numEight{background-position: 2px -211px;}
dt.numNine{background-position: 2px -241px;}

/* Portfolio Styles */
.pieceContainer{
padding: 20px 0 10px 0;
}

.pieceWrap{
width:300px;
float:left;
margin:5px;
}
.pieceTitle{
background-color: #efefef;
padding:5px 0 3px 0;
text-align: center;
}

.pieceSlide{
height:140px;
float: left;
padding: 5px;
overflow: hidden;
}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }


/* image Styles */
.bioPhoto{
width: 144px;
float:right;
border:none;
}

img.bioPhoto{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
}

img.bioPhoto:hover{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
/* Footer Styles */
#footer{
width:100%;
height:60px;
background: url(images/footerBg.jpg) bottom center repeat-x;
font-style: italic;
text-align: center !important;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.footerInner{
width: 960px;
margin: 0 auto;
padding-top: 10px;
color:#4b4b4b;
}


/* Utility Styles */ 
.push{height:60px;}

.inner{
padding:10px;
}

.amp{
font-family: Baskerville;
font-style: italic;
}

.strike{
text-decoration: line-through;
opacity: .5;
}

.round{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.topRound{
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
}

.bottomRound{
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
}

.shadow{
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}

.hrFull{
padding: 15px 0;
height: 16px;
background: url(images/div.jpg) center repeat-x;
}

/* FancyBox Styles */ 
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
background: transparent;
z-index: 1104;
display: none;
}

* html #fancybox-loading {	/* IE6 */
position: absolute;
margin-top: 0;
}

#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('/images/fancy/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}

* html #fancybox-overlay {	/* IE6 */
position: absolute;
width: 100%;
}

#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}

#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background-color: #eaeaea;
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}

#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}

#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}

#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 32px;
height: 32px;
background: url('images/fancy/fancy_close.png') top left no-repeat;
cursor: pointer;
z-index: 1103;
display: none;
}

#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
}

#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}

#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}

#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
z-index: 1102;
font-size: 0.875em;
}

.fancybox-title-inside {
padding: 10px 0;
text-align: center;
}

.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}

.fancybox-title-over {
color: #FFF;
text-align: left;
}

#fancybox-title-over {
padding: 10px;
background: url('images/fancy/fancy_title_over.png');
display: block;
}

#fancybox-title-wrap {
display: inline-block;
}

#fancybox-title-wrap span {
height: 32px;
float: left;
}

#fancybox-title-left {
padding-left: 15px;
background: transparent url('images/fancy/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background: transparent url('images/fancy/fancy_title_main.png') repeat-x;
color: #FFF;
}

#fancybox-title-right {
padding-left: 15px;
background: transparent url('images/fancy/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 50%;
cursor: pointer;
outline: none;
background-image: url('images/fancy/blank.gif');
z-index: 1102;
display: none;
}

#fancybox-left {
left: 0px;
}

#fancybox-right {
right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}

#fancybox-left-ico {
background: transparent url('images/fancy/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
background: transparent url('images/fancy/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
left: 20px;
}

#fancybox-right:hover span {
left: auto;
right: 20px;
}

div.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
z-index: 1001;
}

div#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
width: 20px;
background: transparent url('images/fancy/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
width: 20px;
background: transparent url('images/fancy/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy/fancy_shadow_nw.png') no-repeat;
}


.slideshow { height: 230px; width: 435px; margin: auto }

/* Form Styles */


/* Placeholder Temp Styles */
#holder #primary{
width: 825px;
padding: 20px 0 30px 0;
background: #fff url('images/placeBg.jpg') 35px bottom no-repeat;
}

#placeholder .page_intro{
float:left;
width:400px;
margin: 25px 0 0 50px; 
}
#placeholder .page_intro h2{
padding:0 0 30px 0;
}

#placeholder #elsewhere{
text-align: center;
}

#placeholder #elsewhere ul{
width: 245px;
margin: 5px auto 15px auto;
}

#holder #primary #logo{
float:left;
width:290px;
margin:20px 0 0 30px;
}

.wear{
position: absolute;
left:200px;
top:25px;
z-index: -2;
}

.tear{
position: absolute;
right:125px;
bottom:20px;
z-index: -1;
}