/*
Theme Name: KABBO
Theme URI: http://d5creation.com/theme/kabbo/

Author: D5 Creation
Author URI: http://d5creation.com/

Description: What is your Purpose? Business? Personal Blog? Portfolio Site? Image Gallery? Family Site? HTML 5 and CSS3 powered KABBO Theme is the right choice for you. Customizable Background and other options will give the WordPress Driven Site an attractive look.  KABBO is super elegant and Professional Theme which will expand you widely. The Slider will show the featured images and contents of posts automatically.  Front Page, Right and Footer Sidebar will be usable for showing the Widgets and Plugins items. Full Wide page can be used for showing showcase or other pages. KABBO Extend has come with exciting Post Options, Theme Options and Extra Functionalities with more than 100 Theme Options. D5 Creation's Support will be with you, Always! 

Version: 1.3

Tags: gray, light, black, blue, white, two-columns, right-sidebar, fixed-width, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, rtl-language-support, front-page-post-form, full-width-template, theme-options  

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

KABBO WordPress Theme, Copyright 2013: D5 Creation (www.d5creation.com)
KABBO is distributed under the terms of the GNU GPL


Text Domain: kabbo

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	line-height: 1;
}

ol, 
ul {
	list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	background-color:#EEEEEE;
	border:1px solid #FFFFFF;
	box-shadow:0 0 5px 0 #DDDDDD;
	color:#333333;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}

blockquote, 
q {
	quotes: "" "";
}

a img {
	border: 0;
}

article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}


/* =WordPress Core and Addition
-------------------------------------------------------------- */
.alignnone,
#content .alignnone,
#content-full .alignnone,
div .alignnone  {
    margin: 5px 20px 20px 0;
}

.aligncenter,
#content .aligncenter, 
#content-full .aligncenter,
div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright,
#content .alignright,
#content-full .alignright,
div .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft,
#content .alignleft,
#content-full .alignleft,
div .alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #FFFFFF;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* =Structure
----------------------------------------------- */

body {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.6;
	word-wrap: break-word;
	color:#333333; 
	background: url("images/back.jpg") repeat fixed left top / 100% auto #1c9afe;
}


img {
	max-width: 100%;
	border: 0 none;
}

#container {
	margin: 0 auto;
    padding: 30px 30px 0;
    width: 930px;
	background:#FFFFFF;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 5px 0 #555555;
	overflow: hidden;
}

#top-menu-container {
	margin: 0 auto;
	width: 990px;
	height: 55px;
}

#top-container {
	background: #333333;
	background: rgba(51, 51, 51, .95);
    border-radius: 0 0 5px 5px;
	padding: 0 30px;
    width: 930px;
	border-bottom: 1px solid #999999;
	position: fixed;
	height: 55px;
	z-index: 9999;
}

#top-menu-container input#s {
	background: url("images/search.png") no-repeat scroll right 50% #777777;
	background-color: rgba(51, 51, 51, 0.7);
    border: 1px solid #555555;
    box-shadow: 0 0 5px 1px #444444;
    color: #FFFFFF;
    right: 30px;
	position: absolute;
    margin: 13px 0;
    padding: 5px;
    min-width: 70px;
	width: 70px;
	text-indent: -1000px;
}

#top-menu-container input#s:hover {
	width: 150px;
	min-width: 150px;
	text-indent: 0px;
	padding: 5px 25px 5px 10px;
	background-color: #999999;
	
}

#top-menu-container input[type="submit"] {
	display: none;
}

#header {
	margin: 0 auto 20px;
    min-height: 100px;
    padding: 5px 28px;
    width: 930px;
}

img.site-logo, h1.site-title {
	color: #DDDDDD;
    float: left;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: -3px;
    max-height: 90px;
    max-width: 300px;
    padding: 5px 0;
    text-shadow: 1px 1px 1px #000000;
    word-wrap: normal;
}

#header-content {
	width: 930px;
	margin:auto;
}

.site-title-hidden {
	display: none;
}

.site-des {
	display: table;
    height: 80px;
    margin: 20px 0 0 330px;
    max-width: 300px;
    position: absolute;
    vertical-align: middle;
}

.site-des p {
    color: #EEEEEE;
    display: table-cell;
    font-size: 15px;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px #111111;
    vertical-align: middle;
}

#headersep {
	height: 3px;
    margin: 20px -30px;
}

#content {
	border-right: 260px solid #0093C9;
    float: left;
    margin: 0 -300px 0 0;
    padding: 0 50px 0 0;
    width: 650px;
}

#content-full {
	
    width: 930px;
}

