/*  
Theme Name: Project 300ZX Theme
Theme URI: 
Author: Christine Wilde
Author URI: http://www.symbiosgroup.co.uk/

This theme was designed and built by Christine Wilde of Symbios Group.

The CSS, XHTML and design is copyright of Symbios Group. 

*/




/* -----------------[ NAVIGATION ELEMENTS ]---------------*/

#nav {
	height: 63px;
	width: 1000px;
	margin-top: -10px; 
	list-style:none; 
	height:63px; 
	text-align: center;
}

#nav li {

float:left;
}

#nav li a {

display: block; 
float: left; 
height: 63px; 
width: 124px;
line-height: 63px; 
color: white; 
text-decoration: none; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: center; 
cursor: pointer; 
font-size: 12px;
background: url(images/nav.png);
}

#nav li a b {

width: 100px;
float:left; 
display:block; 
text-align: center;
}

#nav li.current a {

color: black; 
background-image: url(images/navHover.png);
background-repeat: no-repeat;
}

#nav li.current a b {

background-image: url(images/navHover.png);
background-repeat: no-repeat;
background-position: 0 6px;
}

#nav li a:hover {
 
background-image: url(images/navHover.png);
background-repeat: no-repeat;
}

#nav li a:active {

background-image: url(images/navHover.png);
background-repeat: no-repeat;
}

#nav li a:hover b {

background-image: url(../Zeke10/images/navHover.jpg);
background-repeat: no-repeat;
background-position: 0 6px;
}

#nav li.current a:hover {

color: black; 
background-image: url(../Zeke10/images/navHover.jpg);
background-repeat: no-repeat;
cursor: pointer;
}

#nav li.current a:hover b {

background-image: url(../Zeke10/images/navHover.jpg);
background-repeat: no-repeat;
background-position: 0 6px;
}


ul#nav li#youarehere a { 
	
	background-image: url(images/navHover.png); 
}




/* -------------------[ Main Page Elements ]------------------- */

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: black url(images/background.jpg);
	color: white;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

html {
    overflow-y: scroll;
}

#wrap {
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header {
	width:1000px;
	clear: both;
	padding: 0;
	margin: 0 auto;
	height:298px;
	background-image: url(images/header.png);
	}

#page {
        clear: both;
	margin: 0 auto;
	padding: 0;
	}  

#mainContent {
        width: 1000px;
        float:left;
        padding: 0;
        margin: 0;
        } 

#content {
        float: left;
        padding: 0;
	}

#latestNews {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 170px;
width: 380px;
float: left;
margin-top: 20px;
padding: 15px 20px 15px 90px;
background: url( images/smallContentBackground.png );
}

#latestNews h3 {
	margin-bottom: 10px;
}

#latestNews li {
	list-style: none;
	text-align: left;
	padding: 3px 3px 3px 10px;
	margin-bottom: 5px;
	background: url( images/newsBackground.png );
}

#latestNews li a {
	font-size: 12px;
}

#latestImages {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 380px;
float: left;
padding: 15px 20px 15px 90px;
margin-top: 20px;
margin-left: 10px;
background: url( images/smallContentBackground.png );
} 

#sidebar {

width: 380px;
height: 170px;
font-size: 8pt;
float: left;
margin: 0;
} 

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
        color: white;
        width:1000px;
	font-size: 8pt;
	line-height: 160%;
        clear: both;
        margin: 0 auto;
        padding: 20px 0 ;
        text-align: center;
        }

#footer p {
        margin: 0;
        }
		
#copyright {
	width: 900px;
	float: left;
}


/* -------------------[ HOME ELEMENTS ]------------------- */

#homeContent {

width: 500px;
float: left;
}

#homeImage {

border: none;
float: left;
margin-top: -20px;
margin-left: 50px;
}

#homeImage img {

border: none;
}

/* -------------------[ NEWS ELEMENTS ]------------------- */


#newsArticles {

margin-top: 20px;
}

#newsArticles h2 a:hover {

color: #FFCE00;
}

#newsArticles .post {

width: 980px;
padding: 5px;
margin-bottom: 20px;
background:url(images/newsBackground.png);
}

.newsArticlesImg {

float: left;
border: 2px solid #A58A16;
margin: 5px 10px 5px 5px;
}

.newsArticlesImg:hover {

border: 2px solid #FFCE00;
}

.pagination {

margin-bottom: 50px;
}

/*#postInfo {

width: 800px;
}*/

#archiveIcon {

height: 20px;
width: 20px;
background: url( images/archive.png );
}

#subjectIcon {

height: 20px;
width: 20px;
background: url( images/subject.png );
}

#archiveSubject {

width: 500px;
float: left;
}

#archiveMonth {

width: 500px;
float: left;
}


/* -------------------[ Headings ]------------------- */

h1, h2, h3, h4, h5, h6, h7 {
        color:#A58A16;
	font-family: Arial, Helvetica, sans-serif;
        line-height: 130%;
	margin: 0;
	padding: 0;
	text-align: left;
        font-weight:normal;
	}

h1 {
	font-size: 16px;
	margin-bottom: 10px;
	}

