/*
Theme Name:WP CODA Orange Edited
Description:Based on the WP CODA Orange wordpress theme by <a href="http://kerrywebster.com/">Kerry Webster</a>.
Version:1.0
Author: Maarten Dijkstra
Author URI:http://www.maarten-dijkstra.nl/
Tags:coda, jquery, slider, orange, fixed
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
	font-family:Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #151515;
}

div.logo {
display: block;
height: 150px;
width: 300px;
float: left;
background: transparent url("images/logo.png") no-repeat;
margin-bottom: -30px;
}

ul.menu{
float: right;
margin-top: 35px;
height: 50px;
}
ul.menu li {
list-style: none;
float: left;
font-size: 1.1em;
font-family: "Georgia", serif;
border-right: solid 1px #cdc7be;
padding: 10px 15px 10px 15px;
}

ul.menu li a {
color: #ccc;
}
ul.menu li:last-child {
border: none;
}
ul.menu li.current_page_item a, ul.menu li.current_page_parent a {
color: #01a63e;
}
.clear {
clear: both;
}

ul.categories {
margin: 0 auto;
width: 630px;
height: 25px;
}
ul.categories li {
margin: 0 auto;
list-style: none;
display: block;
float: left;
font-size: 0.8em;
}

ul.categories li a{
line-height: 25px;
margin-left: 24px;
margin-right: 24px;
color: #888;
}

ul.categories li.current-cat a{
color: #01a63e;
font-weight: bold;
}

#page{
    width:830px;
    margin:0 auto;
}
	#slider{
		width:680px;
		margin:0 auto;
		position:relative;
	}

	#page .scroll {
		height:380px;
		width:680px;
		overflow:auto;
		margin: 0 auto;
		clear:both;
		position:relative;
		border-top: solid 1px #444;
		border-bottom: solid 1px #444;
	}
	
		#page .scrollContainer .panel{
			padding:15px;
			height:350px;
			width:650px;
			overflow:hidden;
		}
		#page .scrollContainer .panel .contenttable {
			height:350px;
			width:650px;
		}
			#page p{
				padding:0 0 1em 0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				line-height:1.3em;
				color:#ccc;
			}
			#page h3{
				font-size: 1.2em;
				font-family: "Times New Roman", serif;
				padding:0 0 .5em 0;
				color:#01a63e;
			}
			#page h4{
				padding:0 0 .5em 0;
				font-family: "Times New Roman", serif;
				font-size:15px;
				letter-spacing:-0.5px;
				color:#01a63e;
			}
			#page strong{
				color:#33333e;
			}
			#page em{
				font-style:italic;
			}
			#page .panel a{
				white-space:nowrap;
				color:#ccc;
				font-weight:bold;
			}
				#page .panel a:hover{
					text-decoration:underline;
				}
			#page .panel .gallery img{
				padding:2px;
				border:solid 1px #c0c5d6;
			}
			#page .panel blockquote,
			#page .panel ul,
			#page .panel ol,
			#page pre{
				font-size:12px;
				margin:1em 2em 2em 2em;
				padding:10px 15px;
				background:#ecedf3;
			}
			#page blockquote p{
				padding:.4em 0 !important;
				text-indent:0 !important;
			}
			#page .panel li{
				list-style-position: inside;
				padding: 0 0 .5em 0;
			}
				#page .panel ul li{
					margin:0 0 0 1em;
					list-style:square;
				}
				
				#page .panel ol li{
					margin:0 0 0 1.5em;
					list-style:decimal;
				}
			#page pre{
				line-height:1em;
				color:#ccc;
				font-size:13px;
				overflow:auto;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
			}
			#page code{
				padding:0 3px;
				color:#33333e;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
				font-size:13px !important;
			}
			
			#page .panel .gallery{
				text-align:center;
			}

	#page .scrollButtons{
		width:30px;
		height:30px;
		position:absolute;
		top:160px;
		cursor:pointer;
	}
		#page .scrollButtons a{
			display:block;
			height:75px;
			width:75px;
		}
		#page .scrollButtons span{
			display:none;
		}
		#page .scrollMeLeft{
			left:-95px;
		}
			#page .scrollMeLeft a{
				background:url(images/go-left.png) 0 0 no-repeat;
			}
			#page .scrollMeLeft a:hover{
				background:url(images/go-left.png) 0 0 no-repeat;
			}
		#page .scrollMeRight{
			right:-50px;
		}
			#page .scrollMeRight a{
				background:url(images/go-right.png) 0 0 no-repeat;
			}
			#page .scrollMeRight a:hover{
				background:url(images/go-right.png) 0 0 no-repeat;
			}
	#page .content {
		height:350px;
		width:685px;
		margin: 0 auto;
		margin-top: 25px;
		overflow:hidden;
		position:relative;
		clear:left;
		padding:15px 15px;
		border-top: solid 1px #222;
		border-bottom: solid 1px #222;
	}

#footer{
	height:30px;
	font-size:10px;
}
	#footer p#footerTxt {
		width:680px;
		overflow:hidden;
		margin:0 auto;
		color:#ccc;
		padding:0px 0px 0px 0px;
		clear: both;
	}
		#footer span{
			display:block;
			height:30px;
			line-height:20px;
		}
		#footer .left{
			float:left;
		}
		#footer .left a{
			color: #fbb03b;
		}
		#footer .right{
			float:right;
		}
		#footer a{
			color:#ccc;
		}
			#footer a:hover{
				text-decoration:underline;
			}
		#footer #refScroller {
		overflow:hidden;
		margin:0 auto;
		font-size:12px;
		}
		#footer #refScroller ul li{
			position: relative;
			float: left;
			left: 0px;
			list-style: none;
			margin: 0px 50px 0px 50px;
		}

div#news-slide {
    position:relative;
    overflow:hidden;
   margin: 0 auto;
    width:680px;
    height:1.2em;
	color: #008000;
}
div#news-slide ul {
    position: relative;
    overflow:hidden;
    width:680px;
    height:1.2em;
}
div#news-slide ul li {
    position: absolute;
    left:700px;
    top:0px;
}
div#news-slide ul li.news-slide-first, li.news-slide-first {
    left:0;
}