/* - - - - - - - - - - - - - - - - - - - - -
Title : Pukka German Gleam Style CSS
- - - - - - - - - - - - - - - - - - - - - */

@import "css/lib/reset.css";

html{
	background: #1a0e00;
}	
body{
	background-color: #679ebb;
	color: #928061;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	text-align: center;
	margin: 0;
	font-weight: 500;
}

/* links  */

a{
	color: #c8242d;
}
a:hover{
	text-decoration: none;
}

/* headings */

h1 {font-size:2em; line-height:2em; padding-bottom: 5px;} /* 2em displayed at 24px */
h2 {font-size:1.5em; color: #c4002e;}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1.4em; color: #c4002e;}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#wrap{
	margin: 0 auto;
	text-align: left;
}
#header{
	position: relative;
	border-bottom: 3px solid #865534;
	background: #fff url("") no-repeat top;
	padding: 15px 0;
	display: none;
}

#banner {
	background-color:#;
	
}

#navigation{
	border-top: 15px solid #1A2325;
	background: #202B2D;
	width: 100%;
	overflow: hidden;
	font-weight:700;
}

/*code added for Atomz search bar
#navigation #copy{
    width: 900px;
    margin: 0 auto;
    position: relative;
}
#navigation #copy form{
    position: absolute;
    right: 10px;
    top: 3px;
}
*/

#content{
	width: 900px;
	margin: 20px auto 20px auto;
}
#primary-content{
	background: #211400;
	/* see sidebar_right.css to edit padding */ 
	padding: 10px 5px 10px 3px;
	float: left;
	border-left: solid 25px #1a0e00;
	border-right: solid 10px #1a0e00;
	width: 67%;
}
#secondary-content{
	background: #e2882e;
	padding: 0 10px 20px 10px;
	border-left: solid 20px #c4002e;
	border-right: solid 10px #e9d833;
	float: right;
	width: 20%;
}
#footer{
	border-top: 10px solid #e2882e;
	text-align: center;
	color: #5e513d;
	background: #1a0e00;
	clear: both;
	padding: 10px;
	font-size: 1.1em;
}

/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */
#navigation{
	background-color: #211400;
	border-top-color: #1a0e00;
}

#navigation ul{
	width: 768px;
	margin: 0 auto;
	overflow: hidden;
}
#navigation ul li{
	display: block;
	float: left;	
	list-style: none;
	text-align: center;
	position: relative;
}
#navigation ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 6px 10px;
}
#navigation ul li a:hover, #navigation ul li a.current{}
#navigation ul ul{display: none;}
	
#navigation a:hover, #navigation a.currentAncestor{background-color: #e2882e;}
#navigation a.current{background-color: #679ebb; color: #fff;}
	
	
/* --- */

#side-navigation{margin: 16px 0 12px 0;background-color:#80612e;}
#side-navigation ul{
	margin: 0 !important;
	padding: 0;
	list-style: none;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
#side-navigation li{display: inline;}
#side-navigation ul a{display: none;}
#side-navigation ul ul a{
	text-align: center;
	display: block;
	font-size: 1em;
	text-decoration: none;
	border: solid 4px #48331a;
	font-weight: 600;
	color: #fff;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 0 0px 0;
	letter-spacing: 1px;
	margin-top: -4px;
	}
#side-navigation ul ul a:hover{background-color:#48331a; text-decoration: none;}
#side-navigation ul ul a.current{background-color:#48331a; text-decoration: none;}


/* --- */

#side-navigation ul ul ul li a{padding-left: 25px;}
#side-navigation ul ul ul ul a{padding-left: 45px;}
#side-navigation ul ul ul ul ul a{padding-left: 65px;}
#side-navigation ul ul ul ul ul ul a{padding-left: 85px;}


/*#side-navigation ul ul a{
	color: %colour_sidenavigation_links%;
	border-bottom-color: %colour_border%;
}*/

/*#side-navigation ul ul a:hover, #side-navigation ul ul a.current{color: %colour_text%;}*/

/* ------------------------------------------------------------

	primary content

------------------------------------------------------------ */
#primary-content {background: #211400;font-size: 1.8em; color: #928061;}
#primary-content h1{font-size: 1.5em; color: #fff; font-weight:bold;}
#primary-content h2{font-size: 1.5em; color: #c4002e; font-family:Georgia, "Times New Roman", Times, serif;  padding-bottom: 5px;}
#primary-content h3 {font-size: 1.5em;}
#primary-content p { margin: 0 0 1em; color: #928061;}
#primary-content p.dark {color: #5e513d; }

#primary-content ul, #primary-content ol { margin: 0 1.5em 1.5em 1.5em; }
#primary-content ul { list-style-type: circle; }
#primary-content ol { list-style-type: decimal; }

#primary-content dl { margin: 0 0 1.5em 0; }
#primary-content dl dt { font-weight: bold; }
#primary-content dl dd { margin-left: 1.5em; }