h2 {
	font-size: 18px;
	}

h3 {
	font-size: 12px;
	}

h4,h5,h6,h7 {
	font-size: 10px;
	}

#header h1.blogtitle {
        color: #A58A16;
        text-align:center;
        font-size:30px;
        line-height:100%;
        padding: 50px 100px 5px;
        margin: 0;
        }

#sidebar h2, #latestNews h2  {
        font-weight: bold;
        font-size:12px;
        letter-spacing:0px;
        margin: 0;
        padding:0;
text-align: right;
        }


h1.sectionhead, h2.sectionhead, h2#trackbacks, h2#comments {
        line-height:100%;
        font-size: 16px;
        letter-spacing:0px;
        margin: 0;
padding: 20px 0;
        }

h2#respond {

margin-top: 10px;
font-size: 16px;
}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
        margin-bottom: 10px;
        }

#header h1 { 
	display:none;
}

h1.subject {

height: 20px;
padding-left: 30px;
background: url( images/subject.png ) no-repeat;
}

h1.archive {

height: 20px;
padding-left: 30px;
background: url( images/archive.png ) no-repeat;
}

/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	color: #A58A16;
        text-decoration: none;
        font-size: bold;
	}

a:hover, a:active {
        text-decoration: none;
        color: #FFCE00;
	}

.entry a, .entry a:link, .entry a:visited, .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {
        text-decoration: none; 
        }

.post h1 a, .post h2 a, .featurepost h2 a, .featurepost h1 a {
        color:#A58A16;
        }

#footer a:hover, #footer a:active {
        text-decoration: none;
        color: yellow;
	}
	
/* -------------------[ Images ]------------------- */

img.alignright {
        float: right;
        clear: right;
        margin: 0 0 5px 10px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.alignleft {
        float: left;
        clear: left;
        margin: 0 10px 5px 0px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.centered { 
        display: block; 
        padding: 2px; 
        margin: 0 auto 20px auto; 
        border: 1px solid #ccc; 
        float: none; 
        clear: both;
        }



/* -------------------[ Sidebar ]------------------- */


#sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	}

#sidebar ul li ul {
        list-style-type: square;
        margin: 0;
        padding: 0;
        }

#sidebar ul li ul li {
        list-style-type:none;
        padding-left:15px;
        margin:0;
        background:url(images/zekebullet.gif) 0 5px no-repeat;
        }

/* -------------------[ Middle Content ]------------------- */

#latestNews ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}

#latestNews ul li {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	}

#latestNews ul li ul {
        list-style-type: square;
        margin-top: 15px;
        padding: 0;
        }

#latestNews ul li ul li {

height: 25px;
line-height: 25px;
font-size: 12px;
color: white;
        list-style-type:none;
        padding-left:10px;
        margin: 5px;
        background-color: #3D3821;
        }

#latestNews ul li ul li a {

width: 200px;
color: #A58A16;
padding: 10px 0;
margin-bottom: 5px;
}

#latestNews ul li ul li a:hover {

color: #FFCE00;
text-decoration: none;
}

#latestImages ul {
	padding: 0;
	margin: 0;
}

/* -------------------[ Form Elements ]------------------- */

#commentform {
        font-size:8pt;
        padding: 15px 15px 1px;
        margin: 0;
        border-bottom:1px solid #CCC9B8;
        }

#commentform label {
        display:block;
        margin: 0;
        }

#commentform input {
	width: 170px;
	padding: 1px;
	margin: 0px 5px 10px 0;
	}

#commentform textarea {
        width: 500px;
height: 100px;
        padding: 0;
	margin: 0px 0px 10px 0; 
	}

#commentform #submit {
	margin: 0 0 20px 0;
	}

#commentform p {
        margin: 5px 0;
	}


/* -------------------[ Comments ]------------------- */


#commentHeader {

width: 870px;
height: 27px;
margin-left: 80px;
padding: 20px 0 0 30px;
background: url(images/commentHeader.png);
}

#comment {

width: 870px;
margin-left: 80px;
padding: 0 0 0 30px;
background: url(images/commentSlice.png) repeat-y;
}

#avatar {

width: 60px;
margin-right: 20px;
float: left;
border: 1px solid #FFCE00;
}

#commentContent {

width: 830px;
margin-bottom: 20px;
}

#commentFooter {

height: 12px;
width: 900px;
margin-left: 80px;
margin-bottom: 20px;
background: url(images/commentFooter.png);
}

ol.commentlist {
        font-size:8pt;
        padding: 0;
        margin: 0;
        }

ol.commentlist li {
	display: block;
	list-style: none;
	margin: 0;
padding: 15px 15px 10px 15px;
}

ol.tblist {
        font-size:8pt;
	list-style: none;
        padding: 15px 15px 10px;
        margin: 0;
        border-bottom:1px solid #CCC9B8;
        }

ol.tblist li {
	display: block;
	list-style: none;
        padding: 0;
        margin: 0 0 5px 0;  
        background: url(images/zekebullet.gif) 0 3px no-repeat;
        padding-left: 14px;     
	}

