/* 
Title: Travis Flournoy
Author: team A design 
www.GoTeamA.com
*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

html, body { height:100%; }

body { background:#8cb9ca; font:normal 100% "Trebuchet MS", Tahoma, Helvetica, Arial, Verdana, sans-serif; color:#333; }

a:link, a:visited { color:#fff; }
a:hover, a:active { color:#c00; }

div#page {  position:relative; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; }

div.container { width:100%; text-align:center; }

div#header { background:#dbe7ec url(../img/bg/header.gif) bottom repeat-x; height:130px; }
div#header h1 { background:url(../img/travis-flournoy-editor.png) no-repeat; text-indent:-9999px; width:201px; height:67px; margin:25px 0 0; float:right;}

ul#nav li { float:left; text-align:center; font-size:1.125em; }
ul#nav li a, ul#nav li a:visited { display:block; width:132px; height:30px; padding-top:100px; background:url(../img/bg/nav-bg.gif) no-repeat; color:#39c; }
ul#nav li a:hover, ul#nav li a:active, ul#nav li#current a { height:50px; padding-top:80px; background:url(../img/bg/nav-bg.gif) no-repeat 0 -130px; color:#069 }

/*clips*/

div#main { background:#8cb9ca url(../img/bg/video-stripe.gif) top repeat-x; padding:35px 0; min-height:300px; }

div.content { width:800px; position:relative; margin:0 auto; text-align:left; }
div#single { text-align:center; padding:0 100px; width:600px; }

div.clip { width:600px; float:left; padding:0 0 40px; }

div.clip h2, div.content h2 { color:#069; font-size:1.125em; font-weight:normal; font-style:italic; text-align:left; margin:20px 0 0; }
div.clip h3 { color:#333; font-size:1em; font-weight:normal; margin:5px 0; }
div.clip p { color:#555; font-size:.875em; line-height:1.25em; }

ul#thumb { float:right; }
ul#thumb li { width:140px; height:90px; overflow:hidden; margin:0 0 25px; }

ul#thumb li a span { color:#036; padding:2px 5px; }
ul#thumb li a:hover span { background:#fff; }

ul#thumb li a, ul#thumb li a:visited { display:block; width:140px; height:90px; }
ul#thumb li a:hover, ul#thumb li a:active, ul#thumb li.selected a { background-position:0 -90px; }

li#beirut-thumb a { background:url(../assets/features/thumbs/july-war.jpg) no-repeat; }
li#rebel-thumb a { background:url(../assets/features/thumbs/rebel-yell.jpg) no-repeat; }
li#jay-thumb a { background:url(../assets/features/thumbs/jay.jpg) no-repeat; }

li#se401-thumb a { background:url(../assets/tv/thumbs/SE-401.jpg) no-repeat; }
li#se405-thumb a { background:url(../assets/tv/thumbs/SE-405.jpg) no-repeat; }
li#se410-thumb a { background:url(../assets/tv/thumbs/SE-410.jpg) no-repeat; }

li#leswitch-thumb a { background:url(../assets/music-videos/thumbs/another-world.jpg) no-repeat;  }
li#sara-thumb a { background:url(../assets/music-videos/thumbs/dear-someone.jpg) no-repeat; }
li#clock-thumb a { background:url(../assets/music-videos/thumbs/vomit-mirrors.jpg) no-repeat; }

/*bio*/

div#bio { padding:80px 0 50px; }
div#bio p { font-size:1.125em; line-height:2.25em; width:50%; margin-bottom:30px; }
div#bio p em { color:#069; font-style:normal; }
p.left { float:left; }
p.right { text-align:right; float:right; }

/*footer*/

div#footer, div.push { height:80px; clear:both; }
div#footer { background:#3d798f url(../img/bg/video-stripe.gif) top repeat-x; padding:30px 0; font-size:.875em; line-height:1.25em; }

div#footer ul li { display:inline; color:#ccc; padding:0 5px 0 0; }
div#footer ul li:after { content:" | "; }
div#footer ul li:last-child:after { content:" "; }

div#footer a, div#footer a:visited { color:#ccc; }
div#footer a:hover, div#footer a:active { color:#999; }