/* ///////////////////////////////////////////////////////////////////// 
//  01 - 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {	
	clear: both;
}
ul {
	list-style: none;
}

del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* ///////////////////////////////////////////////////////////////////// 
//  02 - Global 
/////////////////////////////////////////////////////////////////////*/

body {
	font-size:10px;
	font-family: Helvetica, Arial, sans-serif;
	width:auto; height:auto;	
	padding: 0;
	margin: 0;
	background-color: #121315;
}

body.light {
	color: #121315;		
}

body.dark {
	color: #121315;		
}

p {
	line-height:1.5em;
	margin: 0 0 20px 0;	
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
}

img.left {
	margin: 0 15px 15px 0;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	margin: 0 0 15px 0;
	color: #9d9d9d;		
}

body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6{	
	color: #6d6d6b;		
}

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{	
	color: #b0b0b0;	
}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;	
	font-style: italic;
	font-size: 1.2em;	
}

code {
    font-family: "Courier New", Courier, serif;
	overflow: auto;
	padding: 2px;
	background: #fff;
}

pre code {
	background: none;
}

pre {
    margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	overflow: auto;	
	border: 0;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.moreLink {

}

.meta {
	color: #b0b0ad;
}

body.dark .meta {
	color: #575757;
}

.meta a{
	color: #7d7d7b !important;
}

.meta a:hover{
	color: #b0b0ad !important;

}

textarea {
	width: 75%;

}

/* Clearfix ----------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.roundedBox {
	-moz-box-shadow: 0 0px 3px rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.04);		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

body.light .roundedBox {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.11);	
	border-bottom: 1px solid rgba(0,0,0,.18);
}

body.dark .roundedBox {
	background-color: #E2E2E2;
	border: 1px solid rgba(255,255,255,.05);
	border-top: 1px solid rgba(255,255,255,.08);
	border-bottom: 1px solid rgba(255,255,255,.03);	
}



/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout 
//////////////////////////////////////////////////////////////////////*/

#container {
	margin: 0 auto;
	width: 1000px;
}

#main {
	margin: 0 0 0 0;
	width: 100%;	
	padding: 0 0 20px 0;	
}

#content {		
	padding: 0 0 0 0;		
	float: left;
	margin: 0 0px 0 20px;
	position: relative;		
}


#footer {
	margin: 0 20px 0 20px;	
}

.oneThird {
	width: 295px;
}

.oneFourth {
	width: 223px;	
}

.twoThird {
	width: 570px;	
}

.threeFourth{
	width: 715px;	
}

.oneHalf{
	width: 459px;		
}

.full {
	width: 960px;
}


/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header{
	margin: 0 20px 0 20px;
	padding: 25px 0 0px ;
	position: relative;	
	z-index: 2;	
}

#logo {		
	float: left;	
	margin: 0px 25px 0px 0;
	font-size: 20px;
	font-weight: bold;
}

#header h1 {
	font-size: 35px;	
	text-transform: uppercase;
	padding: 10px 0 0 0;	
}

#header h1 a, #header h1 a:hover{	
	
}

#mainNav{
	right: 0px;
	position:absolute;
	top:68px;
	height:62px;
	margin-top:-10px;
	font-size: 12px;
	width: 387px;
}

#mainNav li{
	margin: 0 0 0 25px;	
	display: inline-block;
	padding-top: 7px;
}

body.light #mainNav a {
	color: #acacac;	
}

body.dark #mainNav a {
	color: #676767;	
}

body.light #mainNav li.current a,
body.light #mainNav li.current-cat a,
body.light #mainNav li.current_page_item a,
body.light #mainNav li.current-menu-item a,
body.light #mainNav li.current-post-ancestor a,
body.light #mainNav li.current_page_parent a,
body.light #mainNav li.current-page-ancestor a
{
	color: #676767;
}

body.dark #mainNav li.current a,
body.dark #mainNav li.current-cat a,
body.dark #mainNav li.current_page_item a,
body.dark #mainNav li.current-menu-item a,
body.dark #mainNav li.current-post-ancestor a,
body.dark #mainNav li.current_page_parent a,
body.dark #mainNav li.current-page-ancestor a
{
	color: #acacac;
}


