/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Baseline Corrections
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* Baseline Corrections
=================================================== */
/* #Typography (Corrected)*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 42px; line-height: 49px; margin-bottom: 7px; }
	h2 { font-size: 35px; line-height: 42px; margin-bottom: 7px; }
	h3 { font-size: 21px; line-height: 28px; margin-bottom: 7px; }
	h4, h5, h6 { font-size: 14px; line-height: 21px; }



	p { margin: 0 0 14px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 28px; color: #777;  }

/*	Blockquotes (Corrected) */
	blockquote, blockquote p { font-size: 21px; line-height: 28px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 14px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin-top: 7px; height: 0; }	

/* #Lists (Corrected) */
	ul, ol { margin-bottom: 20px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Site Styles
================================================== */
* { 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
	}

body {background-image: url(../images/wallpaper.jpg);}

article {margin: 0px;}
	
.light {background-color: #fff; color: #000;}
.light_h {background-color: #fff; color: #000; }
.dark {background-color: #646363; color: #fff; }
.black {background-color: #000; color: #fff;}

figure img{max-width: 100%;
height: auto;}

.logo { max-width: 100%;
height: auto;}

.newer-older { padding-left: 10 px}

.h_image{ transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* IE 9 */
-webkit-transform:rotate(-2deg); /* Safari and Chrome */
max-width: 100%;
height: auto;
}


a {
	text-decoration: none;
}

#comment {
	width: 100%;
}

.entry-content a, .post a{
	text-decoration: underline;
	color:#367992;
	
}

.foot img {
	float: left;
	padding: 7px 7px;
}
img{
	max-width: 100%;
	height: auto;
}
/* #Navigation Styles
==================================================*/
nav.secondary { margin: 0;}

nav.primary ul, 
nav.primary ul li,
nav.secondary ul, 
nav.secondary ul li{
	margin: 0;
}

nav.primary ul li {
	display: inline;
	float: left;
	position: relative;
}

nav.primary ul li a {
	display: inline-block;
	line-height: 28px;
	padding: 0 14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

nav.primary ul li a:hover {
	background: #367992;
	cursor: pointer;
}

nav.primary ul li.current-menu-item a{
	background: #afa9a4;
	color: #000;
}

nav.secondary ul {
	width: 100%;

}

nav.secondary ul li {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;


}

nav.secondary ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 21px;
	padding: 5px 10px;
	border-bottom: solid 1px #fff;
	color: #fff;
	background-color: #afa9a4;
	text-transform: captialize;
	text-decoration: none;
}

nav.secondary ul li a:hover {
	background: #367992;
	cursor: pointer;
}


nav.secondary ul ul {
	
		display: none;
}

nav.secondary ul li ul li a{

	text-align: right;
`	width: 100%;
	height: 100%;
	line-height: 35px;
	padding: 0 10px;
	border-bottom: solid 1px #fff;
	color: #000;
    background: #dfd9d2;

}

nav.secondary li ul li a:hover {
	cursor: pointer;
}

nav.secondary .sub-menu .current_page_item a:before
{
	content:"◊";
	margin-right: 4px;
}



/* #Page Styles
================================================== */



/* #Base Grid Modifications for Sidebar and Main Content Areas, Plus Logo Div
============================================================================== */
/* .container .five.columns                    { width: 280px; } original*/
.container .five_h.columns                    { width: 255px; padding: 20px 0 20px 25px;}

/* .container .eleven.columns                  { width: 640px; }*/
.container .eleven_h.columns                  { width: 650; margin-left: 0; padding-top: 105px;}

 /*.container .thirteen.columns                { width: 760px; } original*/
.container .thirteen_s.columns              { width: 760px; margin-left: 0; margin-right: 0; padding: 21px; min-height: 600px }

 /* .container .three.columns                   { width: 160px; } original*/
.container .three_s.columns                 { width: 180px; margin-left: 0; margin-right: 0; }

/*.container .sixteen.columns                 { width: 940px; } original */
.container .sixteen_p.columns                 { width: 940px; padding: 14px 35px;  } 

.container .twelve_m.columns                  { width: 700px; padding-right: 35px; padding-top: 14px; padding-bottom: 14px }


.container .four_m.columns                    { width: 220px; padding: 21px 35px 14px 35px}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/*.container .five.columns                    { width: 220px; } 
		  .container .eleven.columns                  { width: 508px; }*/
		
		.container .five_h.columns                    { width: 200px; padding: 20px 0 20px 20px; } 
		.container .eleven_h.columns                  { width: 508px; margin-left: 10px; padding-top: 95px;}
		
		/*.container .three.columns                   { width: 124px; } originally*/
		.container .three_s.columns                   { width: 144px; margin-right: 0; margin-left: 0; }
	
		/* .container .thirteen.columns                { width: 604px; } originally*/
		.container .thirteen_s.columns                {width: 604px; margin-right: 0; margin-left: 0;padding: 10px; }
		
		/*.container .sixteen.columns                 { width: 748px; }*/
		.container .sixteen_p.columns                 { width: 748px; padding: 28px }
		
	    /*.container .twelve.columns                  { width: 556px; }*/
	    .container .twelve_m.columns                  { width: 556px; padding-right: 28px; padding-top: 14px; }
	
		/*.container .four.columns                    { width: 172px; }*/
		.container .four_m.columns                    { width: 172px; padding: 28px;}
		
		nav.primary ul li a {
			padding: 0 7px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	


		.h_image{ display: none}
		article img {display:none}
		.container .five_h.columns,
		.container .eleven_h.columns { width: 280px; padding: 10px; }
		
		.container .three_s.columns {width: 300px; margin-left: 0; margin-right:0;}
	    .container .thirteen_s.columns { width: 300px; margin-left: 0; margin-right:0; padding: 10px; }
	
		.container .four_m.columns {display: none}
	    .container .twelve_m.columns {width: 300px; padding:10px 10px 10px 10px}
		 
		.container .sixteen_p.columns {width: 300px; margin-left: 0; margin-right:0;padding: 10px }              

		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.h_image{ display: none}
		article img {display:none}
		.container .five_h.columns,
		.container .eleven_h.columns { width: 380px; padding: 10px;}
		
		.container .three_s.columns {width: 420px; margin-left: 0; margin-right:0;} 
		.container .thirteen_s.columns {width: 420px; margin-left: 0; margin-right:0;padding: 10px }
		 
		.container .four_m.columns {display: none}
		.container .twelve_m.columns {width: 420px; padding:10px 10px 10px 10px}  
		
		.container .sixteen_p.columns {width: 420px; margin-left: 0; margin-right:0;padding: 10px }            

		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	} 






}
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/**
 * 5.0 Alignment
 * ----------------------------------------------------------------------------
 */

.alignleft {
	float: left;
	margin: 5px 20px 5px 0;
}

.alignright {
	float: right;
	margin: 5px 0 5px 20px;
}

.aligncenter {
	display: block;
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}