.content-ver-sep {
	clear: both;
    height: 1px;
	background:#CCCCCC;
	border-bottom:1px solid #FFFFFF;
}

#right-sidebar {
	background: #0093C9;
    float: right;
    margin: -30px -30px 0 0;
    overflow: hidden;
    width: 260px;
}

#footer {
	clear: both;
    margin: 0 -30px;
    font-size: 12px;
	min-width: 930px;
	background: #333333;
	border-bottom: 1px solid #111111;
	border-top:5px solid #222222;
}

#footer-content {
	width: 930px;
	margin: 0 auto;
}

#social {
	display: table;
    float: right;
    margin: 30px 0;
}

.gplus-link {
	background: url("images/gplusicon.png") no-repeat scroll center 50% transparent;
    
}

.li-link {
	background: url("images/liicon.png") no-repeat scroll center 50% transparent;
    
}

.feed-link {
	background: url("images/feedicon.png") no-repeat scroll center 50% transparent;
    
}

.gplus-link, 
.li-link, 
.feed-link {
	float: left;
    margin: 2px 5px;
    padding: 20px;
	border-radius: 20px;
	background-color: #333333;
	background-color: rgba(51, 51, 51, 0.70);
	box-shadow: 0 0 5px 1px #FFFFFF;
	opacity: .5;
}

.gplus-link:hover, 
.li-link:hover, 
.feed-link:hover {
	opacity: 1;
	box-shadow: 0 0 5px 1px #000000;
}

#footer-sidebar {
	overflow: hidden;
	padding: 20px 0 0;
}

#creditline {
	background: #222222;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #555555;
    color: #CCCCCC;
    margin: 0 auto;
    padding: 10px 30px;
    text-align: center;
    width: 930px;
}

#creditline a {
	font-weight: bold;
	color: #FFFFFF;
}

h3.subtitle {
	color: #AAAAAA;
}

/* Common Elements 
------------------------------------------------------------- */
ol, 
ul {
	padding: 0 0 10px 20px;
	display: block;
	margin-bottom: 10px;
}

ul {
	list-style: square outside none;
}

ol {
	list-style: decimal outside none;
}

strong {
	font-weight: bold;	
}

dl {
	margin: 0 0 24px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

strong {
	font-weight: bold;
}

cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 131.25%;
}

ins {
	background: #ffc;
	text-decoration: none;
}

blockquote cite,
q cite,
blockquote em,
q em,
blockquote i,
q i {
	font-style: normal;
}

