/* CSS Document -- Jen Schwedler's Portfolio -- Last Updated January 3, 2008*/

/*---Sticky Footer Declarations for body---*/
html, body {height: 100%; }
body {background: #fff; font: 100%  "Myriad Pro","Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0; border-top:solid 3px #065295;}

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

/*---HEADINGS---*/
h1{font-size:120%;}
h2{font-size: 120%;color:#2c3318; line-height:1.65em; font-weight:normal;}
h3{font-size: 85%; text-transform:uppercase; color:#000;}

/*--Links--*/
a, a:link, a:visited, a:focus {color:#000;}
a:visited{text-decoration:line-through; color:#01305a;}
a:active{color:#01305a;}
a:hover{color:#01305a;text-decoration:underline;}
a img, a img:link, a img:visited, a img:hover, a img:focus, a img:active{border:none;}

/*--Action Links--*/
.interactive p a, .concepts p a, #resumeOptions a, .projectLink a, #projectDetails a, #twitter-link {background:url(images/design/action.gif) no-repeat 0 0; padding-left:15px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.interactive p a, .concepts p a{float:left; margin-left:440px;}

/*--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:5px 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; width:100%; float:left; height: 110px;}

/*---LOGO---*/
#logo{position:absolute; top:4px; left:0px; width:190px; height:95px; background:url(images/design/butterflyLogo.gif) no-repeat 0 0; text-indent:-5000px;}
#logo a{display:block; width:190px; height:95px;}

/*---NAVIGATION---*/
#primaryNav{position:absolute; top:63px; left:690px;}
#primaryNav li {float:left; text-align:center;line-height:1.65; font-size:85%; padding-right:40px;}
#primaryNav li a {color:#000; text-decoration:none; padding-bottom:5px;} 
#primaryNav a:hover, body#home #t-home a, body#about #t-about a, body#interactive #t-home a, body#concepts #t-home a, body#blog #t-blog a{color:#01305a; background: url(images/design/active.gif) no-repeat center bottom;}

/*---CONTENT---*/
#content{padding-left:15px;}
#content .column{width:675px; float:left;}
#content .sidebar{float:left; width:210px;}
#content .sidebar li{padding:10px 0 0 5px;}
#content .sidebar #personal a{text-decoration:underline;}
#content #detail dl{float:left;width:380px; margin-left:10px;}
#content li, #content p {font-size:80%;}

/*---Portfolio Gallery---*/
.interactive, .concepts{float:left; width:520px;}
.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;}
#resumeOptions{padding-top:50px;}
.previousExperience{display:none; width:500px;}

/*--Blog--*/
#content .entry p{width:480px; line-height:1.7em; font-size:85%;}

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

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

/*---Footer---Added padding for Safari*/
#footer{font-size:75%;position:relative;margin: -35px auto 0 auto;}
#footerLinks{padding:10px 0; position:absolute; top 0; left:410px;}
#footer li{display:inline;}
#footer li a{padding-left:15px; margin: 0 3px; border-left: 1px solid #2c3318; text-transform:uppercase; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .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;}