@charset "UTF-8";
/* CSS Document */

/*  Jessica Straus Design Styles
Updated: Thursday 2.18.2010 @ 11:09 a.m.
Author:     Gina Kamentsky
----------------------------------------------------*/

/* COLORS
Olive Green #67652a
Red #993300



----------------------------------------------------
----------------------------------------------------
----------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------
----------------------------------------------------
----------------------------------------------------
*/


/* 01 - GLOBAL STYLES
----------------------------------------------------*/


html>body {

font-size: 12px;

}

body  {
font-family:"Times New Roman", Times, serif;
font-size:75%;
color:black;
background-color:#67652a;
line-height:130%;
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 */

}


p{

font-size: 1em;
line-height:1.5em;


}/*12pt over 18pt*/


h4{

font-size: 1.17em;
font-weight: normal;
line-height:1.286em;


}/*14pt over 15.4*/


h3{

font-size: 1.5em;
font-weight: normal;
line-height:1.5em;

}/*18pt over 18*/


h2{

font-size: 2em;
font-weight: normal;

}/*24pt*/

h1{

font-size: 3em;
font-weight: normal;

}/*36pt*/

#clearFloat{

clear: both;

}



/* 02 - OUTER WRAPPER
----------------------------------------------------*/

#outerWrapper {

margin: 20px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background-image:url( 'http://www.jessica-straus.com/images/siteImages/backgroundtile.jpg');
width:980px;
padding:15px 20px 15px 20px;
border-top:40px solid #fff;
border-right:20px solid #fff;
border-bottom:40px solid #fff;
border-left:20px solid #fff;

}


/* 03 - HEADER
----------------------------------------------------*/


#outerWrapper #header {

position:relative;
background-image:url('http://www.jessica-straus.com/images/siteImages/header.jpg');
background-repeat:no-repeat;
background-position:center;
height: 180px;
margin:0;

}

#outerWrapper #header h1{

margin-left:250px;
position:absolute;
top:20px;
	
}

#outerWrapper #header h4{

position:absolute;
font-size:1.17em;
top:145px;
left:294px;

}/*tagline*/


/* 04 - NAV
----------------------------------------------------*/

#outerWrapper #menu{

text-align:center;/*centers the nav in the box*/
background-image:url('http://www.jessica-straus.com/images/siteImages/navBg.jpg');
background-repeat: repeat-x;
height:62px;
margin-top:3em;
padding-top:22px;

}



#outerWrapper #menu li{

display:inline;
padding:4px 10px 4px 40px;
background-image: url('http://www.jessica-straus.com/images/siteImages/ball.jpg');
background-repeat: no-repeat;
background-position: 10px 0px;

}

#outerWrapper #menu li.noIcon{

background-image: none;
padding-left:5px;

}


#outerWrapper #menu a{

text-decoration:none;
color:#333;
font-size: 2em;
font-weight: normal;

}

#outerWrapper #menu a:hover{

color:#000000;

}



/* 05 - MAIN CONTENT INDEX
----------------------------------------------------*/

#contentWrapper{

position:relative;
padding-top:1.17em;

}/*makes this the parent for sidebar position*/



#mainContent{

width:660px;


}

#mainContent dl.categoryThumbnail{

text-align:center;
float: left;
margin-right:16px;
margin-bottom:1em;

}

#mainContent .categoryThumbnail dt{ 

font-size:1.17em;
line-height:1.17em;
}


#mainContent .categoryThumbnail dt a{ 

color:#af1d01;
text-decoration: none;

}

#mainContent .categoryThumbnail dt a:hover{ 

text-decoration: underline;

}

#mainContent  .categoryThumbnail dt img{

padding:0 1px 0 1px;
border:3px solid #ffffff;

}


#sidebar{

position:absolute;
left:680px;
width:270px;

}

#sidebar p{

margin-top: 2em;
margin-bottom:2em;
font-size: 1.17em;

}

#sidebar #intro{

padding:3em 0 3em 0;


}

#sidebar #intro h2{

background-image: url('http://www.jessica-straus.com/images/siteImages/jessicaStraus.png');
background-repeat: no-repeat;
text-indent:-9999px;/*moves h2 element off screen*/
width:200px;
line-height: 1.5em;
}



#sidebar #news h3{

background-image: url('http://www.jessica-straus.com/images/siteImages/news.png');
background-repeat: no-repeat;
text-indent:-9999px;/*moves h2 element off screen*/
width:200px;
line-height: 1.5em;

}

#footer{