pre {
	background:#FFFFFF;
    color: #222222;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 70%;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

address {
	background: #EEEEEE;
    border: 2px solid #DDDDDD;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 250px;
    padding: 5px 10px;
    text-align: right;
}

embed  {
	max-width: 100%;	
}

caption {
	color:#777777;
}

/* Menu Elements 
------------------------------------------------------------- */

.m-menu {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none; 
	font-family: 'Coda',cursive,sans-serif;
    line-height: 1;
	max-width: 750px;
	color:#EEEEEE;
	float: left; 
}

.m-menu li {
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

.m-menu a {
	display: block;
    font-size: 13px;
    min-width: 40px;
    padding: 20px 25px 55px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	color: #AAAAAA;
	word-spacing: 2px;
	text-shadow: 0 1px 0 #000;
}

.m-menu li:hover > a,
.m-menu .current-menu-item  > a,
.m-menu .current-menu-ancestor ul > a,
.m-menu .current_page_item ul > a,
.m-menu .current_page_ancestor  ul > a {
	color: #fafafa;
	text-decoration: none;
}


*html .m-menu li a:hover /* IE6 */ {
	color: #fafafa;
}

.m-menu li:hover > ul {
	display: block;
	visibility:visible;
	opacity: 1;
    top: 53px;

}

.m-menu ul li:hover > ul {
	display: block;
	visibility:visible;
	opacity: 1;
    top: 0px;
	left: 189px;
}

/* Sub-menu */

.m-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    visibility: hidden;
	opacity: 0;
    position: absolute;
    top: 83px;
    left: -20px;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.m-menu ul ul {
  top: 0px;
  left: 250px;
}

.m-menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

.m-menu ul li:last-child {   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

.m-menu ul a {    
    padding: 10px;
	height: 10px;
	width: 170px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: pre-wrap;
    float: none;
	text-transform: none;
	text-align:left;
}

*html .m-menu ul a /* IE6 */ {    
	height: 10px;
}

*:first-child+html .m-menu ul a /* IE7 */ {    
	height: 10px;
}

.m-menu ul a:hover {
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

.m-menu ul li:first-child > a {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.m-menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

.m-menu ul ul li:first-child a:after {
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

.m-menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

.m-menu ul ul li:first-child a:hover:after {
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


.m-menu ul li:last-child > a {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
.m-menu:after  {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .m-menu             { zoom: 1; } /* IE6 */
*:first-child+html .m-menu { zoom: 1; } /* IE7 */




/* Wedget Elements 
------------------------------------------------------------- */
.widget {
	display: block;
	word-wrap: break-word;
}

.widget ul,
.widget ol {
	padding: 0;
}

#right-sidebar .widget {
	background: #0093C9;
    float: right;
    padding: 20px;
    width: 220px;
}

#right-sidebar .widget h3 {
	padding-bottom: 5px;
    text-transform: uppercase;
	color:#EEEEEE;
}

#right-sidebar .widget, 
#right-sidebar .widget li, 
#right-sidebar .widget a, 
#right-sidebar .widget a:hover {
	color:#FFFFFF;
} 

#right-sidebar .widget li {
	list-style: none outside none;
    padding: 5px 0 5px 17px;
	background:url("images/listicon.png") no-repeat scroll 0 10px / 10px 12px transparent;
	border-bottom:1px solid #097AA4;
	border-top:1px solid #21ACDF;
}

#right-sidebar .widget ul{
	border-bottom:1px solid #21ACDF;
	border-top:1px solid #097AA4;
}

#footer-sidebar .widget {
	margin-bottom: 10px;
}

.footer-widget1, .footer-widget2, .footer-widget3, .footer-widget4 {
	padding: 0px 20px;
	float:left;
	background: url("images/wline.png") no-repeat scroll left top transparent;
}

.footer-widget1, .footer-widget4 {
	width: 	220px;
}

.footer-widget2, .footer-widget3 {
	width: 	185px;
}

.footer-widget1 {
	padding: 0px 20px 0 0;
	background: transparent;
}

.footer-widget4 {
	padding: 0px 0px 0 20px;
}


#footer-sidebar .widget h3 {
	padding-bottom: 5px;
    text-transform: uppercase;
	color:#DDDDDD;
	text-shadow:1px 1px 1px #000000;
}

#footer-sidebar .widget, 
#footer-sidebar .widget li, 
#footer-sidebar .widget a, 
#footer-sidebar .widget a:hover,
#footer table {
	color:#8f8f8e;
} 

#footer-sidebar .widget ul {
    border-bottom: 1px dotted #555555;
    border-top: 1px dotted #111111;
}

#footer-sidebar .widget li {
	list-style: none outside none;
    padding: 3px 0 3px 17px;
	background: url("images/listiconf.png") no-repeat scroll 0 6px / 10px 12px transparent;
    border-bottom: 1px dotted #111111;
    border-top: 1px dotted #555555;
}

#right-sidebar input#s, 
#footer-sidebar input#s {
    width: 60%;
	min-width: 100px;	
}

#right-sidebar form#searchform input[type="submit"], 
#footer-sidebar form#searchform input[type="submit"] {		
	padding: 8px 7px;
}

.textwedget {
	width: 100%;		
}

/* Design Elements 
------------------------------------------------------------- */
h1, h1 a, h1 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h2, h2 a, h2 a:visited, h2 a:hover, h3, h4, h5, h6 {
	font-family: 'Coda',cursive,sans-serif; 
    font-weight: normal;
    line-height: 1.25;
    margin: 0 0 10px;
	color:#0093C9;
	text-decoration: none;
}

h1 {
	font-size: 30px;	
}

h2 {
	font-size: 23px;	
}

h3 {
	font-size: 20px;	
}

h4 {
	font-size: 17px;	
}

h5 {
	font-size: 15px;	
}

h6 {
	font-size: 13px;	
}

p {
	margin-bottom: 10px;
	text-align: justify;
}

a {
	text-decoration:none;
	color:#0093C9;		
}

a:hover {
	text-decoration:underline;
}

b, strong {
	font-weight: bold;
}
displaynone {
	display: none;
}

.clear {
	clear: both;
}

table {
	padding: 5px;
	min-width: 200px;
	margin-bottom: 15px;
	max-width: 100%;
}

td {
	padding: 5px 7px;
	vertical-align: top;
}

#wp-calendar td {
	padding: 0px 7px;
}

th {
	font-weight: bold;
    line-height: 1;
    padding: 5px 7px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
	background:#CCCCCC;
}

table#wp-calendar {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    width: 100%;	
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]{
	border-radius:5px;
	display:inline-block;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 15px 6px;
	text-decoration:none;
	height:35px;
	text-transform: uppercase;
	cursor:pointer;
	margin:5px 0;
	background: url("images/btn.png") repeat-x scroll right top #28b7eb; 
	border: 2px solid #077198; 
	box-shadow: 0 0 5px 0 #055b7b; 
	color: #F7F7F7; 
	text-shadow: 1px 1px 1px #000000;
}


