@import url(https://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Open+Sans|Cabin+Condensed);

body {font: normal 14px 'Open Sans'; color: #333;  margin: 0; padding: 0; line-height: 1.6;
  background: #aaa url(../images/city.jpg);
  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {color: #333;}
h1, h2, h3 {font: normal 20px 'Open Sans'; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #2285c6;}

.component h2 {text-transform: uppercase; font-weight:bold;}
a, a:visited {color: #2A67C2; text-decoration: underline;}
a:hover {color: #0066FF; text-decoration: underline;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

#pagewrapper { background: #fff; border-radius: 3px; 
-webkit-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.7); 
}

#header_wrapper {padding-top: 30px; padding-bottom:10px;}

#header_text {zoom: 1; overflow: hidden; padding: 0 0 0 0;}
#header_text h1#site_heading {font: bold 50px 'Carrois Gothic SC';color: #333; float: left; margin:5px 0 10px 2px; line-height: 1.2; text-shadow: rgba(255, 255, 255, 1) 0px 0px 14px; padding-left: 20px;}
#header_text h1#site_heading a {color: #333;}
#header_text h2#site_subheading {font: 24px 'Cabin Condensed';color: #fff; line-height: 1.2; margin:30px 0 0 0; float: right;padding-right: 20px;}

.wrapper {}


.navbar {width: 100%; overflow: hidden; margin-top: 10px;}
#primary_navigation {font: normal 14px 'Open Sans'; overflow: hidden; }
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0; background: #555; zoom: 1; overflow: hidden; text-align: center;}
#primary_navigation ul li {display: inline-block; }
#primary_navigation ul li a {display: inline-block; float: left; padding: 10px 30px 10px 30px; text-decoration: none; color: #FFF; margin-right: 0px;}
#primary_navigation ul li a:hover  { background: transparent url(../images/bg25.png);}
#primary_navigation ul li.active a {background: transparent url(../images/bg25.png);}
#primary_navigation ul li.last a {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #555;margin-right: -20px;border-radius: 0px;}
#primary_navigation ul.sf-menu ul.sub_navigation li a {opacity:1; padding:10px 30px 10px 30px; border-top: 0; border-radius: 0px; background: transparent url(../images/bg15.png);}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {padding:10px 30px 10px 30px; border-top: 0;}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {background: transparent url(../images/bg25.png); padding:10px 30px 10px 30px; color: #fff; border-top: 0;}

#primary_navigation ul.sf-menu ul.sub_navigation > li:last-child a { }
#primary_navigation ul.sf-menu ul.sub_navigation > li:first-child a { }

.location {padding: 10px;}
.component {margin-bottom: 20px; }
.component_content {padding: 0 5px;}
/* .component h2 {margin-top: 0; padding:5px 15px; text-transform: uppercase; background-color:#e2e2e2; color:#333; border-radius:5px;}  */

.component h2 {
	position: relative;
	padding: 6px 20px 6px 50px;
	margin: 10px 10px 10px -30px;
	color: #333;
	background-color: #DCE6FA;
	text-shadow: 0px 1px 2px #ffffff;
	-webkit-box-shadow: 0px 2px 4px #979797;
	-moz-box-shadow: 0px 2px 4px #979797;
	box-shadow: 0px 2px 4px #979797;
}

.component h2:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #5a5a5a #5a5a5a transparent transparent;
}
.component h2:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -2px;
	top: 0px;
	border-color: transparent #fff transparent transparent;
}


.navigation_component ul {list-style-type: none; font-size: 18px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 35px; list-style-type:square}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: square; padding-left: 30px;}
.blog_component p.post_read_more {padding-bottom: 10px;}
.blog_component p.post_read_more a {padding: 10px; background: #5FC4E8; color: #fff; text-decoration: none;}
.blog_component p.post_read_more a:hover {background: #4A9CBB; color: #fff; text-decoration: none;}
.blog_component p.archived {text-align: right; padding-top: 10px;}
.blog_component p.archived a {padding: 10px; background: #4A9CBB; color: #fff; text-decoration: none;}
.blog_component p.archived a:hover {background: #5FC4E8; color: #fff; text-decoration: none;}

.metadata {font-size: 13px; padding: 10px; border-top: 2px solid #DDD;}
.metadata .comments { }
.metadata div {display: inline;}

.guestbook_component input, .guestbook_component textarea, .form_component input, .form_component textarea {max-width: 97%;}

.comment.owner {border: none;}
.comment {border-bottom: 2px solid #DDD;}


.component input {min-height: 25px}
.component input, .component textarea { border: none; color: #222; border: 2px solid #DBDBDB; background-color:#fefefe;}

.component button, .blog_component p.post_read_more a, .blog_component p.archived a, input.form_field_submit_button, .submit_wrapper input {border-radius: 5px; padding: 10px 20px; background: #3f3f3f; color: #fff; border: none; font-size: 16px;}
.component button:hover, .blog_component p.post_read_more a:hover, .blog_component p.archived a:hover, input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #555; color: #fff; font-size: 16px;border-radius:5px;}


#top_wrapper .nivo-controlNav {padding-bottom:0;}

#footer_wrapper {color: #333; text-align: center; margin-top: 10px; margin-bottom: 10px; }
#footer_wrapper .container {padding: 10px 0px;}
#footer_wrapper a, #footer_wrapper a:visited {}
#footer_wrapper a:hover { }
#footer_wrapper #powered_by {text-align: center; padding: 10px 0 20px 0;}

.right {background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(left,  #f1f1f1 0%, #ffffff 14%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1f1f1), color-stop(14%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f1f1f1 0%,#ffffff 14%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f1f1f1 0%,#ffffff 14%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f1f1f1 0%,#ffffff 14%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #f1f1f1 0%,#ffffff 14%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
border-bottom-right-radius: 10px; 
}

.right .component:last-of-type {}

#copyright {padding: 0 10px; text-align:center;}
.splash #location_3 {}

a[href^=tel] { color: inherit; text-decoration: none; }

@media screen and (max-width: 650px) {
  #header_wrapper {padding-top: 10px; padding-bottom: 20px;}
  #header_text {padding: 15px 10px;}
  #header_text h1#site_heading {font-size: 35px; float:none; text-align:center;line-height: normal;}
  #header_text h2#site_subheading {font-size: 18px; padding-top:10px; float:none; text-align:center;line-height: normal;}
  #header_text h1#site_heading, #header_text h2#site_subheading {margin: 0px;}
  .theme-custom-1 .nivo-directionNav .nivo-prevNav {left:0;}
  .theme-custom-1 .nivo-directionNav .nivo-nextNav {right:0;}
  .splash #location_3 .nivo-controlNav {display: none;}
  .right {background: #fff;}
  .container {margin-left: 7px; margin-right: 7px;}
}