/*-- Website: Ant-Online.com --*/
/*-- Style Sheet: Default --*/
/*-- Author: Antony Howlett --*/

/* -- Fundamental Components -- */
body {
 position:relative;
 margin:0;
 padding:25px 0;
 font-size:80%;
 font-family:'Trebuchet MS',Arial,Sans-Serif;
 color:#000;
 background:#333 url('../images/pattern.jpg') repeat fixed left top;
}
a#toplink {position:absolute; top:0; left:0;}

h1 {
 margin:0;
 padding:4px 0 1.2em 0;
 font-size:2.8em;
 color:#666;
 background:#fff url('../images/back-h1.gif') no-repeat left 62px;
}
h2 {
 margin:0;
 padding:0 0 0.5em 0;
 font-size:1.4em;
 color:#cc9;
 background:#fff;
}
h3 {
 margin:0;
 padding:0;
 font-size:1.2em;
 color:#bbb;
 background:transparent;
}
h4 {
 margin:0;
 padding:0;
 font-size:1em;
 color:#ccc;
 background:#fff;
}
p {
 margin:0;
 padding:0 0 1.1em 0;
 font-size:1em;
 line-height:1.8em;
}

ul,ol {
 margin:0;
 padding:0 0 1.1em 3em;
}
ul li,ol li {
 padding:0 0 0.3em 0;
}

table,table tr,table tr th,table tr td {
 font-size:1em;
}
table tr th,table tr td {
 padding:2px;
 text-align:left;
}
table {
 margin:0 0 1em 0;
}
table tr th {
 font-weight:normal;
 vertical-align:top;
}

form {
 margin:0;
 padding:0;
}
input,textarea {
 font-family:'Trebuchet MS',Arial,Sans-Serif;
 font-size:12px;
 border:1px solid #ccc;
 color:#666;
 background:#f6f6f6;
}
input:hover,textarea:hover {
 border:1px solid #cc9;
}
input.button {
 padding:3px 30px;
 font-weight:bold;
 border:3px solid #eee;
 color:#fff;
 background:#cc9 url('../images/back-button.gif') no-repeat left top;
}
input:hover.button {
 cursor:pointer;
 color:#fff;
 background:#bb7 url('../images/back-button-hover.gif') no-repeat left top;
}
div.row {
 text-align:right;
 padding-bottom:5px;
}
div.row label {
 color:#000;
 padding-right:5px;
}
div.row input {
 width:150px;
}

a {
 text-decoration:none;
 border-bottom:1px dashed #666;
 color:#bb8;
 background:#fff;
}
a:hover {
 border-bottom:1px solid #666;
 color:#000;
 background:#fff;
}

img {
 margin:0;
 border:0;
}

div#holder,div#holder-about,div#holder-portfolio,div#holder-cv,div#holder-services,div#holder-skills,div#holder-contact {
 clear:both;
 width:990px;
 margin:0 auto;
}

/* -- Clear Float -- */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}

/* -- Common Styles -- */
.hide {display:none;}
.centreimage {display:block; margin:0 auto;}
.right {float:right;}
.left {float:left;}
.poparrow, .poparrow:hover {padding-right:17px; background:url('../images/poparrow.gif') no-repeat right 2px;}

/* -- Navigation -- */
ul#nav {
 width:235px;
 float:left;
 font-size:1.2em;
 margin:0;
 padding:0;
 list-style:none;
}
ul#nav li {
 margin:0;
 padding:0;
 background:url('../images/back-nav.gif') repeat-x left top;
}
ul#nav li a {
 display:block;
 padding:17px 20px 17px 55px;
 margin:0;
 font-weight:bold;
 border-right:5px solid #eee;
 border-bottom:0;
 color:#666;
 background:url('../images/back-nav-icon.gif') no-repeat 15px 15px;
}
ul#nav li a:hover {
 color:#000;
 border-right:5px solid #ddd;
 background:#f6f6f6 url('../images/back-nav-icon.gif') no-repeat 15px 15px;
}

div#holder-about a#about,div#holder-portfolio a#portfolio,div#holder-skills a#skills,div#holder-cv a#cv,div#holder-services a#services,div#holder-contact a#contact {
 border-right:5px solid #cc9;
 background:#f5f5e7 url('../images/back-nav-icon.gif') no-repeat 15px 15px;
}

/* -- Header -- */
div#header {
 position: relative;
 height:250px;
 padding:0;
 border:15px solid #eee;
 background:#fff;
 overflow: hidden;
}
div#header a {
 border:0;
}
a#logo {
 display:block;
 width:250px;
 height:130px;
 position: absolute;
 bottom: -15px;
 left: 0;
 z-index: 999;
 background: url("../images/logo.png") no-repeat left top;
}
a#logo span {display:none;}
div#time {
 float:right;
 width:300px;
 text-align:right;
 margin:15px 15px 0 0;
 font-weight:bold;
 font-size:1.1em;
 color:#ccc;
}
span#digitalclock {
 font-size:1.2em;
}
div#banner {
 float:right;
}
div#copyright {
 position:absolute;
 top:0;
 right:0;
 padding:10px;
 z-index:999;
 color: #ccc;
 font-size:10px;
 text-align:right;
}

