/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, a img, ins, kbd, q, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
/* BASE */
body {
font-family: georgia, times, serif;
color:#333;
background-color:#FFF;
margin:0 auto;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul, ol {
margin-bottom: 18px;
}
.clear {
clear: both;
}
small {
font-size: 0.75em;
}
/* LINKS */
a, a:visited {
color:#7f7f7f;
text-decoration: none;
outline: none;
}
a:hover {
color: #b8b8b8;
}
/* TEXT */
h1 {
font-size: 24px;
line-height: 36px;
font-weight:lighter;
text-transform:uppercase;
letter-spacing:.15em;
}
h1 a, h1 a:visited{
color:#333;
}
h1 a:hover {
color:#333;
}
h2 {
font-size: 18px;
line-height: 18px;
margin-bottom: 18px;
font-weight:400;
text-transform:uppercase;
}
h3 {
font-size: 14px;
line-height: 18px;
margin-bottom: 18px;
}
p {
font-size: 12px;
line-height: 18px;
margin-bottom: 18px;
}
/* CV LISTS */
dl dt.first{
text-transform:uppercase;
font-weight:normal;
margin:0 0 18px 0;
font-size:14px;
line-height:18px;
}
dl dt{
text-transform:uppercase;
font-weight:normal;
letter-spacing:.15em;
margin:36px 0 18px 0;
font-size:14px;
line-height:18px;
}
dl dd{
text-transform:none;
font-weight:normal;
font-size:12px;
margin-bottom:18px;
line-height:18px;
}
dl dd ul{
list-style:none;
margin-left:18px;
margin-bottom:18px;
font-weight:normal;
font-size:12px;
line-height:18px;
}
dd ul li{
list-style:none;
margin:0 0 18px 0;
font-weight:normal;
font-size:12px;
line-height:18px;
}
/* STRUCTURE */
.section{
clear:both;
}
.content{
text-align: left;
width:960px;
margin:0 auto;
position: relative;
clear: both;
overflow: hidden;
}
#header{
padding:18px 0 0 0;
}
#primary {
padding: 36px 0 36px 0;
}
.column{
float:left;
position:relative;
}
#primary-column{
width:580px;
margin:0 0 0 80px;
}
#secondary-column{
width:260px;
}
#primary p{
font-size:12px;
}
#footer{
width:100%;
bottom:0;
left:0;
background-color:#FFF;
}
#footer p{
margin:10px 0;
color:#666;
}
.movThumbs{
float:left;
position:relative;
width:110px;
margin:0 5px 0 0;
}
#video{
width:400px;
height:320px;
text-align:center;
}
/* TABS */
.ui-tabs { zoom: 1;clear:both; position: relative; overflow: hidden; width:100%;}
.ui-tabs .ui-tabs-nav { float:left; list-style: none; padding:0; width:260px;}
.ui-tabs .ui-tabs-nav li { border-bottom-width: 0 !important; margin: 0; padding: 0; width:260px; float: left; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; font-weight:lighter; font-size:14px; letter-spacing:.15em; line-height: 1em; padding:0 0 10px 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#333; font-weight:normal;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { float:left; padding: 0; display: block; border-width: 0; background: none; width:580px; margin:0 0 0 80px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* ACCORDION */
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; display:block; text-decoration: none; font-weight:lighter; font-size:14px; letter-spacing:.15em; line-height: 1em; padding:0 0 10px 0; margin:0; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 1em; border-top:1px solid #e2e2e2; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block;}
#accordion h4{
font-size:12px;
text-transform:uppercase;
margin:10px 0;
}
#accordion{
height:400px;
}
/*#accordion{
height:400px;
}
#accordion h3{
display:block; text-decoration: none; font-weight:lighter; font-size:14px; letter-spacing:.15em; line-height: 1em; padding:0 0 10px 0; margin:0;
}
#accordion h3:hover{
display:block; text-decoration: none; font-weight:lighter; font-size:14px; letter-spacing:.15em; line-height: 1em; padding:0 0 10px 0; margin:0;
}
#accordion h4{
font-size:12px;
text-transform:uppercase;
margin:10px 0;
}
.accordion_content{
border-top:1px solid #e2e2e2;
}*/
/* NAV */
#nav{
width:740px;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
float:left;
}
#nav li{
float:left;
margin:0 0 0 0;
padding-right:20px;
}
#nav li a{
display:block;
font-weight:lighter;
text-transform:uppercase;
border-bottom:1px solid #FFF;
font-size:14px;
letter-spacing:.15em;
line-height: 1em;
padding:10px 0;
}
#nav li a:hover{
color:#333;
border-bottom:1px solid #F0EBE0;
}
#nav li.current a{
cursor:default;
border-bottom:2px solid #333;
color:#333;
}
/* IMAGES*/
a img{
padding:5px;
background-color:#fff;
border-bottom:1px solid #F0EBE0;
margin:0 2px 2px 0;
}
a img:hover, a img:focus{
background-color:#f3f3f3;
border-bottom:1px solid #CFCABF;
}
/* SAFARI BONUS ANIMATIONS */
a, input[type="text"], textarea {
-webkit-transition : all 0.25s linear; }
a img{-webkit-transition: all 0.25s ease-out;}