/* tables */
/* I gave the table styles a class in order that the ratings would not be styled */
table.normal {border: 2px solid;border-collapse:collapse;width:100%}
table.normal td {padding:3px; border: 1px solid #e8e4d9;}
table.normal th {text-align:left;border: 1px solid #3A3A38;font-size: 1.2em}
table.normal thead th {color:#3A3A38;padding: 10px 6px;font-size: 1.6em}
table.normal tbody th {color:#3A3A38;padding: 6px}

/* blog page type */
.blog-entry{margin-bottom: 20px;}

#primary-content h1.blog-entry-title{
	color: #c4002e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height:1.5em;
}
h1.blog-entry-title a{
	color: #c4002e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
}
.blog-entry-date{
	font-size: 0.9em;
	color: #e2882e;
	margin: 0 0 10px 0;
}
.blog-entry-tags{
	font-size: 0.9em;
	color: #e2882e;
	margin: 0 !important;
}
.blog-entry-comments{
	font-size: 0.9em;
	color: #8D8B84;	
}

/* blog archive page */
.blog-archive-headings-wrapper{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D3CFCE
}
.blog-archive-month {
	font-weight: normal;
	font-size: 2.0em;
	letter-spacing: -1px;
}

/* blog sidebar elements */
#blog-categories{
	text-align:center;
	margin-bottom: 10px;
	padding: 5px 7px 10px 7px;
	border-bottom: 1px solid #D3CFCE;
	border-top: 1px solid #D3CFCE;	
}
#blog-archives{
	text-align:center;
	border-bottom: 1px solid #D3CFCE;
	padding-bottom: 5px;
	padding: 0px 7px 10px 7px;
}
.blog-tag-cloud{
	text-align:center;
	margin-right: 0 !important; 
	margin-left: 0 !important;
	padding: 5px 7px 10px 7px;
	border-bottom: 1px solid #D3CFCE
	
}
.blog-tag-cloud li {
	display: inline;
	padding-right: 5px;
}
.blog-tag-size-1 {font-size: 0.8em;}
.blog-tag-size-2 {font-size: 0.85em;}
.blog-tag-size-3 {font-size: 0.9em;}
.blog-tag-size-4 {font-size: 0.95em;}
.blog-tag-size-5 {font-size: 1em;}
.blog-tag-size-6 {font-size: 1.05em;}
.blog-tag-size-7 {font-size: 1.1em;}
.blog-tag-size-8 {font-size: 1.15em;}
.blog-tag-size-9 {font-size: 1.2em;}
.blog-tag-size-10 {font-size: 1.25em;}
.blog-tag-size-11 {font-size: 1.3em;}
.blog-tag-size-12 {font-size: 1.35em;}
.blog-tag-size-13 {font-size: 1.4em;}
.blog-tag-size-14 {font-size: 1.45em;}
.blog-tag-size-15 {font-size: 1.5em;}
.blog-tag-size-16 {font-size: 1.55em;}
.blog-tag-size-17 {font-size: 1.6em;}
.blog-tag-size-18 {font-size: 1.65em;}
.blog-tag-size-19 {font-size: 1.7em;}
.blog-tag-size-20 {font-size: 1.75em;}

.blog-rss-link{
	/*background: url("images/rss_icon.png") no-repeat 0 center;
	padding-left: 20px;*/
	font-style: italic;
	display: block;
	text-align:center;
}
.blog-comments-rss-link{
	background: url("images/rss_icon.png") no-repeat 0 center;
	padding-left: 20px;
	font-style: italic;
}


.img_left_border{
			margin: 0 10px 15px auto;
			border: 5px solid #e2882e;
			float: left;
			/*clear: both;*/
		}
.img_right_border{
			margin: 0 auto 0 auto;
			border: 5px solid #e2882e;
			float: right;
			/*clear: both;*/
		}

.img_center_border{
			text-align: center;
			border: 5px solid #e2882e;
			display: inline-block;
			max-width: 585px;
			/*clear: both;*/
		}
.img_center-noborder{
			display: block;
			padding: 5px;
			margin: 0 auto 1.5em auto;
			border: 0px;
			float: none;
			clear: both;
		}
.blog_box {text-align: center;}		
.blog_image {text-align: center; border: 5px solid #e2882e; display:inline-block; max-width: 310px;}
.caption {color:#e2882e;font-size:11px; font-style:italic; padding-top:6px;}

/* gallery pages */

.album-title {
	letter-spacing: -1px;
	font-size: 1.8em;
}
.album-wrapper {margin: 20px 0 10px 0; overflow: hidden}
.thumbnail-wrap {
	float: left;
	padding: 3px;
	background: #1E1E1E;
	border: 1px solid #000;
	margin: 0 15px 15px 0;
}
.thumbnail-frame {position: relative;}
.thumbnail-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	overflow: hidden;
	margin: 0;
	width: 90%;
	color: #fff;
	padding-left: 5px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/* --- */

.photo-background {padding-bottom: 100px;}
.photo-navigation {
	/*background: #DA7137;*/
	background: #c8242d;
	height: 145px;
	position: relative;
	margin-bottom: 20px;
}
.photo-links {
	border-top: 3px solid #212224;
	border-bottom: 1px solid #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	font-size: 1.2em;
}
.photo-navigation a:link, .photo-navigation a:visited {
	display: inline-table;
	padding: 0 15px 5px;
	text-decoration: none;
	color: #fff;
}
.photo-navigation a:hover {background: transparent;}
.photo-title {
	color: #fff;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 2.5em;
	line-height: normal;
	letter-spacing: normal;
}
.photo-caption {
	margin: 0;
	position: absolute;
	top: 70px;
	left: 15px;
	font-weight: normal;
	font-size: 1.2em;
	line-height: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: normal;
}

/* --- */

.exif-data {
	margin: 20px auto 0 auto;
	font-size: 1.3em;
	text-align: center;
}

/* movie pages */

.movie-page-title {
	letter-spacing: -1px;
	font-size: 1.8em;
}
.movie-page-description {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.movie-thumbnail-frame {
	width: 132px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #3A3A38;
	text-align: center;
	padding: 3px;
}

/* --- */

.movie-background {}
.movie-title {
	padding: 10px;
	font-size: 2.2em;
	letter-spacing: -1px;
}
.movie-frame {
	border-top: 5px solid #495059;
	border-bottom: 5px solid #495059;	
	padding: 20px;
	margin: 20px 0;
	background: #fff;
}

/* file pages */

.filesharing-item {
	border: 1px solid #D3CFCE;
	padding: 10px;
	margin: 10px 0;
	}
.filesharing-item-description {padding-top: 10px;}


/* form pages */

form{
	padding-bottom: 20px;
}
div.message-text {
	font-size: 1.5em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #c4002e;
} 
.required-text {padding-left: 25px;}
.form-input-field {
	width: 99%;
	border: 1px solid #D3CFCE;
	padding: 3px;
	margin: 0 0 10px 0;
}
select {
	width: 99%;
	padding: 3px;
	margin: 0 0 10px 0;
}
textarea{
	height: 200px;
}
.form-input-button {
	margin: 10px 0 0 0;
	width: auto;
}

/* ------------------------------------------------------------

	secondary content

------------------------------------------------------------ */

#secondary-content h3{
	border-bottom: 2px solid #679ebb;
	padding-bottom: 5px;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
	color:#48331a;
	font-weight: 600;
	text-align:center;
}
#secondary-content p { margin: 0 0 1.5em; color:#48331a;}
#secondary-content ul, #secondary-content ol{
	margin: 0 1.5em 1.5em 1.5em;
	color:#48331a;
}
#secondary-content li {color:#48331a;}

#secondary-content a{
	color: #4F6A88;
	font-weight:bold;
}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */
#footer{background-color: 1a0e00;}
#footer a{color: %colour_footer_links%;}
#footer li{
	list-style: none;
	display: inline;
}

