* {margin:0;padding:0;}
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;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y: scroll;
}
body {
	background: url(images/bg-paper.jpg) repeat ; 
	color:#121212; 
	font:107%/1.7em Georgia,"Times New Roman",Times,serif; 
}
:focus {outline: 1px solid #ECE5DB;}
a {
	color:#CC4D22;
	text-decoration: none;
}
a:hover { 
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
    -o-transition:background 0.2s linear;
	text-decoration: underline;
}
blockquote { 
	background:#E2DBD1;
	border-left:7px solid #D1BFA6;
	color:#7c6340;
	font: 24px 'Lobster', Georgia, "Times New Roman", Times, serif; 
	margin: 0 25px;
	font-style:italic;
	font-size:15px;
	padding: 15px;
}
#header-img {
	text-align:center;
}
ul ul{ margin-left:15px; }
ol{ padding-left:25px; }
#canvas {
	background:transparent url(images/header-design.jpg) top right no-repeat; 
	margin: 0 auto;
	padding:40px 0;
	width:1000px;
}
#header-wrap {
	margin: 0 auto 10px;
}

/* the heading and tagline are h1 on homepage and h4 on internal */
#site-title, 
#site-description {
	font-family:'Lobster', Georgia, "Times New Roman", Times, serif;
	font-weight:normal ;
	margin:0px auto 0; 
	text-align:center; 
} 
#site-title a { 
	background: url(images/title-stroke.gif) bottom left repeat-x; 
	color:#cc4d22; 
	font-size:80px;
	line-height:1.6em;
	text-shadow: -1px -1px 0 #7F3218; 
}
#site-title a:hover{ 
	text-decoration:none;	
}
/* the tagline is a span within the h1 or h4 */
#site-description { 
	display: block;
    font-size: 2em;
    margin: 0 0 50px 0;	
}
	
/*  	 NAV AND SUB NAV 
---------------------------------*/
/* ============
	Level ONE
	========== */

.main-menu {
	background: url(images/nav-bg.gif) repeat-x scroll left top transparent;
	height:46px;
	font-size:14px;
	font-weight:bold;
	list-style: none;
	margin:0;
	padding-top:2px;
	position:relative;
	text-transform:uppercase;  
	text-align:center;
}
.main-menu ul li {
	float:left;
	list-style:none;
	position:relative; 
}
.main-menu li a {
	color: #121212; 
	display:block;
	padding:10px 12px;
	text-align:center;
}
.main-menu li#active a {
	background: #E2DBD1;
	color:#CC4D22;
	text-decoration:none;
}
.main-menu li a:hover {
	background: #E2DBD1;
	color:#CC4D22;
	text-decoration:none;
}
/* ==================
		Level TWO
	================= */
.main-menu ul ul  { 
  	display: none;
	float:none;
 	position: absolute;
	margin-left:0; 
	padding:0;
  	left: 0;
	top: 100%; 
	width: 200px;
	z-index:1; 
}
.main-menu ul ul li {
	border-color:#FEFEFE #CCC #CCC #FEFEFE;
	border-style:solid;
	border-width:1px;
	float:none;
}
.main-menu ul ul li a {
	display: inline-block;  
}
.main-menu ul ul li a:hover {
	background: transparent;
	color:#CC4D22;
	text-decoration:none;
}
.main-menu ul li:hover > ul,
.main-menu ul li.sfhover ul {
	background:#F0E9DF;
	clear:both;
	display:block; 
}

/* ================
	  Level THREE
	================ */
.main-menu ul ul ul {
	left: 100%;
	position:absolute; 
	margin:0;
	top: 0;
	padding:0;
}
.main-menu ul ul ul li{ 
	margin:0;
	padding: 0; 
}
/* Currently selected page nav item (and parent) if applicable */
.current_page_item a, 
.current_page_parent a { 
	text-decoration: none;
}
.current_page_item a:hover, 
.current_page_parent a:hover {
	text-decoration: underline;
}

/*     MAIN CONTENT    
---------------------------- */
#primaryContent {
	clear:both;
 	float: left;
	margin: 30px 40px 0 0;
	padding: 0 15px;
	width: 680px;
}
h1, h2 {
	 margin: 20px 0 10px;
	 padding: 0;
}
h3 {
	margin: 10px 0 5px;
	padding: 0; 
}
#primaryContent h1.postTitle,
#primaryContent h2.postTitle { 
	font-size: 22px; 
	margin: 0 0 20px; 
	padding:10px 0;
	text-align:center;
	background:#0097a5 url(images/title-bg.gif) repeat 0 0; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
  	color:#fff;
	font-size:24px;
	font-weight:normal; 
	line-height:1.5em;
	padding:10px 15px;
	text-shadow:-1px -1px #333;
	text-transform:uppercase;

}
#primaryContent h1.postTitle a, 
#primaryContent h2.postTitle a {
  	background:#0097a5 url(images/title-bg.gif) repeat 0 0; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
  	color:#fff;
	font-size:24px;
	font-weight:normal; 
	line-height:1.5em;
	padding:10px 15px;
	text-shadow:-1px -1px #333;
	text-transform:uppercase;
}
#primaryContent h1.postTitle a:hover, 
#primaryContent h2.postTitle a:hover {
	background:#CC4D22 url(images/title-bg-over.gif) repeat 0 0; 
	text-decoration: none; 
}