position:relative;
background-image:url('http://www.jessica-straus.com/images/siteImages/checkBg.jpg');
background-position: top;
background-repeat: repeat-x;
margin-top: 3em;
padding-top:47px;

}


#outerWrapper #footer li{

display:inline;
padding:0 5px 0 5px;
border-right: 1px solid #993300;

}


#outerWrapper #footer li.noBorder{

border-right:none;

}


#outerWrapper #footer a{

text-decoration:none;
color:#333;
font-size: 1.5em;
font-weight: normal;

}

#outerWrapper #footer a:hover{

color:#000000;

}

#outerWrapper #footer p{

position:absolute;
top:90px;
margin-left: 5px;

}


#outerWrapper #footer p a{

font-size: 1em;
color:#993300;
font-weight: bold;

}



/* 06a - MAIN CONTENT CATEGORY PAGES; galleria
----------------------------------------------------*/

.item{

height:700px;

}/*set height greater than largest set of thumbnails*/


.gallery_demo{

position:absolute;
top:52px;
width:330px;


}/*thumbnail div*/

.galleria li{

display:block;
overflow:hidden;
float:left;

}/*displays thumbnails as block elements*/


.gallery_demo li{

width:70px;
height:70px;
margin:4px;
border:2px solid #999;

}/*styles thumbnail elements*/


.gallery_demo li.hover{

border:2px solid #000;

}

.gallery_demo li.active{

border:2px solid #000;

}


.galleria_container{

position:absolute;
top:16px;
left:344px;
margin:0 auto 0 auto;
height:500px;
width:460px;


}/*image div*/


.galleria_container img{

border:3px solid #993300;


}


.caption{

font-size:1.17em;
line-height:1.5em;
width:160px;

}

.caption b{

font-size:1.5em;
line-height:1.5em;
color:#993300;

}


#contentWrapper h2{

color:#993300;
font-family:"Gill Sans" Sans-serif;
line-height:2em;
position:absolute;
top:0px;
left:6px;

}
	

.nav{

position:absolute;
top:18px;
left:230px;
font-size: 1.17em;
font-weight: bold;




}

.nav a{

color:#333;
text-decoration: none;

}

.nav a:hover{

color:#993300;

}

* html .galleria li div span{

width:400px;

} /* MSIE bug */


/* 06b - MAIN CONTENT CATEGORY PAGES; category nav
----------------------------------------------------*/


#categoryNav{

position:absolute;
left:814px;
top:16px;
width:138px;
padding-left:20px;
padding-top:1.17em;
background-image: url('http://www.jessica-straus.com/images/siteImages/catBg.jpg');
border:1px dashed #993300;

}


#categoryNav ul{

padding-top:1.5em;
padding-bottom:3em;


}

#categoryNav li{

font-size: 1.17em;
line-height:2em;

}


#categoryNav li a{

color:#333;
text-decoration: none; 

}

#categoryNav li a:hover{

color:#993300;

}


#categoryNav h3{

color:#993300;
font-family:"Gill Sans" Sans-serif;

}



/* 07 - CV
----------------------------------------------------*/

#outerWrapper #contentWrapper #columnSingle .cv{

margin:15px 100px 15px 45px;
padding-left:15px;
padding-bottom:15px;
line-height:150%;
border-bottom:1px dotted #993300;	

}

#outerWrapper #contentWrapper #columnSingle .cv h3{


margin-bottom:8px;	

}

 span{
	
line-height:200%;

}


/* 08 - ABOUT
----------------------------------------------------*/

#about{

margin:15px 100px 15px 45px;
width:580px;
padding-left:15px;
padding-bottom:15px;
line-height:150%;	

}

#about p{

font-size: 1.17em;
line-height:1.286em;


}


#about h3{

margin-bottom:8px;	

}


/* 09 - CONTACT
----------------------------------------------------*/
	
#columnContact{

padding:20px 40px 80px 40px;

}

#columnContact h1{

padding-left:50px;

}

#columnContact p{

font-size: 1.17em;
line-height:1.286em;
margin-bottom:1.5em;

}

#columnContact fieldset{

display: block;
width: 500px;
margin: 3em 0 3em 0;
padding:20px;
border:1px dotted #993300;


}

#columnContact fieldset.submit{

border: none;
background-color: transparent;
text-align: center;

}


#columnContact input{

display: block;
width:300px;

}

#columnContact label{

display: block;
margin-bottom:5px;
font-weight: bold;

}

#columnContact select{

display: block;

}

#columnContact #send{

margin-top:20px;

}