/***** CSS DESIGN YORKSHIRE ver 3 ***** 
/***** CSS by Mike Archibald - 939 Design Limited *****/
/***** Last modified 01/09/08 *****/

html {font-size:62.5%;}
body{margin:0px;padding:0px;background:url(../img/background.jpg) 0 0 repeat-x #1d1e18;color:#222;font:1.2em/1.6em Verdana, Helvetica, Arial, sans-serif;}
div, p, ul, h1, h2, h3, h4, img, form, label{padding:0px;margin:0px;}

p {}
ul{}
ol{color:#99916D;}
a {text-decoration:underline;color:#ff9900;}
a:hover {text-decoration:none;color:#ff6600;}
a:visited {color:#ff9900;}
a:active {color:#ff6600;}

h1 {}
h2 {color:#fff;margin:10px 0 15px 0;}
h3 {color:#fff;margin:10px 0 5px 0;}
h4 {color:#fff;}
h5 {color:#fff;}

address {color:#fff;}

/*Images*/
img{border:0;}
img a{border:0;text-decoration:none;}
img a:hover{border:none;}

.imagefront{margin:0px 15px 15px 0;border:6px solid #cccc00;}
.imageleft{float:left;margin:10px 30px 20px 0;border:6px solid #cccc00;}
.imageright{float:right;margin:10px 10px 20px 30px;border:6px solid #cccc00;}
.imageleftnb{float:left;margin:0 20px 0 0;}
.imagerightnb{float:right;margin:0 0 0 10px;}

/*----WRAP----------------------------------------------------------------------------------------*/
#wrap{width:1000px;position:relative;margin:0 auto;padding:0px;}

/*Main NAV*/

/* Drop-down menu */
.dropnav {float:left;width:1000px;height:42px;border:none;background:#1d1e18 url(../img/nav-background.jpg) repeat-x;color:#FFF;font-size:110%;} 
.dropnav ul {list-style-type:none;}
.dropnav ul li {float:left;position:relative;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;border-right:solid 1px #444341;}
.dropnav ul li a {float:none !important /*Non-IE6*/;float:left /*IE-6*/;display:block;height:3.1em;line-height:3.1em;padding:0 16px 0 16px;text-decoration:none;color:#ff6600;}
.dropnav ul li ul {display:none;border:none;}
.dropnav ul li#home {border-left:solid 1px #444341;}

/* Non-IE6 */
.dropnav ul li:hover a {background:url(../img/nav-over.jpg) 0 0 repeat-x;color:#fff;text-decoration:none;}
.dropnav ul li:hover ul {display:block;width:12em;position:absolute;z-index:999;top:3.0em;margin-top:0.1em;left:0;}
.dropnav ul li:hover ul li a {display:block;width:12em;height:auto;line-height:1.3em;margin-left:-1px;padding:4px 16px 4px 16px;border-left:solid 1px #444341; border-bottom: solid 1px #444341;background-color:#000;font-weight:normal;color:#FFF;}
.dropnav ul li:hover ul li a:hover {background:url(../img/nav-over.jpg) 0 0 repeat-x;color:#ff6600;}

/* IE6 */
.dropnav table {position:absolute;top:0;left:0;border-collapse:collapse;}
.dropnav ul li a:hover {background:url(../img/nav-over.jpg) 0 0 repeat-x;color:#fff;text-decoration:none;}
.dropnav ul li a:hover ul {display:block;width:12em;position:absolute;z-index:999;top:3.1em;top:3.0em;left:0; margin-top:0.1em;}
.dropnav ul li a:hover ul li a {display:block;width:12em;height:1px;line-height:1.3em;padding:4px 16px 4px 16px; border-left:solid 1px #444341;border-bottom:solid 1px #444341;background-color:#000;font-weight:normal;color:#fff;}
.dropnav ul li a:hover ul li a:hover {background:url(../img/nav-over.jpg) 0 0 repeat-x;color:#ff6600;}

/*----Top PAN------------------------------------------*/
#topPan{clear:left;width:1000px;height:207px;background:url(../img/logo.jpg) right no-repeat;}

#intro {padding:70px 0 0 60px;}
#intro h2 {font-size:1.4em;}

/*----Main PAN------------------------------------------*/
#mainPan{width:1000px;background-color:#292a22;}

#mainPan h2 {font-size:1.4em;color:#fff;}
#mainPan h3 {font-size:1em;color:#ff6600;}
#mainPan p {color:#99916D;margin:0px 0 20px 0;}
#mainPan ul {color:#fff;margin:0px 0 5px 0px;}

/*google*/
#google_ads {clear:left;width:100%;margin:0px 0px 10px 0px;}

/*google2*/
#google_ads2 {clear:left;width:100%;margin:20px 0px 10px 0px;}

/*Site of Month*/
#month {width:680px;padding:10px 20px 0px 20px;background-color:#20211c;border:1px solid #fff;margin:0 0 20px 0;}

/*----Second PAN------------------------------------------*/
#secondPan{width:170px;background-color:#20211c;padding:16px;}
#subnav {background-color:#292a22;padding:0px 10px 10px 20px;border:1px solid #333;}

#secondPan h3{font-size:1em;}
#secondPan ul{list-style-type:none;}
#secondPan ul li{line-height:20px;}

#sponsors {margin:10px 0 0 0;}
#sponsors li {}
#sponsors li a {}

#blockads  {width:170px;margin:0px 0 0 0;padding:0px 0 0 0;}
#blockads li {display:inline;margin:0 2px 0 0;}

#buttons {width:170px;margin:0px 0 0 0;padding:0px 0 0 0;}
#buttons li {display:inline;margin:0 2px 0 0;}
#buttons li a {}


/*----Page PAN------------------------------------------*/
#pagePan{width:740px;margin:0 0 0 0px;float:right;padding:22px;background-color:#292a22;}
#pagePan ul {}

/* gallery*/
.screenshot img {height:120px;width:159px;}
.screenshot a:hover img {border:2px solid #FF6600;}

#gallerySites {clear:both;}
#gallerySites ul {list-style-type:none;}
#gallerySites li {float:left;display:inline;height:178px;width:178px;margin-right:7px;}
#gallerySites img {border:2px solid #fff;}
#gallerySites a:hover img {border:2px solid #FF6600;}

/*----Footer------------------------------------------*/
#footer {clear:both;width:100%;margin:0 auto !important;text-align:left;background:url(../img/footer-back.jpg) 0 0 no-repeat #272820;color:#FFFFFF;padding:0px;}
#footer p {clear:both;margin:0;padding:5px 10px}
#footer ul {float:left;margin:0 0px 0 0px;padding:20px 0px 20px 60px;line-height:1.5em;list-style-type:none;}
#footer a:link {color:#edc507;}
#footer a:hover {color:#34312C;padding:2px 0 2px 0;}
#footer a:visited {color:#FF9933;}

/*Classes*/
.hide {display:none;}
.clear,.clearer {clear:both;font-size:0;} 
.red {color:#cc0000;}
.highlight {color:#ff6600;}
.white {color:#fff;}
.grey {color:#999;}
.was {color:#999;text-decoration:line-through;}
.next {border-top:3px solid #cccc00;padding:5px 0 0 0;}
.small {font:0.8em/1.5em Verdana, Helvetica, Arial, sans-serif;}
.date {font-size:0.8em;padding-top:0px;color:#99916D;}
.code {font-family: mono;margin-left:20px;margin-right:20px;margin-top:20px;padding:10px;font-size:1.2em;border:1px dotted;}
.dark{color:#272820;font-weight:normal;}

/*----Form------------------------------------------*/
form {border:1px solid #666;padding:10px 10px 20px 10px;margin:20px 0 20px 0;}
int {background-color:#CCFF00;}
input {border:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:4px;}
textarea {}
label {margin:0px;color:#FFFFFF;}
#searchform {margin: 0px 0 10px 0px;border-bottom:1px solid #CCCCCC;padding:5px 0 10px 10px;background:#eee;width:205px;}
fieldset, contactform {border:none;}

/*-----------TABLES-----------*/
table,th,td{border:1px solid #666;border-collapse:collapse;}
table{border:none;border-top:1px solid #000;}
thead th{background:#ff9900;padding:5px 10px;font-size:100%;text-transform:uppercase;color:#fff;}
tbody td,tbody th{font-size:100%;padding:5px 10px;background:#20211c;color:#fff;}
tbody th{background:#ff6600;color:#fff;}
tbody tr.odd td{background:#fff;}
tbody tr.odd th{background:#fff;color:#666;}
tfoot td,tfoot th{border:none;padding-top:10px;}
caption{text-align:left;text-transform:uppercase;font-size:130%;padding:10px 0;color:#fff;}
table a:link{color:#ff6600;}
table a:visited{color:#cccc00;}
table a:hover{color:#fff;text-decoration:none;}
table a:active{color:#fff;}


/*-----------LIGHTBOX2-----------*/
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{ border:none; }
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url(../logos/blank.gif) no-repeat; /* Trick IE into showing hover */display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../logos/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../logos/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{	padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px;float:right; padding-bottom:0.7em;}	
#overlay{position:absolute;top: 0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
* html>body .clearfix {display:inline;width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {position:absolute;z-index:1000;width:220px;background:#333333;border:2px double #fff;text-align:left;padding:10px;min-height:1em;}
body div#toolTip p {margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif;}
body div#toolTip p em {display:block;margin-top:3px;color:#99916D;font-style:normal;font-weight:bold;}
body div#toolTip p em span {font-weight:bold;color:#fff;}