input[type="text"], 
textarea, input#s, 
input[type="password"] {
   	border-radius: 5px;
    font-size: 14px;
    padding: 10px 7px;
    width: 98%;
	background:#EDEDED;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

input[type="password"] {
    width: 200px;
}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	position:relative;
	top:1px;
}

input[type="text"]:focus,
textarea:focus,
input#s:focus,
input[type="password"]:focus{background:none repeat scroll 0 0 #F7F7F7;}
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	box-shadow:0px 0px 10px 0px #042937;
	border:2px solid #077198;
}

input#s {
    width: 70%;
	min-width: 135px;
}

s, 
strike, 
del {
    text-decoration: line-through;
}

.post.sticky, 
.sticky {
	background: url("images/sticky.png") no-repeat scroll right top #F2F2F2;
    border: 3px solid #90D9F4;
    margin-bottom: 30px;
    padding: 15px;
}

.gallery-caption {
	clear: both;
	width:95%;
}

#content .gallery .attachment-thumbnail {
    float:none;
	margin: 5px auto;
}

.bypostauthor {
}

#container, 
#content, 
#content-full {
	font-size: 14px;
}

#content img, 
#content-full img {
	height: auto;
    margin: 0;
    max-width: 100%;
    vertical-align: middle;
}


#heading {
	background: none repeat scroll 0 0 #DDDDDD;
    color: #555555;
    font-size: 20px;
    margin: -25px -30px 20px;
    padding: 10px 30px 20px;
    text-align: center;
}

.page-link { float: right; margin: 5px 0; text-align: right;  }
.page-link a { background: #04A8C6; border-radius: 50px; color: #FFFFFF; padding: 3px 7px;  }

/* ------------------------------------------------------------------------------------------ */

#slider {
  	background: url("images/bottom.png") repeat-x scroll center bottom #DDDDDD;
    border-radius: 5px 5px 0 0;
    height: 354px;
    margin: 0 auto -5px;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
    width: 990px;
}


/* ------------------------------------------------------------------------------------------ */

#featured-boxs {
	display: block;
}

#featured-boxs h2 {
	padding: 10px 0 5px;
    text-align: center;
	text-shadow:-1px -1px 3px #FFFFFF;
}

#featured-boxs img.fimage {
	border: 10px solid #EEEEEE;
    border-radius: 150px;
    display: block;
    height: 200px;
    margin: 0 auto 10px;
    width: 200px;
}

#featured-boxs img.fimage:hover {
	border: 10px solid #0093C9;
	-webkit-transform:scale(0.97);
	-moz-transform:scale(0.93);
	-o-transform:scale(0.97);
	-ms-transform:scale(0.97);
	transform:scale(0.97);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#featured-boxs p {
	text-align: justify;
}

.featured-box, 
.featured-box-first {
	width:277px;
	display:inline;
}

.featured-box-first {
	float:left;
	
}

.featured-box {
	margin-left: 49.5px;
	float:left;
}

#customers-comment {
	font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
	line-height: 2;
}

blockquote,
q {
	font-weight: normal;
    margin: 20px 10px;
    padding: 10px;
}

blockquote:before,
q:before {
	content:'\201C';
	font-size:4em;
	line-height:.1em;
	margin-right:.20em;
	vertical-align:-.4em;
	color:#3ab6ea;
}

blockquote:after,
q:after {
	content:'\201D';
	font-size:4em;
	line-height:.1em;
	margin-left:.20em;
	vertical-align:-.4em;
	color:#3ab6ea;
}

blockquote p,
q p {
	display:inline;
}

#customers-comment blockquote { 
	text-align: center;
	margin:20px 10px;
	padding:10px;
	quotes: quotes: '<<' '>>';
	font-weight:normal;
	background:#c8eaf8;
	border-left:10px solid #3ab6ea;
	border-right:10px solid #3ab6ea;
 }

#container .attachment-thumbnail,
#container .attachment-category-thumb {
    border: 1px solid #EEEEEE;
    float: left;
    margin: 5px 15px 10px 0;
    padding: 3px;
}


h1.page-title, 
h1.arc-post-title {
	font-size: 35px;
    text-transform: uppercase;
	text-align: left;
	text-shadow:-1px -1px 3px #FFFFFF;
}

h2.post-title, 
h2.comments, 
h3#reply-title, 
h2.post-title-color {
	font-size: 30px;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
	text-shadow:-1px -1px 3px #FFFFFF;
	color:#595656;
}

