/* --------------------------
zefrey may 2009
-------------------------- */

* {
margin:0;
border:0;
padding:0;
}

body {
background:#111;
font:normal 11px/15px "Lucida Grande", arial,verdana,sans-serif;
color:#ccc;
}

a:link, a:visited {
text-decoration:underline;
color:#f7f7f7;
}
a:hover, a:hover:visited, a.on {
text-decoration:underline;
color:#c00;
}
/* kill outline on links */
:active {
border: 0;
}
:focus {
outline: 0;
}

/* fonts text */
h1 {
font-size: 14px;
color:#c00;
}
h1, h2, h3, p {
padding-bottom:12px;
}
h2 {
font-size: 13px;
color:#c00;
}

strong {
font-size:12px;
color:#f7f7f7;
}

/* page stuff */
#holder {
width:960px;
margin:15px auto;
}
#logo {
margin-left:40px;
}
#page {
margin-top:15px; 
}

#flashContent {
}

/* logo */
a.title {
display:block;
width:432px;
height:60px;
overflow:hidden;
background:transparent url(../_img/logo.gif) no-repeat 0 0;
text-indent: -500px;
}
a.title:hover {
background:transparent url(../_img/logo.gif) no-repeat 0 -60px;
}


/* nav */
#nav {
margin-top:5px;
margin-left:50px;
}
#nav ul li {
list-style: none;
display: inline;
}
#nav ul li a {
padding:2px 10px 2px 10px;
font-size:12px;
text-decoration: none;
}

#nav ul li a.ext {
background:transparent url(../_img/out_link.gif) no-repeat 106px 5px;
padding-right:20px;
}
#nav ul li a:hover.ext {
background:transparent url(../_img/out_link_o.gif) no-repeat 106px 5px;
}

.leftCol, .rightCol {
width:440px;
padding:15px;
float:left;
}
.rightCol {
padding-left:30px;
}

/* projects page */
.leftColProj {
width:250px;
padding:15px;
float:left;
}
.rightColProj {
width:630px;
padding:15px;
float:left;
padding-left:30px;
}
.rightColProj img {
padding-bottom:5px;
}

div.projItem {
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom:1px dotted #f7f7f7;
}
div.projItem a {
text-decoration: none;
}

.imgTitle {
text-align: right;
}

span.thumbs img {
padding:5px;
}

.links {
width:280px;
float:left;
padding:10px;
}

#footer {
width:100%;
clear:both;
text-align:right;
color:#666;
font-size:9px;
border-top:1px dotted #333;
padding-top:5px;
}
#footer p {
padding-right:10px;
}


/* video page */
.singleCol {
width:320px;
float:left;
padding-top:15px;
}
.videoInfo {
clear:both;
height:105px;
border-bottom: 1px dotted #f7f7f7;
margin-bottom:12px;
}
.last, div.projItem.last {
border:0;
}
.videoThumb {
float:left;
padding-left:5px;
}
.videoDesc {
float:left;
padding:4px 0 0 10px;
}
#videoPlayer {
float:right;
padding-top:140px;
padding-right:10px;
}

div.videoDesc a {
display:block;
position: relative;
background:transparent url(../_img/watch-video-butn.gif) no-repeat 0 0;
width:76px;
height:17px;
overflow:hidden;
}
div.videoDesc a:hover {
background-position: 0 -17px;
}

span.playing {
color:#c00;
font-size:10px;
position:relative;
top: -15px;
left: 82px;
}

/* contact page */
#page.contact {
margin-top:80px;
height:400px;
}
table {
border-collapse: separate;
border-spacing: 4px;
}
table tr td.names {
text-align:right;
vertical-align:top;
padding:2px 10px 0 0;
}
.error {
color:#c00;
}

input {
width:190px;
padding:2px;
text-align:left;
}
/* have to set this again for some reason */
textarea {
padding:2px;
font:normal 11px/15px "Lucida Grande", arial,verdana,sans-serif;
color:#000;
}

input.submit {
width:95px;
text-align:center;
background: #ccc;
}
input:hover.submit {
background:#c00;
color:#fff;
}

/* misc. */
.hr, .hrFull {
height:1px;
border-bottom: 1px dotted #f7f7f7;
width:50%;
padding-top:5px;
margin-bottom:10px;
clear:both;
}
.hrFull {
width:100%;
}

.clear {
clear:both;
}