/*
Theme Name: DAHLIA - Version:  1.3
Description:  Designed by <a href="http://themeforest.net/user/josweb">josweb</a>.
Author:  <a href="http://www.spiralpixel.com">Jo</a>
01. General Styling
02. Main Content Accordian
03.	Main Image Slider
04.	Mini Carousel
05. Services / Testimonials Carousel
06. Gallery Pics
07. News
08. Contact Form
09. Full Blog Page
11. Media Queries
*/

/* 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
body { line-height:1; }
ol,ul { list-style:none;}
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
strong { font-weight:bold; }
em { font-style:italic; }


/***************************************************
	01. GENERAL
***************************************************/
body {
	background: #444;
	color: #62e0e4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.8em;
}

p {
	padding: 0 0 15px 0;
	color: #FFF;
	font-weight: bold;
}

a {
	color: #aba917;
	text-decoration: none;
	outline: 0;
	-moz-transition: color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	transition: color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-webkit-transition: color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-o-transition: color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
}
a:hover{ color:#fff; text-decoration:none; }

/*-- big background image --*/
#bgimg { position:fixed; z-index: -1; }

/*-- content starts --*/
#realBody {
	position:relative;
	z-index:99999;
	/*--background:url('../../style/images/raster.png');--*/
	padding-bottom:20px;
}

#container { width:90%; max-width:800px; margin:0 auto; }

/* ACCORDIAN CONTENT WRAPPER ++++++++++++++++++++++++++++++++++++++++++++ */
.wrapper {
	width: 90%;
	max-width: 800px;
	margin: 50px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-image: url(../../GRAPHS/bg-brown.png);
	background-repeat: repeat;
	background-position: left top;
}