.entrytext {
	background: url("images/bottom.png") no-repeat scroll center bottom transparent;
    padding: 10px 0;
}

h3.arc-src {
	text-transform: uppercase;
	font-size: 20px;
	color:#777777;
}

.post, 
.hentry, 
.no-results {
	margin-bottom: 20px;
	
}

.read-more {
	background: url("images/go.png") no-repeat scroll right center transparent;
    display: table;
    padding: 5px 30px 5px 0;
}

.read-more, a.read-more, .read-more a, a.more-link {
	color:#0093C9; 
	text-decoration: none;
}


.postmetadata {
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:0 0 1px #FFFFFF;
}

p.postmetadata {
	margin: 0;
}

.postmetadataw {
	 text-transform: uppercase;
}

.postmetadata a{color:#999999;}
.postmetadataw a{color:#43aad0;}

.up-bottom-border {
	background: #FFFFFF;
    border-top: 1px solid #90D9F4;
    display: inline-block;
    margin-bottom: 13px;
    padding: 5px 10px;
    width: 98%;
}

.sticky .up-bottom-border { background: #F2F2F2; }

.floatleft {
	float: left;
	width: 45%;
	text-align:left;
}

.floatright {
	float: right;
	width: 45%;
	text-align:right;
}

#page-nav .alignright {
	text-align:right;
	background: url("images/go.png") no-repeat scroll right center transparent;
	padding: 0 30px 0 0;
	width: 41%;
}

#page-nav .alignleft {
	text-align:left;
	background: url("images/back.png") no-repeat scroll left center transparent;
	padding: 0 0 0 30px;
	width: 41%;
}

#page-nav a {
    font-size: 17px;
    font-weight: bold;
}

.up-bottom-border #page-nav .alignleft, .up-bottom-border #page-nav .alignright { margin: 5px 0; }
.up-bottom-border #page-nav a { font-size: 15px; font-weight: normal; }

#commentsbox {
	margin: 20px 0;
} 

#commentsbox ol, 
#commentsbox li {
    list-style: none outside none;
}

#commentsbox .commentlist { 
	margin: 0 0 0 -25px;
}

#commentsbox .watermark {
	font-family: 'Coda',cursive,sans-serif;
    font-size: 17px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
	color:rgba(150, 150, 150, 0.7);	
}

#commentsbox .comment-author cite, 
#commentsbox .comment-author cite a {
    color: #046D99;
    font-style: normal;
    font-weight: bold;
}

ol.commentlist, 
ul.commentlist, {
	list-style: none outside none;
}

#commentsbox img.avatar {
	border: 3px solid #13C2E2;
    border-radius: 50px 50px 50px 50px;
    position: absolute;
    right: -5px;
    top: -25px;
    width: 50px;
    
}

#commentsbox ul.children {
	padding: 5px 0 0 20px;
}

.comment-body {
	padding: 0 0 10px;
}

#commentsbox .comment-body ol li {
	list-style: decimal outside none;
}

#commentsbox .comment-body ul  li{
	list-style: square outside none;
}

#commentsbox .commentlist li.comment {
    line-height: 19px;
    margin: 0 0 24px;
    padding: 5px 0 0 0;
    position: relative;
	border-top:3px solid #B4DDE5;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#commentsbox .comment-meta, 
#commentsbox .comment-meta a:link, 
#commentsbox .comment-meta a:visited {
    font-size: 12px;
    padding-bottom: 10px;
    text-shadow: none;
	color:#a19f9f;
}

a.comment-reply-link {
	font-size: 12px;
	padding: 1px 5px;
}

#commentsbox .commentlist .children li {
    margin: 0;
	border-top:1px solid #B4DDE5;
}

#commentsbox .commentlist li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
}

#comment-form {
	max-width: 550px;
}


#respond .required {
	font-weight: bold;
	position:absolute;
	color:#ff4b33;
}



#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-weight: normal;
	line-height: 18px;
}


#respond input {
	margin: 0 0 9px;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 13px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

h2#client-text.post-title {
	opacity: 0.7;
    padding: 10px 0;
    text-align: center;
	color:#6fccf3;
	text-shadow:1px 1px 3px #EEEEEE;
}

#client {
	display:table;
	display:block\9;
    margin: 20px auto;
}

#client img {
	margin: 0 13px;
    max-height: 90px;
    vertical-align: middle;
    width: 100px;
}

h3 span{color:#7ed3f7;}
ul, li, a, div, input, button, img.fimage {
	transition:all .75s;
	-moz-transition:all .75s;
	-o-transition:all .75s;
	-webkit-transition:all .75s;
	
}

