/*
    Created by chris a. telfer
    E-Mail: dontbothertoemailme@home.com
    Date: 17/04/09
*/


/*
------------------------------------------
-----------GENERAL LAYOUT-----------------
------------------------------------------
*/

body,html {font-family: Arial, Helvetica, sans-serif;background:#000;}

#header {background-image: url(/images/head_round.gif); repeat-x;height:47px; width:940px;}
#mid {background-image: url(/images/middle.gif); repeat-x;width:940px;}
#bottom {background-image: url(/images/bottom_round.gif); repeat-x;height:51px; width:940px;}

#content {margin-left:40px;width:860px;height:370px; position: relative;
 background-image: url(/images/background_blank.jpg); repeat-x;}/*background image stored in page head*/
#menu {height:70px; margin-left:40px;}
#logo {position: relative; padding: 0 0 0 15px; margin:0; height: 30px; }
  img#logos {position: absolute; top: 10px; left:25px; }

#right_col {position:absolute; top: 20px; right: 20px; height: 30px; width: 260px;margin:0 0 0 10px; padding:0;}

/* main menu */

/* navigation
----------------------------------------------- */
#navcontainer { margin: 25px 0 0 0;   paddings:s 15px;   float:right;width:555px; }
#nav {   margin: 0;   padding: 0;   height: 35px;   list-style: none;   display: inline;   overflow: hidden;   }
#nav li {   margin: 0;   padding: 0;   list-style: none;   display: inline;   }
#nav a {   float: left;   padding: 35px 0 0 0;   overflow: hidden;   height: 0 !important;   height /**/:35px; /* for IE5/Win only */   }
#nav a:hover {   background-position: 0 -35px;   }
#nav a:active, #nav a.selected {   background-position: 0 -35px;   }

#thome a  {   width: 70px;   background: url(/images/tab_home.gif) top left no-repeat;   }
#tbio a  {   width: 100px;   background: url(/images/tab_bio.gif) top left no-repeat;   }
#tresume a  {   width: 85px;   background: url(/images/tab_resume.gif) top left no-repeat;   }
#tgallery a  {   width: 76px;   background: url(/images/tab_gallery.gif) top left no-repeat;   }
#tshowreel a  {   width: 96px;   background: url(/images/tab_showreel.gif) top left no-repeat;   }
#tcontact a  {   width: 127px;   background: url(/images/tab_contact.gif) top left no-repeat;   }


#pane {background: #0076a3;}

/*
------------------------------------------
--------------HOMEPAGE--------------------
------------------------------------------*/
.tmp { height:350px;margin:0 0 0 -30px; padding: 10px; background: #000; filter:alpha(opacity=80);
 opacity:.80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.tmp h1 {font-size: 35px; color:#fff;}
.tmp p {color:#fff;}

/*------------------------------------------
-------------TYPOGRAPHY-------------------
------------------------------------------
*/


h1 {margin: 0; padding:0;font-size: 35px ; font-weight:bold;color: #000;}
h2 {font-size: 27px;font-weight:bold;color:#454544; margin: 0; padding: 0;}
h3 { font-size: 20px;padding:0; margin:0;color: #74534C;}
h4 { font-size: 16px;padding:0; margin:0;color: #000000;font-weight:bold;}
p { margin-bottom: 10px; color:#454544; line-height:1.4em; font-size:16px;}
a:link {color: #2D2D2D;text-decoration: none; }
a:visited {color: #2D2D2D; text-decoration:none;}
a:hover {text-decoration: underline; color:#2586B0;}
a:active { text-decoration: none; }
ul, li {list-style-type:none; color: #000;}
a:link { color: #2586B0;text-decoration: none; }
a:visited { color: #2586B0; text-decoration:none;}
a:hover { text-decoration: underline; color:#2586B0;}
a:active { text-decoration: none; }
strong { font-weight: bold; }

ul#resume_menu {margin:-15px 0 0 15px;}
#femi_chair {position:absolute; top: 173px; right: -20px; margin:0 0 0 10px; padding:0;}
#femi_standing {position:absolute; top: 70px; right: -20px; margin:0 0 0 10px; padding:0;}
#femi_smiling {position:absolute; top: 208px; right: -0px; margin:0 0 0 10px; padding:0;}
#work_status {position:absolute; top: 258px; right: 90px; margin:0 0 0 10px; padding:0;}

table {color: #fff;}
td {padding:5px;}
table  ul, table li {color: #fff; }

table th {padding-left:5px; }
.thumbnail {float: left;width: 80px;border: 1px solid #999;margin: 0 10px 10px 0;padding: 5px;}
.showreel_thumb {float: left;width: 60px;border: 1px solid #b4b4b4;margin: 0 10px 10px 0;padding: 5px;}
.showreel_thumb {font-size: 12px;}



/* Contact form
-------------------------------------------------------------- */
ul#contact_form li{margin-top:10px; font-weight:normal;color:#fff;}
ul#contact_form label {margin-bottom:15px;line-height:1.4;}
#contact_form textarea,#contact_form input {border:1px solid #E1E1E1; }
#contact_form textarea{width:350px;}
#contact_form input {height:25px; font-size:18px; width:350px;}
li#send_button input{ width:70px; font-weight:normal;height:30px;background:#0076a3; color:#fff;}
#form {margin-top: 100px; height:200px; width:100%; font-size:18px;}

.rssThumbFloat {float:left; margin: 5px 5px 0 0 }