/* ------------------------------------------------------------

	global

------------------------------------------------------------ */

h1,h2,h3 {font-weight: normal; padding-bottom:0px;/*letter-spacing: -1px*/}
abbr, acronym{cursor: help;border-bottom: 1px dotted;}
a img {border: none;}
legend{color: #3A3A38; font-weight: bold;}
small {font-size:11px}
hr {margin: 1em 0;background:#D3CFCE;height:1px;color:#212224;border:none;clear:both}

address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

.hide{display: none;}
.clear{clear:both;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}

.image-left {
	float: left;
	margin: 0 7px 7px 0;
}
.image-right {
	float: right;
	margin: 0 0 7px 7px;
}


#blog-archives br, #blog-categories br, #blog-rss-feeds br, form br {display: none;}

/*I added this normal class to avoid styling on the ratings */
table.normal {border-color: %colour_text%;}
table.normal td {border-color: %colour_text%;}
table.normal th {border-color: %colour_text%;}	
table.normal thead th {color: %colour_text%;}
table.normal tbody th {color: %colour_text%;}



/* page types */

.blog-archive-headings-wrapper{border-bottom-color: %colour_border%;}
#blog-categories, #secondary-content h3 {border-color: #4f6a88;/*%colour_border%;*/}

.photo-navigation{
	background-color: %colour_header_bg%;
	border-top-color: %colour_header_bg * 0.70%;
}
.photo-links{background-color: %colour_navigation_bg%;color: %colour_navigation_bg%;border-top-color: %colour_header_bg * 0.70%;}
.photo-navigation a:link, .photo-navigation a:visited {color: %colour_navigation_links%;}
.photo-title {color: %colour_text%;}