.odd {

        }


/* -------------------[ Misc Tags and Classes ]------------------- */

p.description {
	color:#FAF7E8;
	font-size: 12pt;
	padding: 0 100px;
	margin: 0;
	text-align:center;
	display:none;
} 

.post ul, .singlepost ul {
        list-style-type: none;
        }

.post ul li, .singlepost ul li {
        list-style-type:none;
        background: url(images/zekebullet.gif) 0 4px no-repeat;
        padding: 0 0 2px 14px;
        }

p {
	margin-top: 0px;
	margin-bottom: 15px;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dotted #999;
	}

* html acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
        border-left:5px solid #330000;
        padding-left:5px;
	}

.center {
	text-align: center;
	}

a img, img a {
	border: none;
	}

.navigation {
	text-align: left;
	margin:0;
	padding: 10px 15px;
	}

.alignleft {
        float:left;
        }

.alignright {
        float:right;
        }

#singlePostInfo {

width: 1000px;
margin: 0px;
padding: 0px;
}

.singlePostContent {

margin-top: 60px;
margin-bottom: 50px;
text-align: center;
width: 1000px;
}

.singlePostContent img {

margin: 10px;
text-align: center;
border: 2px solid #A58A16;
}

.entry {

padding: 0;
margin: 0;
}

.entry img {

display: block;
text-align: center;
border: 2px solid #A58A16;
margin-left: auto;
margin-right: auto;
}

.postinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0 0 10px;
	/*padding-left: 135px;*/
	}

.post {

width: 1000px;
float: left;
margin: 0 ;
}

.featurepost {
	margin: 0;
	padding: 15px 15px 5px;
        background:#F2ECCE;
        border-bottom:1px solid #CCC9B8;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

hr {
        display: block:
        clear:both;
        }

a.more-link,a.more-link:link,a.more-link:visited,a.more-link:hover {
        background: url(images/arrow-rt.gif) 100% 70% no-repeat;
        padding-right:16px; 
        }

/* -------------------[ Search ]------------------- */

#searchform {
	margin: 0;
	padding: 0; 
        }

#searchform #s {
        font-size:8pt;
        width: 140px;
	margin-right: 2px;
	}

#searchform #submit {
        font-size:8pt;
	}

/* -------------------[ Navigation ]------------------- */

ul.nav {
	font-size: 8pt;
	font-weight:bold;
	letter-spacing: 0px;
	height:40px;
	line-height:40px;
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
        }

ul.nav li {
        float: left !important;
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {        
        color: #FAF7E8;
        float: left;
        display: block;
        }

ul.nav li a:hover, ul.nav li a:active {
        background: #660000;
        text-decoration: underline;
        }

ul.nav li.current_page_item a {
        text-decoration:underline;
        background: #660000;
        text-decoration: underline;
        }

ul.nav li ul {
        float:left;
        margin:0;
        padding:0;
        }

/* ---------------[ Tables ]--------------- */

.entry table {
	margin-bottom:15px;
        padding:auto;
        border:auto;
        }

.entry tr, .entry td, .entry th {
	margin:auto; padding:auto; border:auto;
        }

.entry td, .entry th {
	padding:8px;
	vertical-align:top;
}

.entry th {
	font-weight:bold;
	background:#E5E0C3;
}

.entry td {
	border: none;
}

/* ---------------[ Related Entries ]--------------- */

.related {
        margin: 0 0 1px;
        background:#eee;
        padding:10px 10px 8px;
        }

.related ul {
        line-height:130%;
        margin: 0;
        padding-left:0;
        list-style-type: none;
        }

.related ul li {
        list-style-type:none;
        padding: 0 0 0 14px;
        margin: 0 0 2px;
        background: url(images/zekebullet.gif) 0 3px no-repeat;
        }

ul#archives {
        margin: 0 0 15px 5px;
        padding: 0;
        }

ul#archives ul {
        padding:0;
        }

ul#archives ul li {
        background:transparent;
        padding-left:0;
        margin:0;
        }

ul#archives ul ul {
        margin:0;
        margin-left: 10px;
        padding:0;
        }

/*--------WIDGETS-----------*/

/*---LATEST IMAGES---*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin: 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
width: 131px;
height: 131px;
border: none;
	float: left;
	margin-right: 10px;
margin-bottom: 10px;
	text-align: center;
	background: url( images/imgBackground.png );
}

.ngg-gallery-thumbnail:hover {

background: url( images/imgBackgroundHover.png );
}

.ngg-gallery-thumbnail img {

border: none;
	display:block;  
	margin:5px 5px 5px 5px;
	padding:12px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #333;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
align: center;
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:10px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A58A16;
	margin: 5px; 
	padding:1px; 
}

.ngg-widget img:hover {
	border:2px solid #FFCE00;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 



.narrowcolumn .more-link, .narrowcolumn .post-comments {
float: left;
display: block;
height: 20px;
width: 83px;
margin-left: 900px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #232735;
text-align: center;
}

#postData {

float: left;
margin-right: 10px;
}

.imgstyle {

margin: 5px; 
float: left;
}
