@import url("/styles/reset.css");
body {font-size:85%; line-height:1.3; color:#202020; background:#fff url(/images/ruler-horizon.jpg) no-repeat -245px bottom; font-family:Lucida Grande, Trebuchet MS, Geneva, Verdana;}
p {font-size:1.2em; margin:6px 0;}
a {color:#0084cc; text-decoration:none;}
a:hover, a:active, a:focus {color:#000; border-bottom:1px dotted #0084cc;}
.clear {clear:both;}

#header {background:#b6b6a6 url(/images/headBg3.png); background:url(/images/headBg3.png), #b6b6a6 url(/images/bg6.jpg); width:100%; height:105px; overflow:hidden; border-bottom:1px dashed #666; position:relative;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.1), 0 3px 0 rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 0 rgba(0, 0, 0, 0.1), 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.1), 0 3px 0 rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 0 rgba(0, 0, 0, 0.1), 0 6px 0 rgba(0, 0, 0, 0.1);}
#header img {-moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg);}

#content {width:80%; min-width:990px; max-width:1100px; margin:0 auto; padding-bottom:50px;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content h3 {font-size:1.4em; letter-spacing:2px; margin:6px 0 1px; word-spacing:2px; font-family:Palatino, Georgia; text-shadow:0 -1px 0 #202020, 0 0 12px #888; color:#bbb; line-height:1.2; font-variant:small-caps;}
#portfolio {width:65%; float:left; margin-left:1%;}
#portfolio div.inside {padding-left:10px; margin-top:20px;}
a.goToSite {margin-left:5px; line-height:1.6;}
#portfolio h1 {font-size:2.4em; color:#202020; font-family:Arial; margin:6px 0 6px 2px; letter-spacing:-1px; border-bottom:2px dotted #666; position:relative; height:1.2em; text-transform:capitalize; cursor:pointer;}
#portfolio h1:hover, #portfolio h1.active {color:#fff; text-shadow:1px 0 0 #202020, -1px 0 0 #202020, 0 1px 0 #202020, 0 -1px 0 #202020;}
#portfolio h1 strong {position:absolute; bottom:-16px; left:-2px; padding-right:5px; z-index:11; background:#fff;}
#portfolio h1 label {background:#fff;}
#portfolio h1 {-webkit-transition-property:color; -webkit-transition-duration:.3s;}
/*#portfolio h1 span {display:none;}
#portfolio h1:hover span, #portfolio h1.active span {display:inline; position:absolute; bottom:-16px; left:1px; color:#0084cc; background-color:#fff; z-index:10;}*/
#portfolio h1 label {position:absolute; bottom:-16px; right:0; font-weight:normal; padding-left:5px;} 
.tabNav {overflow:visible; width:95%; float:left; margin:0 0 5px; padding:0; border-bottom:1px solid #666; display:none;}
.tabNav li {float:right; padding:0; border:1px solid #666; margin:0 0 -1px 5px; background:#999/*url(/images/bg3.gif) left bottom repeat-x*/; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-box-shadow:-1px -1px 1px #999; -webkit-box-shadow:-1px -1px 1px #999;}
a.tab {color:#fff; font-weight:bold; font-size:0.9em; display:block; padding:2px 10px;}
a.tab:hover, a.tab:active{background:none; color:#202020; border:none;}
.tabNav li.active {border-bottom-color:#fff; background:#fff;}
.tabNav li.active a {cursor:default; color:#202020; border:none;}
.tabNav li:hover a {color:#202020;}
#portfolio p {background:#fff; max-width:600px;}
.imageDiv {margin-bottom:10px; width:600px; height:400px; overflow:hidden; -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.6); position:relative; z-index:888;}
.imageDiv img {display:block;}
.pagination {font-weight:bold; font-size:1.2em; display:none; float:left; width:1.2em; height:1.2em; border:1px solid #999; text-align:center; margin-right:5px; cursor:pointer; line-height:1.2; background:#fff; position:relative; z-index:888;}
.pagination:hover {color:#fff; background:#666; border-color:#666;}
.pagination.active {color:#fff; background:#202020; border-color:#202020; cursor:default;}
div.videoWrapper {display:block; -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.6);} 
.youtube {width:480px; height:385px;}
.blip {width:480px; height:368px;}

#rightColumn {float:right; width:31%;}
#about {margin:50px 0 25px; position:relative; background:url(/images/aboutBg.jpg); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.6); border:1px dashed #ccc;}
#about h3 {position:absolute; top:-35px; left:0;}
#about img {float:right; margin:-10px 0 -5px 5px; position:relative; z-index:2; -webkit-transform:rotate(1090deg);}
#about:hover img {-webkit-transform:rotate(0deg); -webkit-transition: -webkit-transform 2s ease-in-out; }
#about p {font-size:0.9em; padding:7px; line-height:1.4;  text-shadow:0 0 1px #666; -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); z-index:1;} 
#about p a {white-space:nowrap; -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg);}

#twitter_div {display:none;}
#twitter_div ul {padding:0; margin:0;}
#twitter_div li {list-style:none; border-bottom:#333 1px solid; margin:8px 0; padding:5px 0 1.8em; position:relative; overflow:hidden; text-shadow:0 0 3px #202020; color:#999;}
#twitter_div li:hover {text-shadow:none; -webkit-transition-property:text-shadow, color; -webkit-transition-duration:1s; color:#202020;}
#twitter_div li:first-child {font-size:1.4em; border-width:2px; text-shadow:none; color:#202020;}
#twitter_div li:first-child a {text-shadow:none !important;}
#twitter_div li span {word-wrap:break-word;}
#twitter_div li span:first-child {display:block;}
#twitter_div li > a {position:absolute; right:0; bottom:2px; letter-spacing:2px; line-height:1; text-transform:uppercase; font-size:0.7em !important; color:#666;border:none; cursor:default;}
#twitter_div li:hover > a {color:#333;}
#twitter_div li span a {text-align:left; display:inline; position:static; word-wrap:break-word; text-shadow:0 0 3px #036da7;}
#twitter_div li:hover span a {text-shadow:none;}

/********* F O O T E R **********/
/*#footer {width:100%; background:#000; position:fixed; _position:static; bottom:0; height:33px; text-align:center; -moz-box-shadow:0 -3px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 -3px 20px rgba(0, 0, 0, 0.7); z-index:99; font-size:1.2em; font-family:Arial; opacity:0.87; filter:alpha(opacity=87);}
#footer .tag {color:#fff; font-weight:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:1px;}
#footer strong {line-height:33px; margin-right:7%; display:inline-block; font-weight:normal;}
#footer strong.lastItem {margin-right:0;}*/

#footer {width:100%; background:#000; position:fixed; bottom:0; height:5px; -moz-box-shadow:0 -2px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 -2px 3px rgba(0, 0, 0, 0.7); z-index:999; opacity:0.9; font-size:0.8em; letter-spacing:1px; font-family:Arial;}
#footer #contactWrapper {width:80%; min-width:990px; max-width:1100px; margin:0 auto; position:relative;}
#footer #contact {width:20em; height:11em; position:absolute; top:-9em; left:20px; background:#000; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
#footer #contact h6 {margin:-19px 0 0; font-size:1.4em; background:#000; padding:1px 25px 4px 10px; float:left; cursor:pointer; letter-spacing:3px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-box-shadow:0px -2px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px -2px 3px rgba(0, 0, 0, 0.7); color:#999;}
#footer #contact:hover h6 {color:#fff;}
#footer #contact.up{-moz-box-shadow:0px -2px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px -2px 3px rgba(0, 0, 0, 0.7);}
#footer #contact h6.down {background:#000 url(/images/arrow.png) no-repeat 91% -31px;}
#footer #contact h6.up {background:#000 url(/images/arrow.png) no-repeat 91% 4px;}
#footer #contact p {margin:10px 0 10px 10px; color:#666; font-style:italic;}
#footer #contact p a {font-style:normal;}
#footer #contact p a:hover {border:none; color:#fff;}
#mask {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.45; filter:alpha(opacity=45); z-index:777; display:none;}

/*
#content h3#pandoraHeader {margin-top:35px;}
#pandoraTitleSongs, #pandoraFooterSongs {display:none;}
#pandoraContentSongs + #pandoraContentSongs {display:none;}
#pandoraContentSongs {margin-top:15px; display:block;}
.blogrollitemSongs {height:4em; border-bottom:1px solid #202020; margin-bottom:10px;}
#pandoraAlbumArtSongs img {float:left; margin-right:20px;}
#pandoraArtistSongs i {font-style:normal; font-size:0.9em; color:#666;}


#google_translate_element {position:absolute; right:10px; top:0; font-family:Lucida Grande, Trebuchet MS, Geneva, Verdana; font-size:0.9em;}
#google_translate_element span {display:none;}
#google_translate_element select {padding:2px 0; color:#202020; letter-spacing:1px; font-size:1.1em;}
#google_translate_element option {color:#202020;}
#google_translate_element .skiptranslate {position:relative;}
#google_translate_element h6 {color:#fff; position:absolute; top:-4px; left:0; background:#666; font-size:1.2em; padding:1px; font-weight:normal; font-family:Lucida Grande, Trebuchet MS, Geneva, Verdana;}
*/