/* CSS Document */
/* written by Luke Chambers / Flickerbox Creative - www.flickerbox.com.au */


body, html { margin:0; padding:0; background-color: #1e1e1e; color:#000; font-family:Arial, Helvetica, sans-serif; }
body { min-width:750px; }

#wrap { margin:0 auto; width:750px; background: url(../images/bg.gif) center repeat-y; }

#header { height: 81px; background: url(../images/jarrah.gif) center no-repeat; }
#header h1, #header h2 { display:none; }
	
a:link, a:hover, a:visited { color: #ff9130; }


/* Global Nav */	

#globalnav { position: relative; margin: 0px auto; padding: 3px; width: 621px; height: 25px; }
#globalnav li { height: 25px; position: absolute; top: 2px; background: url(/images/globalnav.gif) 0 0 no-repeat; display: block; list-style: none; }
#globalnav a { height: 25px; display: block; border: solid 0px #fff; }
#globalnav a:hover { border: solid 0px #000;}

#globalnav #panel1c {left: 0px;}
#globalnav #panel2c {left: 99px; background-position: -99px 0;}
#globalnav #panel3c {left: 178px; background-position: -178px 0;}
#globalnav #panel4c {left: 263px; background-position: -263px 0;}
#globalnav #panel5c {left: 388px; background-position: -388px 0;}
#globalnav #panel6c {left: 498px; background-position: -498px 0;}

#globalnav #panel1c {width: 99px; }
#globalnav #panel2c {width: 79px;}
#globalnav #panel3c {width: 85px;}
#globalnav #panel4c {width: 125px;}
#globalnav #panel5c {width: 110px;}
#globalnav #panel6c {width: 123px;}

#globalnav #panel1c a:hover {background: url(/images/globalnav.gif) 0px -25px no-repeat;}
#globalnav #panel2c a:hover {background: url(/images/globalnav.gif) -99px -25px no-repeat;}
#globalnav #panel3c a:hover {background: url(/images/globalnav.gif) -178px -25px no-repeat;}
#globalnav #panel4c a:hover {background: url(/images/globalnav.gif) -263px -25px no-repeat;}
#globalnav #panel5c a:hover {background: url(/images/globalnav.gif) -388px -25px no-repeat;}
#globalnav #panel6c a:hover {background: url(/images/globalnav.gif) -498px -25px no-repeat;}

/* About */ #about_pg #globalnav #panel1c a {background: url(/images/globalnav.gif) 0px -25px no-repeat;}
/* News */ #news_pg #globalnav #panel2c a {background: url(/images/globalnav.gif) -99px -25px no-repeat;}
/* Work */ #work_pg #globalnav #panel3c a {background: url(/images/globalnav.gif) -178px -25px no-repeat;}
/* Gallery */ #gallery_pg #globalnav #panel4c a {background: url(/images/globalnav.gif) -263px -25px no-repeat;}
/* Extras */ #extras_pg #globalnav #panel5c a {background: url(/images/globalnav.gif) -388px -25px no-repeat;}
/* Contact */ #contact_pg #globalnav #panel6c a {background: url(/images/globalnav.gif) -498px -25px no-repeat;}


/* Local Nav */

#localnav { position: relative; width:621px; margin: auto; margin-top: 3px; display:block; height:15px; background-color: #333333; text-align:right; font-weight:bold; font-size:12px; text-transform:uppercase; padding-right: 2px; }
	
#localnav a{ color: #fff; text-decoration:none; }
	
#localnav a#about {color: #9cf224;}
#localnav a#work {color: #6726EB;}
#localnav a#news {color: #F22488;}
#localnav a#gallery {color: #21B3D3;}
#localnav a#extras {color: #FF9130;}
#localnav a#contact {color: #F5FF50;}

#localnav a#about:hover {color: #fff;}
#localnav a#work:hover {color: #fff;}
#localnav a#news:hover {color: #fff;}
#localnav a#gallery:hover {color: #fff;}
#localnav a#extras:hover {color: #fff;}
#localnav a#contact:hover {color: #fff;}


/* Body section of page */

#main { float:left; width:435px; margin-top: 10px; margin-left: 65px; min-height: 350px; }
#mainwide { position: relative; width:621px; padding: 3px; margin: auto; margin-top: 10px; min-height: 350px; }
#main h2, #main h3, #main p, #mainwide h2, #mainwide h3, #mainwide p { padding:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; }
#main h2, #mainwide h2 { font-size:13px; color: #fff; text-transform: uppercase; }
#main h3, #mainwide h3 { font-size:20px; color: #fff; text-transform:uppercase; }
#main h4, #mainwide h4 { font-size:12px; color: #fff; }
#main p, #mainwide p, #sidebar p { font-size:11px; color: #999999; text-transform: none; font-weight:normal; }
#main ul li, #mainwide ul li { font-size:11px; color: #646464; text-transform: none; font-weight:normal; }
#mainwide a img { border: 0px; }


/* Right side bar */

#sidebar { position: relative; float:right; width:175px; margin-top: 10px; margin-right: 69px; }
#sidebar ul { margin-bottom:0; }
#sidebar h3, #sidebar p { padding:0 10px 0 0; }



 /*  Vertical menu in right side bar */

#vertmenu { font-family: Arial, Helvetica, sans-serif; font-size: 100%; width: 173px; padding: 0px; margin: 0px; margin-top: 30px; position: absolute; }
#vertmenu h1 { display: block; background-color:#818181; font-size: 12px; text-align:center; padding: 3px 0 5px 3px; border: 1px solid #000000; color: #000000; margin: 0px; width:173px; }
#vertmenu ul { list-style: none; margin: 0px; padding: 0px; border: none; }
#vertmenu ul li { margin: 0px; padding: 0px; }
#vertmenu ul li a { font-size: 10px; display: block; border-bottom: 1px dashed #666666; border-left: 2px solid #262425; padding: 5px 5px 2px 5px; 
text-decoration: none; color: #999; width:165px; }
#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #fff; background-color: #262425; border-left: 2px solid #FF9130; }

#rss { position: relative; padding-left: 30px; background: url(/images/rss.gif) 10px 0px no-repeat; height: 20px; }



 /*  General page body elements */

 img.sidebarpic { background: #fff; border: 1px solid #ccc; display: block; margin: 20px 0px 5px 0px; padding: 4px; position: relative; }

div.newsitem img { float: left; display: inline; margin-right: 15px; margin-bottom: 10px; width: 110px; }

.newsitem {
border-bottom: 1px dashed #818181;/*the border*/ width: 100%;
float: left;
clear: left;
padding: 10px 0 0 0;
}
p.botnav { clear: both; padding-top: 30px; }

.postedon, .postedon p { 
line-height: 6px; 
font-size: 10px; 
color:#3300FF; 
}


div.row { clear:both; }
div.row span.label { float: left; width: 100px; text-align: right; }
div.row span.formw { float: right; width: 310px; text-align: left; }
div.row span.left { float: left; text-align: left; font-weight: bold; color: #fff; width: 49%; }
div.row span.right { float: right; text-align: right; font-weight: bold; color: #fff; width: 49%; }
div.container { border: 1px dashed #666; background-color: #f9f9f9; }
div.float { width: 120px; padding: 10px; float: left; }
div.spacer { clear: both; }
div.float img { margin-left: 5px; }
div.float p {   font-size: 9px; text-align: center; }
div.discuss {background: #F8F7EF url(/images/comment.gif) 10px 1.75em no-repeat; border: 1px dashed #fff; border-width: 1px 0;}
div.discuss h2, #content .discuss p {padding: 0 0 0 70px; margin: 0;}
div.discuss h2 {padding-top: 0.5em; border-top: 5px solid #333;}
div.discuss p {padding-bottom: 0.75em; border-bottom: 5px solid #333;}



 /* Search Form */

#search, #searchhome { background-color: #818181;  color: #000;  border: 1px solid #000; font-size: 10px; text-align: left; width: 178px; height: 20px; padding: 3px 0px 3px 0px; }
#searchhome { width: 620px; margin-top: 7px; }
#search .theInput, #searchhome .theInput { font-size: 11px; width: 110px; margin-left: 5px; border: 1px solid #777777; }
#search .theSubmit, #searchhome .theSubmit { font-size: 10px; background-color: #333333; color: #FFFFFF; margin-left: 5px; }

.searchitem {margin-left:20px;}

/* Comments form and display */

#txpCommentInputForm { clear: both; }
#txpCommentInputForm h2{ width: 415px; padding: 5px; margin: 0px auto; }
p#txpCommentInputForm { font-size: 10px; color: #a85728; }
#txpCommentInputForm input .button{ float: right; width: 425px; text-align: left; }

span.label{ font-size: 10px; color: #fff; }

.commentform { width: 415px; background-color: #333333; border: 1px dotted #666; padding: 5px; margin: 0px auto; }

input.formw { border: 1px solid #000; }

ol { font-size: 9px; color: #fff; padding: 5px; margin: auto; margin-left: 5px; }
ol.comments li small { font-size: 9px; color: #999; padding: 5px; margin: auto; }

.commentdisplay { background-color: #333333; border: 1px dotted #666666; padding: 5px; margin: auto; }

hr { border: none 0;  }


/* Index page image */

.img-refresh { height: 375px; margin: 0; padding: 0; clear: left; }
div.img-index { background: transparent url(splash.jpg) top left no-repeat; }

.lastupdated { margin-left: 20px; width: auto; text-align: right; }

 /* Extras columns */

.extras1 { width: 200px; margin-left: 0px; float: left; }
.extras2 { width: 200px; margin-left: 10px; float: left; }
.extras3 { width: 200px; margin-left: 10px; float: left; }

.file_download_list { list-style: none; margin: 0px; padding: 0px; border: none; }



.theform legend { font-size:13px; color: #fff; text-transform: uppercase; }
.theform input{ border: 1px solid #333333; background: #ffffff; }
.theform fieldset { border: 1px solid #333333; }
.theform input zemSubmit{ border: 1px solid #666666; background: #999999; color: #333333; }



/* Image Gallery */

.rssThumbFloat {   float: left; width: 95px; margin: 0 13px 15px 0; padding: 5px; text-align: left; font-size: .85em; min-height: 85px; }

/* star hack for min-heigth in IE */
* html .rssThumbFloat { height:85px }

.cap { clear: both; float: left; font-size: 10px; color: #646464; position: -80px; text-transform: uppercase; }

ul#rssThumbNav { list-style-type: none; margin: 5px 0 5px 0; padding: .5em 0; clear: both; border: 0px; padding-right: 36px; padding-left: 2px; }
ul#rssThumbNav li a { display: block; width: 4em; color: #1e1e1e; background-color: #21B3D3; padding: 2px; text-align: left; text-decoration: none;
border: 0px; }
ul#rssThumbNav li a:hover { color: #1e1e1e; background-color: #fff; padding:2px; }
ul#rssThumbNav .left { font-weight: bold; float: left; padding:2px; }
ul#rssThumbNav .right { font-weight: bold; float: right; padding-right: 2px; }
.rssThumb { border: 1px solid #000; }


/* Work page */

#workcategory { float: left; clear: both; margin: 10px; }
#workitem { float: left; width: 160px; height: 123px; padding-top: 5px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #333; }
#workitem a{ margin: 5px; padding: 0px; border-bottom: 0px; font-size: 0.7em; color: #999; text-decoration: none; text-transform: uppercase; }
#workimage { float: left; padding-right: 20px; padding-bottom: 15px; } 
#worktext { float: left; }
#worktext p { margin: 0px; padding: 0px; font-size: 0.8em; color: #999; }


/* Page footer */

#footer { clear:both; }	
#footer p{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #555555; margin:0; padding:5px; padding-left: 65px; }
#footer p a{ color: #767676; }
#footer p a:hover{ color: #818181; }