.clr { clear: both; }
.clr2 { padding-bottom:40px; }
.grey {
	color: #FFF;
}
.pink { color:#e4afc3; }
cite{ color:#e4afc3; }
.white { color:#FFFFFF; }

.author { 
	color:#e4afc3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:12px;
	 margin-top:10px;
}

/* YOUR NAME ++++++++++++++++++++++++++++++++++++++++++++ */
.header h1 {
	padding: 45px 0 25px 0;
	font-size: 48px;
	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	line-height: 10px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
	font-style: normal;
}
/* JOB TITLE ++++++++++++++++++++++++++++++++++++++++++++ */
.header h2, .copyright h2 {
	padding-bottom: 10px;
	font-size: 20px;
	color: #fff;
	font-style: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

.header h3 {
	padding-bottom: 25px;
	font-size: 26px;
	color: #fff;
	font-style: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

/* IMAGE STYLES ++++++++++++++++++++++++++++++++++++++++++++ */
.float-left {
	float:left;
	padding:3px;;
	margin:5px 15px 0 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.float-left1 {
	float:left;
	padding:0px;
	width:99%;
	margin:5px 0 15px 0px;
	border:1px solid #555;
	clear:right;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.float-left-no-border {
	float:left;
	padding:0px;
	width:100%;
	margin:5px 0 15px 0px;
	
	clear:right;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.float-right {
	float:right;
	padding:3px;
	margin:5px 0px 0 15px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.map {
	float:right;
	padding:0px;
	margin:5px 0 0 5;
}

/* SKILL  PICS ++++++++++++++++++++++++++++++++++++++++++++ */
.pics{
	height: auto;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.pic{
	width: 15%;
	padding: 0;
	margin: 0 AUTO;
	border: 1px solid #555;
}

/* TESTIMONIAL QUOTE ++++++++++++++++++++++++++++++++++++++++++++ */
.quote { background:url('../../style/images/quotemark.png') no-repeat 3px 0px; }

/*--columns--*/
.two_col {
	width:48%;
	float:left;
	margin-right:4%;
}
.three_col {
	width:31.5%;
	float:left;
	margin-right:2.5%;
}
.last { margin-right:0; }

/* TABLE ++++++++++++++++++++++++++++++++++++++++++++ */
.table {
	width: 100%;
	margin:0 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.table th, .table td { padding: 8px; line-height: 19px; text-align: left; border-top: 1px solid #333; }
.table th { font-weight: normal; }
.table td { color: #bbb;}
.table thead:first-child tr th { border-top: 0; color:#e4afc3;}
.table tr:nth-child(odd) td{ background: #111 url("../../style/images/light_lines.png") repeat; }

/* LISTS ++++++++++++++++++++++++++++++++++++++++++++ */
ul.pointer {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
 
/* Pointer List */
ul.pointer li {
	background: transparent url(../../style/images/list-arrow.png) no-repeat;
	background-position: 2px 8px;
	display: block;
	border:0px ;
	list-style: none;
	padding: 0 0 0 18px;
}
 ul#bullet, ul#bullet2,  ul#bullet3 {
	display: block;
	margin-top: -10px;
	overflow: hidden;
	padding: 0;
}
/* Bullet List */
ul #bullet li, ul #bullet2 li, ul #bullet3 li{
	padding: 0 0 0 15px;
	background: transparent url(../../style/images/bullet.jpg) no-repeat;
	background-position: 0 8px;
}
	
/* SOCIAL ICONS ++++++++++++++++++++++++++++++++++++++++++++ */
#social {
	text-align:center;
	margin:-25px auto 0 auto;
	outline: 0;
}

/***************************************************
	02. MAIN CONTENT ACCORDIAN	
***************************************************/
.st-accordion {
	width:99%;
	min-width:270px;
	margin:0 auto;
}
/*--panel divider borders --*/
.st-accordion li {
	padding:0px 14px 0px 14px;
	border-bottom:1px solid #aba917;
	border-top:1px solid #fff;
	overflow:hidden;
	background:transparent;
}
.st-accordion ul li:first-child { border-top:none;}
.st-accordion ul li:last-child { border-bottom:none; }

/*--large title links --*/
.st-accordion ul li>a {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 1px #000;
	font-size: 40px;
	display: block;
	color: #fff;
	position: relative;
	line-height: 80px;
	outline: none;
	margin-left: 4px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
/*--open close button --*/
.st-accordion ul li>a span {
	background:transparent url(../../style/images/down.png) no-repeat center center;
	text-indent:-9000px;
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	right:-526px;
	margin-top:-20px;
	opacity:0;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.st-accordion ul li>a:hover {
	color: #aba917;
}
.st-accordion ul li>a:hover span { opacity:1; right:10px; }
.st-accordion ul li.st-open>a {  color:#aba917;  }
.st-accordion ul li.st-open>a span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	right:0px;
	opacity:1;
}
.st-accordion h2 {
	font-size: 14px;
	margin: 0 0px;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 24px;
	
}
.st-accordion h3 {
	font-size:13px;
	margin:0 0px 15px 0px;
	text-align:left;
	color:#e4afc3;
}

/*--MINIMUM HEIGHT OF YOUR PANELS --*/
.st-content { min-height:300px; padding:5px 4px 30px 4px; }

@media screen and (max-width:320px) {
.st-accordion ul li>a {
font-size:26px;}
}
@media screen and (max-width:480px) {
.st-accordion ul li>a {
font-size:30px;}
}

/***************************************************
	03. MAIN IMAGE SLIDER
***************************************************/
/* Browser Resets */
.flex-container a,.flexslider a,.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus { outline:none; }
.slides,.flex-control-nav,.flex-direction-nav { margin:0; padding:0; list-style: none; }
.flexslider { margin:0; padding:0; }
.flexslider .slides>li { display:none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width:100%; display:block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
html[xmlns] .slides { display:block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you * include js that eliminates this class on page load */
.no-js .slides>li:first-child { display: block;}
.flexslider {
	background:#fff;
	border:4px solid #bbb;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	zoom:1;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.flexslider .slides { zoom:1; }
.flexslider .slides>li { position: relative; }
.flex-container { zoom:1; position: relative; }
/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom:1;
}
.flex-caption {
	width:96%;
	padding:2%;
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.3);
	color:#ddd;
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	font-size:13px;
	line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav { height:0; }
.flex-direction-nav a {
	width:52px;
	height:52px;
	margin:-13px 0 0;
	display:block;
	background:url(../../style/images//bg_direction_nav.png) no-repeat;
	position:absolute;
	top:50%;
	cursor:pointer;
	text-indent:-999em;
}
.flex-direction-nav .flex-next { background-position:-52px 0; right:-21px; }
.flex-direction-nav .flex-prev { left:-20px; }
.flex-direction-nav .flex-disabled { opacity:.3; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-39px;
	text-align:center;
}
.flex-control-nav li {
	margin:0 0 0 5px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-nav li:first-child { margin:0; }
.flex-control-nav a {
	width:18px;
	height:20px;
	display:block;
	background:url(../../style/images//bg_control_nav.png) no-repeat;
	cursor:pointer;
	text-indent:-999em;
	-moz-transition:none;
	transition:none;
	-webkit-transition:none;
	-o-transition:none;
}
.flex-control-nav a:hover { background-position:0 -19px;}
.flex-control-nav a.flex-active { background-position:0 -38px; cursor: default; }

/***************************************************
	04. MINI CAROUSEL
***************************************************/
.es-carousel-wrapper {
	padding:10px 32px 10px 14px;
	position:relative;
}
.es-carousel { overflow:hidden; }
.es-carousel ul { display:none;}
.es-carousel ul li {
	height:89px;
	float:left;
	display:block;
	border:0px;
}
.es-carousel ul li a { display:block; }
.es-carousel ul li a img {
	display:block;
	border:1px solid #555;
	max-height:100%;padding:3px;
	max-width:100%;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.es-nav span {
	position:absolute;
	top:50%;
	left:0px;
	background:transparent url(../..//style/images/nav.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.5;
}
.es-nav span.es-nav-next {
	right:0px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover { opacity: 1.0; }

/***************************************************
	05. SERVICES/TESTIMONIAL CAROUSEL
***************************************************/
.holder{ width:100%; margin:2px 0 0 1px; }

.slidewrap ul li,.slidewrap2 ul li, .slidewrap3 ul li{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
.carousel-tabs { clear:both; width:100%; }
.slidewrap .carousel-tabs{
	padding:0;
	clear:both;
	width:100%;margin-left:-3px;
}
.slidewrap .carousel-tabs li{
	display:inline-block;
	padding:0 2px;
	border:0;
}
.slidewrap .carousel-tabs a {
	background:#ddd;
	margin-top:20px;
	display:inline-block;
	height:10px;
	text-indent:-9999px;
	width:10px;
	border-radius:5px;
}
.ie .slidewrap .carousel-tabs li{ display:block; float:left;}
.slidewrap .carousel-tabs .carousel-active-tab a { background:#777; }

.slidewrap2  p   {
	font-size:18px;
	font-style:italic;
	line-height:28px;
	color:#aaa;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	padding-bottom:10px;
}
.slidewrap2 .slidecontrols li, .slidewrap3 .slidecontrols li {
	font-size:14px;
	font-style:normal;
	display:block;
	float:left;
	margin:5px 0 20px 0;
	color:#ccc;
}
.slidewrap2 .carousel-next, .slidewrap3 .carousel-next {
	background:transparent url(../../style/images/nav.png) no-repeat -14px 0px;
	width:16px;
	height:35px;
	display:block;
	text-indent:-9000px;
	cursor:pointer;
	opacity: 0.5;
	padding-left:20px;margin-left:10px;
}
.slidewrap2 .carousel-prev, .slidewrap3 .carousel-prev  {
	background:transparent url(../../style/images/nav.png) no-repeat 2px 0;
	width:16px;
	height:35px;
	opacity: 0.5;
	display:block;
	margin-left:-2px;
	text-indent:-9000px;
	cursor:pointer;
}
.slidewrap2 .carousel-next:hover,.slidewrap2 .carousel-prev:hover,
.slidewrap3 .carousel-next:hover,.slidewrap3 .carousel-prev:hover  
{ opacity: 1.0; }

/***************************************************
	06. BEAUTY GALLERY PICS
***************************************************/
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery:after {
	clear: both; content: ".";
	display: block;
	height: 0;visibility: hidden;
}
.gallery li {
	float: left;
	display:inline;width:16.2%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
.gallery li a {
	display: block;
	margin: 5px 0 13px 0;
	
	padding:3px;
}
.gallery li img { display: block; width: 100%; height: auto; }

/***************************************************
	07. NEWS
***************************************************/
.blog { margin:-8px 0 0 0; width:99%; }
.blog p { margin:4px 0 0 -4px; font-size:12px; }
.blog-im {
	float:left;
	padding:4px;
	width:35%;
	margin:5px 15px 5px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.read-more { float:right; margin:0 4px 5px -20px; }
.blog h3 { margin:4px 0 0 -1px; font-size:14px; }
.blog h3 a{ color:#e4afc3;}
.blog h3 a:hover{ color:#fff;}
#blog_container {
	margin:4px 15px 10px 15px;
	color:#bbb;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:24px;
}

/***************************************************
	08. CONTACT FORM
***************************************************/
#contact_form {
	margin-left:-14px;
	border:1px;
	padding:0 0;
	display:block:
	height:600px;
}
p.success {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow:1px 1px 1px #000;
	font-size:28px;
	display:block;
	color:#eee;
	text-align:left;
	position:relative;
	line-height:40px;
	margin-top:30px;
}
.error { color:#999; font-size:11px; }
#contact_form ul { margin:0; }
#contact_form li {border:0;}
#contact_form label {
	display: block;
	font-size: 12px;
	color: #fff;
}
#contact_form li.textarea {}

#contact_form input {
background:#222 url(../../style/images/light_lines.png) repeat;
	width: 60%;
	border:1px solid #444;
	margin-bottom: 8px;
	padding-left: 4px;
	margin-right:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	height:24px;
	color:#bbb;
	opacity: 0.8;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#contact_form textarea {
	background:#222 url(../../style/images/light_lines.png) repeat;
	margin-bottom: 10px;
	padding: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 13px;
	width: 85%;border:1px solid #444;
	height: 130px;color:#bbb;
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
}
#contact_form input.submit {
	background: #222;
	color:#eee; 
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 12px;
	width: 60px;
	height:40px;
	margin: 5px 5px 45px 0px;
	font-size: 13px;
	display:block;float:left;
	text-align: center;
	border: 0;line-height: 1;opacity:1.0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#contact_form input.submit:hover { 
	color:#fff;
	background:#333;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
	
#contact_form .required { color:#e4afc3; font-size:1.2em; }


/***************************************************
	09. FULL BLOG PAGE
***************************************************/
#blog_container { 
	margin:-52px auto 20px auto;
	color:#bbb;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:24px;
	width:95.5%;
	padding:0;
}
#blog_container h1 {
	font-size:18px;
	text-shadow:1px 1px 1px #000;
	color:#e4afc3;
	padding:30px 0 5px 0;
	text-align:left;
	margin-left:4px;
}
.blog_full a {
	color:#D130A7;
	text-decoration:none;
	outline:0;
	-moz-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-webkit-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
	-o-transition:color .3s ease-in,background .3s ease-in,opacity .3s ease-in;
}
.blog_full a:hover { color:#fff; }
.blog_full p{
	padding:0 4px 15px 4px;
	font-size:12px;
	line-height:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.blog_full h2 {
	font-size:14px;
	margin:0 2px;
	text-align:left;
	color:#e4afc3;
	padding-bottom:20px;
}
.blog_full h3 {
	font-size:12px;
	margin:0 0 10px 4px;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
}
.main_image {
	margin:0 2px 5px 2px;
	padding:0;
	width:99%;
	border:1px solid #555;
}
.divider {
	border-bottom:1px solid #333;
	padding:0px;
	border-top:1px solid #000;
	height:1px;
}
/* COMMENTS ++++++++++++++++++++++++++++++++++++++++++++ */
.commentlist { list-style-type: none; margin: 20px 0 0; }
.comment { margin-top: 20px; position: relative; }
.bodycomment p { color: #bbb; line-height: 24px; }
.commentwrapper { margin: 0 0 0 80px; padding: 0 0px; }
.avatar {
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	left: 4px;
	padding: 0;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 6px;
	border:1px solid #555;padding:2px;
}
.metacomment { color: #888; margin-bottom: 10px; }
ul.innercomment { list-style-type: none; margin-left: 30px; }
 
#blog_form {
	margin-left:18px; margin-top:20px;
	border:1px;
	padding:0 0;
	display:block:
	height:600px;
}
p.success {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow:1px 1px 1px #000;
	font-size:28px;
	display:block;
	color:#eee;
	text-align:left;
	position:relative;
	line-height:40px;
	margin-top:30px;
}
.error { color:#999; font-size:11px; }
#contact_form li {border:0;}
#blog_form label { display:block; font-size: 12px; color:#bbb; }
#blog_form li.textarea {}

#blog_form input {
background:#222 url(../../style/images/light_lines.png) repeat;
	width: 60%;
	border:1px solid #444;
	margin-bottom: 8px;
	padding-left: 4px;
	margin-right:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	height:24px;
	color:#bbb;
	opacity: 0.8;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#blog_form textarea {
	background:#222 url(../../style/images/light_lines.png) repeat;
	margin-bottom: 10px;
	padding: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 13px;
	width: 85%;border:1px solid #444;
	height: 130px;color:#bbb;
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
}
#blog_form input.submit {
	background: #222;
	color:#eee; 
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 12px;
	width: 60px;
	height:40px;
	margin: 5px 5px 45px 0px;
	font-size: 13px;
	display:block;float:left;
	text-align: center;
	border: 0;line-height: 1;opacity:1.0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#blog_form input.submit:hover { 
	color:#fff;
	background:#333;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
	
#blog_form .required { color:#e4afc3; font-size:1.2em; }

/* MEDIA QUERIES ++++++++++++++++++++++++++++++++++++++++++++ */

@media screen and (device-width: 768px) and (orientation: portrait){
.pics{
	height:auto;
	margin: 0 auto;
	width:100%;
}
.pic{width:15.4%;
	padding:0;
	margin: 0 AUTO;
	
}
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery li {
	float: left;
	display:inline;
	width:1.3%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
 .gallery li a {
	display: block;
	margin: 5px 0 5px 0;
	border: 1px solid #555; 
	padding:0px;
}
.gallery li img { display: block; width: 100%; height: auto; }
}

@media only screen 
and (min-width: 768px) and (max-width: 790px) {
.pics{
	height:auto;
	margin: 0 auto;
	width:100%;
}
.pic{width:15.4%;
	padding:0;
	margin: 0 AUTO;
	border:0px solid #555;
}
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery li {
	float: left;
	display:inline;width:15.3%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
 .gallery li a {
	display: block;
	margin: 5px 0 5px 0;
	border: 1px solid #555; 
	padding:0px;
}
.gallery li img { display: block; width: 100%; height: auto; }
}

@media only screen 
and (min-width: 320px) and (max-width: 479px) {
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery li {
	float: left;
	display:inline;width:15%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
 .gallery li a {
	display: block;
	margin: 5px 0 10px 0;
	border: 1px solid #555; 
	padding:0px;
}
.pics{
	height:auto;
	margin: 0 auto;
	width:100%;
}
.pic{width:15.5%;
	padding:0;
	margin: 0 AUTO;
	border:0px solid #555;
	}
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;}
}
@media only screen 
and (min-width: 480px) and (max-width: 767px) {
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery li {
	float: left;
	display:inline;width:15.8%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
 .gallery li a {
	display: block;
	margin: 5px 0 10px 0;
	
	padding:0px;
}
.pics{
	height:auto;
	margin: 0 auto;
	width:100%;
}
.pic{width:15.9%;
	padding:0;
	margin: 0 AUTO;
	
	}
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;}
}

@media only screen 
and (min-width: 768px) and (max-width: 1023px) {
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
}
.gallery li {
	float: left;
	display:inline;width:16.1%;
	border:0;
   margin-left:-15px;
	margin-right:-10px;
}
 .gallery li a {
	display: block;
	margin: 5px 0 10px 0;
	
	padding:3px;
}
.pics{
	height:auto;
	margin: 0 auto;
	width:100%;
}
.pic{width:16.2%;
	padding:0;
	margin: 0 AUTO;
	
}
.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;}
}

/* 1. Accordion headings background color */
#st-accordion.st-accordion ul li > a {
  background-color: #62e0e4 !important; /* your desired light blue */
  color: #fff !important;
  display: block;
  line-height: 80px; /* match original header height */
}

/* 2. On hover and when open */
#st-accordion.st-accordion ul li > a:hover,
#st-accordion.st-accordion ul li.st-open > a {
  background-color: #0284c7 !important; /* darker blue for hover/open */
  color: #fff !important;
}

/* 3. Remove any colored background from the <li> itself */
#st-accordion.st-accordion ul li {
  background: none !important;
}