#primaryContent p.date {
	background: url(images/border.gif) repeat-x scroll left center transparent;
	color:#666;
	font-size: 14px; 
	margin:10px 0 20px; 
	text-align:center;
}  
#primaryContent p.date small {
	background:url(images/bg-paper.jpg) repeat scroll 0 0 transparent; 
	color:#666;
	font-size:14px;  
	padding:0 10px; 
}
.postWrapper { 
	background:url(images/border.gif) repeat-x scroll left bottom transparent; 
	margin:0 0 50px; 
	padding:0 0 20px; 
}
.post {
	overflow:hidden;
	text-align: left;
}
.post p {
	margin-bottom:20px;
}
.post img{background:#fff;padding:2px;border:2px solid #ccc;margin:10px;}
img {
	background:#e2dbd1; 
	border: 1px solid #d1bfa6;
	margin:0 10px 10px 0; 
	padding:3px; 
}
.post2 ul li{list-style:disc;  margin-left:20px;}
.post2 li{margin-bottom:7px; list-style-position:outside; margin-left:30px;}
.post a{color:#606060; text-decoration:none;} 
.post a:hover{ color:#D21600; text-decoration:underline;}
.post a:visited{color:#6611CC; text-decoration:underline;}


.page-link a {
	border-right:1px solid #CC4D22;
	margin-right:4px;
	padding-right: 4px;
	
}
hr {margin:30px;border:1px solid #048C99;}


/*      SIDEBAR          
----------------------------*/
#secondaryContent {
	background:#e2dbd1; 
	border: 15px solid #d1bfa6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius:6px;
	float: left; 
	margin: 30px 0 0;
	padding:20px 10px;
	width: 198px;	
	 font-size:14px;
	 line-height:1.6em;
}

#secondaryContent h3 {
	margin: 10px 0 0;
	padding: 0;
}
#secondaryContent ul { 
	color:#666;
	font: 16px Georgia, "Times New Roman", Times, serif; 
	list-style:none; 
	margin: 15px 0 30px;
} 
#secondaryContent > ul { 
	color:#666;
	list-style:disc; 
	margin: 0 0 30px 15px;
}
#secondaryContent > ul a {
	color: #393939;
}
#secondaryContent > ul > li  {
	border-bottom: 1px dotted #D1BFA6; 
	padding:5px 0;
	margin-left:10px;
	margin-bottom:5px;
}
#secondaryContent li { 
	border-bottom: 1px dotted #D1BFA6; 
	padding:5px 0;
}
 #secondaryContent h4 {
	font: 20px 'Lobster', Georgia, "Times New Roman", Times, serif; 
	margin: 0 0 5px; 
	text-shadow:1px 1px #FFF; 
	border-bottom: 1px dotted #D1BFA6; 
	padding:5px 0;
}
 #secondaryContent p{
	 margin-bottom:10px;
 }
.sidebaritem {
	margin-bottom:15px;
}
fieldset, 
form, 
label, 
input, 
h2#postcomment, 
h2#comments {
	margin-bottom:20px;
}

#footer { 
	clear: both;
	font-size: 80%;
	padding-top:10px;
	text-align:center;
}

/* normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

#contact-button {
	background:none repeat scroll 0 0 #0097A5;
	border:0 none;
	-moz-border-radius: 10px;
	-o-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
	padding:10px;
}
#submit:hover{background:#CC4D22;}

fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#E2DBD1;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:360px;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}


@media (max-width: 1024px){
	#primaryContent {
		margin: 30px 11px 0 0;
		padding: 0 15px;
		width: 65%;
	}
	#canvas {width: 100%;
	}
	#header-img img {
		background: #e2dbd1 none repeat scroll 0 0;
		border: medium none;
		margin: 0 auto;
		padding: 0;
	}.post img {
		border: none;
		height: auto;
		max-width: 100%;
	}
}

@media (max-width: 900px){
	#primaryContent {
		margin: 30px 2% 0;
		padding: 0 15px;
		width: 90%;
	}
	#secondaryContent {
		width: 88%;margin-left: 1%;margin-right: 1%;margin-top:10px;border: 10px solid #d1bfa6;
	}
}
@media (max-width: 767px){
	#site-title a {
		font-size: 60px;
		line-height: 1.1em;
		text-shadow: 1px 1px 0 #7f3218;
	}
}
@media (max-width: 700px){
	#canvas {
		background: transparent url(images/header-design.jpg) repeat scroll 0 0;
		margin: 0 auto;
		padding:0;
	}
	.main-menu{display:none;}
	#site-description {margin: 15px 0 50px;}
	.post img {float:none!important;}
}
@media (max-width: 480px){
	#secondaryContent {
		width: 85%;margin-left: 1%;margin-right: 1%;margin-top:10px;border: 10px solid #d1bfa6;
	}#primaryContent {width: 85%;}
	fieldset#contact-form {width:90%;}
	fieldset#contact-form textarea {width:96%;}
	.post img {max-width: 92%;}
	#site-title a {font-size: 44px;}
	}
	@media (max-width: 320px){
	fieldset#contact-form {width:85%;}
	fieldset#contact-form textarea {width:96%;}

	#site-description {line-height: 1em;
		margin: 0 0 30px;
	}
}