/* CSS Document -- Jen Schwedler's Portfolio -- Last Updated December 2, 2008*/

/*---Sticky Footer Declarations for body---*/
html, body {height: 100%; }
body {background: #ece9d8; font: 100%  Tahoma, Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0;}

/*---STRUCTURE/LAYOUT---*/
#wrapper{width:100%; position:relative; min-height: 100%;}
* html #wrapper{height: 100%;}
#content{width:900px; margin:35px auto 0; padding-bottom:45px;}

/*---HEADINGS---*/
h1, h2, h3, h4, h5, h6{font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;}
h1{font-size:120%;}
h2{font-size: 100%;text-transform:uppercase;}
h3{font-size: 100%; color:#2c3318;}
h4{font-size:85%; text-transform:uppercase;}


/*--Links--*/
a, a:link, a:active, a:visited, a:focus {font-weight:bold;color:#000;text-decoration:none;}
a:hover{color:#5182df ;text-decoration:underline;}
li a {font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;}
a img, a img:link, a img:visited, a img:hover, a img:focus, a img:active{border:none;}

/*--Action Links--*/
.moreWork, .btn-slide, .download{padding-left:435px;}
.moreWork{font-size:80%;}

/*--Positioning--*/
.clearL {clear:left;}
.clearB{clear:both;}

/*--Lists--Remove later*/
ul{margin:0; padding:0;}
li {margin:0; padding:0; list-style-type:none;}

/*---DEFINITION LISTS---Remove margin, padding later*/
dt, dd{margin:0; padding:0;}
dt, dd span{text-transform:uppercase; font-size:90%; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;}
dd span{font-weight:bold;}
dd{font-size:85%; letter-spacing:.03em;}

/*---HEADER---*/
#header {position:relative; float:left; width:100%;height: 181px; background:#4497bf url(images/design/tree_bkground.jpg) no-repeat 0 0;}

/*---LOGO---*/
#logo{position:absolute; top:49px; left:294px; width:218px; height:55px; background:url(images/design/jensLogo.jpg) no-repeat 0 0; text-indent:-5000px;}
#logo a{display:block; width:218px; height:55px;}

/*---NAVIGATION---*/
#primaryNav{position:absolute; top:145px; left:855px;}
#primaryNav li {float:left; text-align:center;line-height:1.25; text-transform:lowercase;}
#primaryNav li a {background: #6faa26 url(images/design/inactive_tab.gif) repeat-x top left; float:left; display:block; width:84px; cursor:pointer;  color:#000; text-decoration:none; padding: 8px; margin-left: 2px;}
#primaryNav a:hover, body#home #t-home a, body#about #t-about a{background: #ece9d8 url(images/design/active_tab.gif) repeat-x top left;}

/*---CONTENT---*/
#content .column{width:600px; float:left;}
#content .sidebar{float:left; width:300px;}
#content #detail dl{float:left;width:380px; margin-left:10px;}
#content li, #content p {font-size:80%;}

/*---Portfolio Gallery---*/
.interactive, .concepts{float:left;}
.gallery li{float:left; padding:5px 30px 5px 0;}
.interactiveAll li {float:left; padding:5px;}


/*---Resume---*/
#about .column li{margin-left:15px; list-style-type:disc;}
#about #content ul{float:left;}
#about #content li.date_duration{list-style-type:none; margin:0; text-transform:uppercase; padding-bottom:5px;}
#about #content #resumeOptions li{list-style-type:none; padding-top:10px;}
.previousExperience{display:none;}

/*---Address---*/
.column .contact address{font-size:85%; font-style:normal;}

/*---Experiments---*/

.thumb{float:left; margin-right: 10px; }

/*---Footer---Added padding for Safari*/
#footer{font-size:75%;position: relative; margin-top:-35px; padding-bottom: 10px; background:#4497bf;}
#footerLinks{padding-top:10px; margin-left: 400px;}
#footer li, #secondaryNav li {display:inline;}
#footer li a, #secondaryNav a{padding-left:15px; margin: 0 3px; border-left: 1px solid #2c3318;}
#footer li a:hover, #secondaryNav li a:hover {color:#000;}
#footer .firstLink a, #secondaryNav .firstLink a{border:none; padding:0;}
 #copyright{position:absolute; top:0; left:810px; margin-top:10px;}


/*---Global Design Classes---*/
.emphasis{color:#b11116;}
#styleswitcher{position:absolute; top:0; right:10px; font-size:80%;}
#styleswitcher li a:hover{color:#000;}