body.light #mainNav li.current:hover a,
body.light #mainNav li.current-cat:hover a,
body.light #mainNav li.current_page_item:hover a,
body.light #mainNav li.current-menu-item:hover a,
body.light #mainNav li.current-post-ancestor:hover a,
body.light #mainNav li.current_page_parent:hover a,
body.light #mainNav li.current-page-ancestor:hover a {
	color: #676767;
}

body.dark #mainNav li.current:hover a,
body.dark #mainNav li.current-cat:hover a,
body.dark #mainNav li.current_page_item:hover a,
body.dark #mainNav li.current-menu-item:hover a,
body.dark #mainNav li.current-post-ancestor:hover a,
body.dark #mainNav li.current_page_parent:hover a,
body.dark #mainNav li.current-page-ancestor:hover a {
	color: #acacac;
}

body.light #mainNav li a:hover{
	color: #676767!important;
}

body.dark #mainNav li a:hover{
	color: #acacac !important;
}

body.light #mainNav li li a:hover {
	color: #626262 !important;
}

body.dark #mainNav li li a:hover {
	color: #b3b3b3 !important;
}

/*//////////////////////////////////////////////////////////////////// 
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#content .post {
	margin: 0 0 20px 0;
	padding: 20px 0 15px 0;	
}

#content .post .inside {
	margin: 0 20px 0 20px;	
}

.post .meta {
	margin: -10px 0 20px 0;		
	padding: 0 0 0px 0;	
	font-style: italic;
}

#content a{
	text-decoration: none;
	color: #638ebc;	
}

#content a:hover {
	color: #73a5db;
	text-decoration: none;
}

body.dark #content a{
	text-decoration: none;
	color: #b0b0b0;	
}

body.dark #content a:hover {
	color: #d1d1d1;
	text-decoration: none;
}

.sectionHead {
	margin: 0 1px 30px 0;
	font-size: 20px;	
}

.contentBox {	
	float: left;
	position: relative;
	margin: 0 19px 19px 0;	
	padding: 15px 0 0 0;	
}

.contentBox h2{	
	font-size: 14px;
	margin-bottom: 15px!important;
}

.contentBox p{	
	margin: 0 15px 15px 15px;	
}

.contentBox img{	
	margin: 0 15px 13px 15px;
}

#content.twoColumn .contentBox {		
	width: 469px;		
}

#content.threeColumn .contentBox {		
	width: 305px;		
}

#content.fourColumn .contentBox {		
	width: 223px;		
}

.contentBox h2{		
	margin: 0 0 15px 15px;		
}

.contentBox p{		
	margin-top: -10px;	
}

h1 a, h2 a, h3 a, h4 a, h5 a{	
	color: #8c8c8c !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{	
	color: #b0b0b0!important;		
}

body.dark h1 a, body.dark h2 a, body.dark h3 a, body.dark h4 a, body.dark h5 a{	
	color: #b0b0b0 !important;
}

body.dark  h1 a:hover, body.dark  h2 a:hover, body.dark  h3 a:hover, body.dark  h4 a:hover, body.dark  h5 a:hover{	
	color: #d1d1d1!important;		
}

.pageHead {	
	margin: 0 20px 20px 20px;
	position: relative;
}

.galleryContent {
	width: 100%;	
}


/*Images------------------*/

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}


/*//////////////////////////////////////////////////////////////////// 
//  06 - Slideshow
////////////////////////////////////////////////////////////////////*/

#slideshow {
	width: 960px;	
	position: relative;	
	z-index: 1;
	margin: 0 0 0px 0px;
	padding: 15px 0 15px 0;	
}

#slider {
	width: 930px;
	margin: 0 15px 0 15px;
	position:relative;
}

.noContent {
	text-align: center;
	padding: 0px 0 0px 0;
}


/*//////////////////////////////////////////////////////////////////// 
//  12 - Footer
////////////////////////////////////////////////////////////////////*/


#footer {
	color: #a9a9a9;	
	padding-bottom: 0px;
}

body.dark #footer {
	color: #626262;		
}

#footer a {
	color: #848484;	
}

#footer a:hover {
	color: #9d9d9a;
	text-decoration: none;	
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}
.dark #container #header #mainNav .menu-main-nav-container #menu-main-nav #menu-item-1 a {
	color: #676767;
}