/* -- Content -- */
div#content {
 padding:0;
 border:1px solid #eee;
 border-width:0 15px;
 background:#fff;
}
div#rightcol {
 width:515px;
 float:left;
 margin:0 15px;
 padding:15px;
}
div#ads,div#extra {
 width:120px;
 float:left;
 padding:15px 0;
}
div#extra a#share {background:url('../images/icon-share.gif') no-repeat right top;}
div#extra a#clients {background:url('../images/icon-clients.gif') no-repeat right top;}
div#extra a#quote {background:url('../images/icon-quote.gif') no-repeat right top;}
div#extra a#home {background:url('../images/icon-home.gif') no-repeat right top;}
div#extra div#extralinks {padding-bottom:7px; background:url('../images/divider.gif') no-repeat center bottom;}
div#extra a.extralink {
 display:block;
 margin:0 0 5px 0;
 padding:2px 25px 2px 5px;
 font-weight:bold;
 text-align:right;
 text-transform:uppercase;
 border:0;
}
div#extra div.quoteholder {padding-top:10px; background:url('../images/quote-right.gif') no-repeat right bottom;}
div#extra p.quote {padding:20px 0; text-align:center; color:#bb8; background:url('../images/quote-left.gif') no-repeat left top;}
div#extra p.author {padding-top:5px; text-align:center; font-size:0.9em; color:#666;}
span.flash {
 color:#666;
 padding:15px;
 font-size:1.5em;
}
p#signature {
 text-align:right;
}

div#sectionlinks {float:right; width:200px; margin:0 0 10px 10px;}

div.projecttop {margin-bottom:10px; background:#f6f6f6;}
div.projectbottom {background:#f6f6f6;}
div.projectcontent {padding:15px; border:3px solid #eee; color:#333; background:#f6f6f6;}
div.projectcontent img {display:block; margin:0 0 10px 10px; border:1px solid #eee;}
div.projectcontent a, div.projectcontent a.poparrow {background-color:#f6f6f6;}
div.projectcontent p.summary {margin:0; padding:0; color:#000;}

p.jumptotop {
 padding:0;
 text-align:right;
}
table#accesskeyinfo tr th {
 font-weight:bold;
 border-bottom:1px solid #fff;
}
table#accesskeyinfo tr th#accesskeys {
 padding-right:15px;
}
img#antony {
 border:3px solid #eee;
 margin:0 0 0 15px;
}
a#download-cv {
 display:block;
 width:275px;
 margin:0 auto 1em auto;
 padding:45px 30px 25px 30px;
 border-bottom:none;
 font-weight:bold;
 font-size:1.4em;
 color:#cc9;
 background:url('../images/download-cv.gif') no-repeat left top; 
}
a#download-cv:hover {
 color:#000;
 background:url('../images/download-cv.gif') no-repeat left top; 
}

table#contactform input.textinput, table#contactform select#budget {width:200px;}
table#contactform textarea#message {width:350px; height:150px;}
table#contactform img#captcha {float:left;}
table#contactform div#securitytools {width:22px; float:left; padding-left:7px;}
table#contactform div#securitytools a {border:0;}

/* -- Client Area -- */
table#clientarea tr th {vertical-align:middle;}
table#clientarea tr td, table#addsheet tr td {padding:5px;}
table#clientarea tr#button-holder td, table#addsheet tr#button-holder td {text-align:right;}
input#client, input#newuser, input#newpass {width:185px;}
input#completed, input#timespent {width:165px;}
table#docs, table#sheets {width:100%; margin:0 0 2em 0;}
table#docs tr th, table#sheets tr th {padding:5px; font-weight:bold; border-bottom:1px solid #ddd; color:#000; background:#eee;}
table#docs tr td.filename {font-weight:bold; color:#666;}
table tr th.textcenter, table tr td.textcenter {text-align:center;}
table#docs tr td, table#sheets tr td {padding:5px; border-bottom:1px solid #eee; color:#999;}
table#docs tr td a {font-weight:bold; background:none;}
table tr#totals td {font-weight:bold; border-top:1px solid #eee;}

/* -- Footer -- */
div#footer {
 padding:0 15px 0 0;
 border:15px solid #eee;
 font-size:0.9em;
 text-align:right;
 color:#666;
 background:#fff;
}
div#footer a {
 color:#666;
 background:#fff; 
}
div#footer div#logos {
 float:left;
}
div#footer div#validation {
 padding:20px 0;
}