/* ----- Master Style Sheet for David Purdie ----- */
/* ----- Author: Ableit - 0845 33 12 987  ----- */
/* ----- Year : 2007 ----------------- */
/* ----- CSS Document -----*/

/* -- body { background: url(images/background/main.jpg) repeat-x; margin:0; padding:0; text-align: center; font-family: 'Arial'; } -- */

body { background: #A6ABA4; margin:0; padding:0; text-align: center; font-family: 'Arial'; }
#wrapper { text-align: left; margin: 0px auto; margin-top: 15px; padding: 0px; border:0; width: 755px; background: url("images/background/filer.gif") repeat; } 
img { border: 0; }

/* -------- header style --------*/

#header { position: relative; height: 5em; background-color:#1F1F1F; width:100%; border-bottom: 2px solid #363533; }
.header-left { float: left;  padding: 30px 0 0 30px; }
.header-right { float:right; padding: 13px 30px 0 0; }

/* -------- menu style --------*/

#navlist li { display: inline; list-style-type: none; padding-right: 20px; }
#navlist li a { color: #ccc; font-weight: bold; font-size: 11px; text-decoration: none; }
#navlist li a:hover { color: #fff; }

/* -------- layout style --------*/

#container { margin-top: 15px; }
#side-a { float: left; width: 320px; background-color: #1F1F1F; padding: 0 10px 0 10px; }
#side-b { float: right; width: 182px; background-color: #1F1F1F; padding: 0 10px 0 10px; }
#content { float: left; width: 24%; background-color: #1F1F1F; padding: 0 10px 0 10px; border-right: 1px solid #333; border-left: 1px solid #333; }
 
#side-c { float: left; width: 335px; background-color: #1F1F1F; padding: 0 10px 0 10px; }
#content-b { float: left; width: 50%; background-color: #1F1F1F; padding: 0 10px 0 10px; border-left: 1px solid #333; }
 

#gallery-left { float: left; width: 45%; padding: 0px 20px 0px 20px; line-height: 1.5em; }
#gallery-right { float: right; width: 40%; padding: 0px 20px 0px 20px; border-left: 1px solid #484848; line-height: 1.5em; }
#gallery-full { width: 100%; }

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

/* -------- content style --------*/

h1 { font-weight: normal; font-size: 0.7em; color: #ccc; line-height: 1.7em; }
h2 { font-weight: normal; font-size: 0.1em; color: #ccc; }

a.content { color: #999; text-decoration: none; }
a.content:hover { text-decoration: underline; }

/* -------- gallery style --------*/

#gallery-results { width: 96%; margin: 10px 15px 0 15px; }

a.latest { color: #fff; text-decoration: none; }
a.latest:hover { text-decoration: underline; }
.pic-ref { font-size: 0.7em; color: #999; }

.pic-title { font-size: 1.3em; color: #fff; font-weight: bold; line-height: 2.0em; }
a.pic-title { font-size: 0.9em; color: #fff; font-weight: bold; text-decoration: none; }
a.pic-title:hover { text-decoration: underline; }

a.pic-info { font-size: 0.7em; color: #fff; font-weight: bold; text-decoration: none; }
a.pic-info:hover { text-decoration: underline; }

.pic-description { font-size: 0.7em; color: #999; line-height: 1.6em; }

/* -------- footer style --------*/

#footer { border-top: 2px solid #383838; height: 12px; clear:both; }
.footer-left { float: left; }
.footer-right { float: right; }
.footer { padding: 10px; font-size: 0.6em; color: #999; }
.footer a { text-decoration: none; color: #999; padding-left: 5px; padding-right: 5px; }
.footer a:hover { text-decoration: underline; }