/*
	Theme Name: JoomlArtWork
	Theme URI: http://joomlartwork.com/
	Author: JoomlArtWork
	Author URI: http://joomlartwork.com/
	Version: 1.0
	License: Commercial
	Description: 	Custom Built WordPress Theme
	Tags:			responsive, blog, business
*/

/*  Normalize and Reset
-------------------------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline: none}
a:hover,a:active{outline:0}
h1{font-size:32px;margin:10px 0}
h2{font-size:24px;margin:13px 0}
h3{font-size:18px;margin:16px 0}
h4{font-size:16px;margin:21px 0}
h5{font-size:.13px;margin:26px 0}
h6{font-size:12px;margin:37px 0}
h1,h2,h3,h4,h5,h6 { line-height:100%}
hr {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;margin: 20px 0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:16px 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:16px 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-8px}
sub{bottom:-4px}
dl,menu,ol,ul{margin:16px 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:5px 10px 12px}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/*  Responsive Grid
-------------------------------------------------------------- */
.container {clear: both; max-width: 1120px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.container .row, .col{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row:before,
.row:after { content:"";  display:table;}
.row:after {clear:both;}
.row {zoom:1; }
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }

/*  Core Classes
-------------------------------------------------------------- */

/*	Clearfix */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {max-width: 100%; /* Fluid images for posts, comments, and widgets */}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
img.size-full,
img.size-large,
img.header-image,img,
img.wp-post-image {	max-width: 100%;height: auto; line-height:0; display: block; outline: none; line-height:0; }
.entry-content img,img.wp-post-image {border:1px solid #ccc; padding:1px;}
/* Make sure videos and embeds fit their containers */
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*	Responsive Video Container  */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption { max-width: 100%; padding: 20px;background:#f5f5f5;margin:0 0 26px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:3px}
.wp-caption .wp-caption-text,
.entry-caption {font-size: 14px;text-align:center;display:table;line-height: 100%; margin: 10px auto 0;  padding: 0;}
img.wp-smiley,
.rsswidget img {border: 0;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.entry-content dl.gallery-item {margin: 0;}
img.alignleft {margin: 10px 10px 10px 0;}
img.alignright {margin: 10px 0 10px 10px;}
img.aligncenter {margin-top: 10px;margin-bottom: 10px;}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {margin-bottom: 25px;}
.entry-content dl,
.comment-content dl {margin: 0 25px;}
.entry-content dt,
.comment-content dt {font-weight: bold;}
.entry-content dd,
.comment-content dd {margin-bottom: 25px;}
.entry-content table,
.comment-content table { color: #757575;font-size: 12px;line-height: 2;	margin: 0 0 26px;width: 100%;}
.entry-content table caption,
.comment-content table caption {font-size: 16px;margin: 25px 0;}
.entry-content td,
.comment-content td { }

/* WordPress Gallery */
.gallery-item a,
.gallery-caption {width: 90%;}
.gallery-item a {display: block;}
.gallery-caption a {display: inline;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto; border:3px solid #F5F5F5!important; padding:1px; border-radius:3px}
.gallery-columns-1 .gallery-icon img {padding: 3%;}
.gallery dd {margin:0;}
.gallery p {padding:0 0 10px;}
.gallery .gallery-caption {font-size:12px;line-height:16px;}
.gallery .gallery-item {float:left;	}
.gallery.gallery-columns-1  .gallery-item {width:100%;}
.gallery.gallery-columns-2  .gallery-item {width:50%;}
.gallery.gallery-columns-3  .gallery-item {width:33%;}
.gallery.gallery-columns-4  .gallery-item {width:25%;}
.gallery.gallery-columns-5  .gallery-item {width:20%;}
.gallery.gallery-columns-6  .gallery-item {width:16.5%;}
.gallery.gallery-columns-7  .gallery-item {width:14%;}
.gallery.gallery-columns-8  .gallery-item {width:12.5%;}
.gallery.gallery-columns-9  .gallery-item {width:11%;}
.gallery.gallery-columns-6  .gallery-caption,
.gallery.gallery-columns-7  .gallery-caption,
.gallery.gallery-columns-8  .gallery-caption,
.gallery.gallery-columns-9  .gallery-caption {display:none; /* Hide gallery captions when they will disturb the layout */ }

/* WordPress Avatars */
.avatar {border-radius:3px;	-moz-border-radius:3px;	-webkit-border-radius:3px;}

/*  Entry Content Styling
-------------------------------------------------------------- */
.entry-content p, 
.entry-content ul, 
.entry-content ol {	margin: 0;   padding: 0 0 20px;}
.entry-content ul, 
.entry-content ol { margin: 0 0 0 40px;}
.entry-content blockquote,
.item-list .activity-inner blockquote,
.bbp-reply-content blockquote {	background: #FAFAFA;  font-style: italic;  margin: 0 0 20px;  padding: 25px 25px 5px 70px;  position: relative;}
.entry-content blockquote:before,
.item-list .activity-inner blockquote:before,
.bbp-reply-content blockquote:before {display:block;font-family: FontAwesome;content: "\f10d";position:absolute;left:25px;top:25px;font-style:normal;font-size:30px;}
.entry-content blockquote p,
.item-list .activity-inner blockquote p,
.bbp-reply-content blockquote p {padding:0 0 20px;margin:0;}
.entry-content h1,
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {	margin: 0;	padding:0;	font-weight:100;}
.entry-content h1 {	font-size: 36px; letter-spacing: -0.5px;line-height: 1.3em;   padding: 0.5em 0 0.5em;}
.entry-content h2 { font-size: 32px;line-height: 1.3em;   padding: 0.5em 0 0.5em;}
.entry-content h3 {	font-size: 26px;line-height: 1.3em;   padding: 0.5em 0 0.5em;}
.entry-content h4 {	font-size: 22px;line-height: 1.3em;   padding: 0.5em 0 0.5em;}
.entry-content h5 {	font-size: 20px;line-height: 1.3em;   padding: 0.5em 0 0.5em;}
.entry-content h6 {	font-size: 17px;line-height: 1.4em;   padding: 0.5em 0 0.5em;}
code, pre {	display: block;	margin:0 0 20px;font-family: Menlo, Monaco, Consolas, "Courier New", monospace;	font-size: 13px;line-height: 22px;	color: #333333;	word-break: break-all;	word-wrap: break-word;	white-space: pre;white-space: pre-wrap;}
pre {	background:#f5f5f5;	border: 1px solid #d6d6d6;	padding: 20px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;}

/*  Forms and  Inputs
-------------------------------------------------------------- */
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {background:#fafafa;	border: 1px solid #e5e5e5;	color:#666;	padding: 12px;	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;-webkit-box-sizing: border-box;box-shadow: none;	-moz-box-sizing: border-box; box-sizing: border-box;outline: 0;	margin: 0;	text-align: left;	vertical-align: top;*padding-top: 2px;	*padding-bottom: 1px;	*height: auto;}
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] { background-color: #eeeeee;}
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -moz-user-select: -moz-none;  -webkit-user-select: none;  -khtml-user-select: none;  user-select: none;  color: #888888;  cursor: default; }
a.button { padding:6px 10px; border-radius:6px; color:#fff; text-decoration:none}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #888888;}
input:-moz-placeholder,
textarea:-moz-placeholder { color: #888888;}
textarea {	min-height: 40px;	overflow: auto;	resize: vertical;	width: 100%;}
select {box-shadow: none;	font-size: 13px;   padding: 5px;}

a.jaw_button { padding:10px 20px; border-radius:6px; font-size:20px; text-decoration:none; background:#4BB7BE; color:#fff; }
a.jaw_button:hover { background:#31302b; color:#fff}
a.jaw_button i { padding:0 10px 0 0}
.jawb { display:inline-block; margin:0 0 10px 0}
.jaw-version { color:#999; background:#eee; padding:10px; margin-bottom:10px; border:1px solid #ccc; border-radius:6px; display:block}
/*  Buttons
-------------------------------------------------------------- */
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {color:#fff;border:none;cursor: pointer;	display: inline-block;outline: 0;	overflow: visible;	margin: 0;	padding: 10px 14px;	text-decoration: none;	vertical-align: top; width: auto;font-size:15px; border-radius:6px; transition-duration: 0.12s; transition-timing-function: ease-out; }
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {cursor: pointer;}
button[disabled],
input[disabled] { cursor: default;}
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover { text-decoration: none; background:#383838}
button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active { -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;}
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {  border: 0;  padding: 0;}
textarea, select[size], select[multiple] { height: auto;}
input[type="search"]::-webkit-search-decoration { display: none;}

/*  Document Setup
-------------------------------------------------------------- */
html { background:url(images/bg.png) 0 0 repeat}
body { font: 17px/28px 'Source Sans Pro', sans-serif; color: #5d5d5d;}
a {	text-decoration: underline;   transition-duration: 0.12s; transition-timing-function: ease-out; }
a:hover {cursor:pointer;}

/*  Page Structure
-------------------------------------------------------------- */
#wrapper { position:relative;}
#site-container { margin-top:0;	margin-bottom:-40px; position:relative;overflow:hidden;-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box;}
#primary, 
#content, 
#sidebar {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#primary { background:#fff; border-style:solid; border-color:#E5E5E5; border-width:0 1px 2px 1px; position:relative;	z-index: 20; border-radius:0 0 6px 6px}
#primary.sidebar-off #content {	width:100%;	float:none;	margin:0;	border:none;}
#primary.sidebar-right #content {float:left;border-right: 1px solid #e5e5e5;}
#primary.sidebar-left #content {float:right; border-left: 1px solid #e5e5e5;}
#content {width: 800px;padding:25px;	position:relative;}
#sidebar { float: left; width: 318px;}

/*  Header
-------------------------------------------------------------- */
#header { padding:0; border-bottom:1px solid #1a1b1f; background-color:#EF672F; color:#a5a7ac}
#header .container { padding:0;}
#header #logo {	float:left; padding:10px 20px; background:#C14800 }
#header #logo h1.site-title, #header #logo h1.site-title a, #header #logo p.site-title, #header #logo p.site-title a{
font-size: 32px; font-family: 'Source Sans Pro', sans-serif;    margin: 0;   display: block;   position: relative; color:#fff;	font-weight: 900;position: relative;outline:none;line-height: 32px;text-transform:uppercase;
padding:0;	letter-spacing:0px;	text-decoration:none;}
#header #logo p.site-desc {color:#888;}

#header-widget { float:right; background:#f28559; color:#fff; padding:10px; margin:0;}
#header-widget p { padding:0; margin:0}
#header-widget a:hover { color:#fff}
#header-widget h2,#header-widget h3,#header-widget h4,#header-widget h5,#header-widget h6 { margin:0; padding:0; color:#fff}
/*	Social Icons
-------------------------------------------------------------- */
#social ul.social-links { margin:0; padding:0; font-weight:100; float:right; color:#fff}
#social ul.social-links li { display:inline-block; margin:0; padding:0; list-style:none; position:relative}
#social ul.social-links li a { display:block!important; position: relative; text-align:center; line-height:36px; width:36px; height:36px; font-size:20px; color:#fff; border-radius: 30px; margin-right:4px; }
#social ul.social-links .social-tooltip { display: inline; position: relative; z-index: 98; }
#social ul.social-links .social-tooltip:hover { color: #ccc; text-decoration: none; }
#social ul.social-links .social-tooltip:hover:after { top: -54px; background: #666; font-size: 14px; color: #fff; content: attr(title); display: block; left: 0; padding: 4px 15px; position: absolute; white-space: nowrap; 
-webkit-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
#social ul.social-links .social-tooltip:hover:before { top: -10px; left:50%; margin-left:-6px; border: solid; border-color: #666 transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; }
#social small { font-size:12px; line-height:14px;}
#social p { margin:0; padding:0}
/*	Page Header
-------------------------------------------------------------- */
#page-header h1 {color: #676056; font-size: 40px; font-weight: 100; margin:0 0 20px 0}
#page-header h2, #page-header p {color:#999;  margin: 0;}
#page-header h2 {line-height:1.2em;	}
#page-header .button {font-weight:normal;	padding: 4px 8px;position: relative;   top: -10px;}
#page-subnav {	background:#fafafa;	border-bottom: 1px solid #F2F2F2;   margin: -20px -25px 25px;   padding: 15px 25px;	}
#archive-header {}
.archive-title { margin-top:0}

/*  Footer
-------------------------------------------------------------- */
#footer {background-color:#7B756B; color:#fff; margin: 0; padding:60px 20px 20px 20px;}
#footer.home {padding:20px;}
#footer a {color:#cac3b4;}
#footer .widget-title {  color: #fff;  font-size: 22px;  margin: 0 0 25px;}
#footer-widgets {border-bottom:1px solid #918a7f;margin:0 0 20px; padding:0 0 20px}
#footer-bottom {padding:0;	margin:0;font-size:13px;}
#footer-bottom #footer-nav {border-left: 1px solid #918a7f;   float: left;  line-height: 100%; line-height:32px;    margin: 0 0 0 30px;   padding: 0 0 0 30px;}
#footer-nav ul { margin:0;	padding:0;	list-style:none;}
#footer-nav li { display:inline-block;	border-right: 1px solid #918a7f; margin:0 15px 0 0;	padding:0 20px 0 0;	line-height: 10px;}
#footer-nav li:last-child {	border:none;}
#footer-bottom a:hover {text-decoration:none;}
#footer-bottom #copyright {	float:left; line-height:32px;}
#footer-bottom #copyright small {font-size:13px;}

/*  Navigation & Menus
-------------------------------------------------------------- */
#primary-nav {margin:0;	padding:0; display:block; background:#282828;  width:100%;}
#primary-nav.fixed { position:fixed; top:0; z-index:99999}
#primary-nav .container {position:relative}
#navmenu,
#navmenu ul,
#navmenu ul li,
#navmenu ul li a,
#navmenu #menu-button {margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:9999; font-size: 13px;}
#navmenu #menu-button { display: none;}
#navmenu { width: auto; }
#navmenu > ul { box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); padding:0; margin:0; display:block}
#navmenu > ul > li {float: left; display: inline-block; }
#navmenu > ul > li a {background:none}
#navmenu > ul > li > a { padding: 18px 20px; border-right: 1px solid rgba(80, 80, 80, 0.12); text-decoration: none;}
#navmenu > ul > li:hover > a,
#navmenu > ul > li > a:hover,
#navmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1);}
#navmenu > ul > li.has-sub > a {padding-right: 45px;}
#navmenu > ul > li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; right: 17px; top: 22px;}
#navmenu > ul > li.has-sub.active > a::after,
#navmenu > ul > li.has-sub:hover > a {}
#navmenu ul ul { position: absolute; left: -9999px; top: auto; padding-top: 6px;}
#navmenu:after,
#navmenu > ul:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0; height: 0;}
#navmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: -4px; left: 20px;}
#navmenu ul ul ul::after {content: "";position: absolute; width: 0; height: 0; border: 5px solid transparent;  top: 11px; left: -4px;}
#navmenu > ul > li > ul {top:120px;}
#navmenu > ul > li:hover > ul {top: 52px;left: 0;}
#navmenu.align-right > ul > li:hover > ul {left: auto; right: 0;}
#navmenu ul ul ul {padding-top: 0;padding-left: 6px;}
#navmenu ul ul > li:hover > ul {left: 180px;top: 0;}
#navmenu ul ul li a { text-decoration: none; padding: 11px 25px; width: 180px; }
#navmenu > ul > li > ul::after { position: absolute; display: block;}
#navmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent;  right: 17px; top: 14px;}  

/* Menu styling */
#navmenu { }
#navmenu ul {background:#282828;}
#navmenu ul ul { background:none!important; }
#navmenu ul li a, #navmenu #menu-button {font-family: 'Open Sans', Arial, Helvetica, sans-serif ;}
#navmenu > ul > li > a { color: #fff; text-transform:uppercase}
#navmenu > ul > li:hover > a,
#navmenu > ul > li > a:hover,
#navmenu > ul > li.active > a, 
#navmenu ul ul li:hover > a,
#navmenu ul ul li.active > a {color: #EF672F; background: #383838;}
#navmenu > ul > li.has-sub > a::after {border-top-color: #282828; }
#navmenu > ul > li.has-sub.active > a::after,
#navmenu > ul > li.has-sub:hover > a {border-top-color: #FFFFFF;}
#navmenu > ul > li > ul::after { border-bottom-color: #282828}
#navmenu ul ul ul::after {border-right-color:  #282828}
#navmenu ul ul li a {color: #a5a7ac; background: #282828; border-bottom:1px solid #383838}
#navmenu ul ul li:hover > a,
#navmenu ul ul li.active > a {color: #fff; background:#383838;}
#navmenu ul ul li.has-sub > a::after {border-left-color: #383838; }
#navmenu ul ul li.has-sub.active > a::after,
#navmenu ul ul li.has-sub:hover > a::after {border-left-color:#383838; }
#navmenu ul { border-radius:0}
#navmenu ul li:first-child > a  { border-radius:0}
#navmenu ul li:last-child > a  {border-radius:0;  border-bottom:none}
#navmenu ul ul li:first-child > a { border-radius: 0}
#navmenu ul ul li:last-child > a { border-radius: 0}

#navmenu > ul > li.menu-item-has-children > a:after {content: "\f0d7"; display:inline-block; margin:0 0 0 20px; font-family:FontAwesome}
#navmenu ul > li > ul li.menu-item-has-children > a:after {  content: "\f0da "; display:inline-block; float:right; font-family:FontAwesome}


/*  Navigation Search
/* ------------------------------------ */
.toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 12px 20px; position:absolute; top:0; right:0; z-index:9999 }
.toggle-search:hover,
.toggle-search.active { background:#383838; color: #fff; }
.search-expand { display: none; background: #222; width: 220px;position:absolute; top:0; right:55px;z-index:9999}
.search-expand input { width:100%; padding:2px 10px; background:#999; color:#282828; border:1px solid #ccc}
.search-expand-inner { background:#383838; padding: 10px; }
.search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
.search-expand .themeform input:focus {  }


#navigation-toggle, .sidr, #sidr-close, #mobile-search { display: none }

/*  Comment Styling
-------------------------------------------------------------- */

#comments {	margin:0;}
#comments ol {padding:0;list-style:none;margin: 0 0 40px;}	
#comments .comment .comment-article {margin:0 -25px;padding: 25px 25px 15px;border-bottom:1px solid #E3E4E5;}
#comments ol.children {background:#fafafa;	margin:0 -25px;	padding:0 25px;	position:relative;	}
#comments ol.children:before {	display:block;	font-family: FontAwesome;	position:absolute;	left:30px;	top:35px;}
#comments ol.children .comment-article {padding-left:70px;}

/* Comment Meta  */	
#comments .comment-meta {margin:0 0 20px;	}
#comments .comment-date a{ text-decoration:none}
#comments .comment .avatar {float:left;}
#comments .comment .comment-meta cite, 
#comments .comment .comment-meta time, 
#comments .comment .comment-content {   display: block;   margin-left: 75px;}
#comments .comment-meta cite {font-style:normal;	font-weight:600;	font-size:16px;	color: #444;	line-height: 100%;    margin: 0 0 5px;}
#comments .comment-meta cite a {color: #444; text-decoration:none}
.comments-area .comment-meta time {	color: #828282;   font-size: 13px;	line-height: 100%;}
#comments .comment .comment-content {}
/* Comment Actions  */
#comments .comment-action {	float:right; color: #828282;   font-size: 12px;}
#comments .comment-action i { margin:0 5px 0 0;}
#comments .comment-edit-link,
#comments .comment-reply-link {	color: #828282;	text-decoration: none;	line-height: 100%;}
#comments .comment-edit-link {	margin:0 10px 0 0;	}

/* Comment Content  */
#comments .comment-content p {	margin:0 0 15px;width: 100%;}
.bypostauthor {}

/*  Comment Form
-------------------------------------------------------------- */
#signup_form.standard-form input[type="text"], #signup_form.standard-form textarea, .form-allowed-tags, #commentform input[type="text"], #commentform textarea {   width: 90%;}
#respond {	clear: both;margin:0 0 30px;}
#commentform p {margin:0 0 15px;}
#commentform input {float:left;	margin: 0 15px 0 0;	font-size:15px;	padding: 16px 18px;	max-width: 100%;}
#commentform #submit {padding: 12px 22px;float: none;}
#commentform .comment-notes {margin:0 0 26px;}
#commentform label {font-size: 14px;}
#commentform .form-author label, 
#commentform .form-email label, 
#respond .form-url label {display: inline-block;   margin: 10px 0 0;}
#commentform .form-textarea label {	display:block;	margin:0 0 5px;}
.form-allowed-tags {font-size:13px;}
.form-allowed-tags code {font-size: 12px;  line-height: 16px;   margin: 0 0 26px;}
#cancel-comment-reply-link {font-size:13px;	float:right;color:#C4524A;}
#commentform .logged-in-as {margin:0 0 26px;}
#commentform .required {color:#C4524A;}


/* Widgets
-------------------------------------------------------------- */

#sidebar .widget {	padding:25px;	border-bottom:1px solid #e5e5e5;}
#sidebar .widget:last-child { border-bottom:none}
#content .widget {  margin-bottom: 10px;}
#sidebar .widget-title  { color: #676056;   font-size: 28px;   font-weight: 600;    margin: 0 0 25px; }
.widget ul {padding:0;margin:0;	list-style:none;}
.widget ul a {text-decoration:none;}
.widget ul ul {margin:10px 0 0 10px;}
.widget-title {clear:both;	color: #303133;   font-size: 16px;   font-weight: 600;   margin: 0 0 25px;}

/*	List Widget Styling */
.widget_recent_entries li, 
.widget_recent_comments li, 
.widget_meta li, 
.widget_nav_menu li, 
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_recent_comments li {  margin: 0 0 15px;}
.widget_recent_entries li:before,
.widget_meta li:before, 
.widget_nav_menu li:before, 
.widget_pages li:before,
.widget_categories li:before,
.widget_archive li:before,
.widget_recent_comments li:before {font-family: FontAwesome;content: "\f105";margin:0 10px 0 0;	}
.widget_recent_entries li a,
.widget_meta li a, 
.widget_nav_menu li a, 
.widget_pages li a,
.widget_categories li a,
.widget_archive li a {	color:#575859;}

/*	Blog Widget */
.st_blog_widget li {margin: 0 0 10px;	padding: 0 0 5px;}
.st_blog_widget .entry-thumb, 
.st_blog_widget .entry-thumb.no-thumb {	background:#F2F2F2;	float:left;	margin:0 15px 0 0;	width:60px;	height:60px;text-align:center;}
.st_blog_widget .entry-thumb.no-thumb i {	font-size: 26px;   line-height: 60px;color:#555;}
.st_blog_widget .entry-title {	margin:0 0 5px;}
.st_blog_widget .entry-title,
.st_blog_widget .entry-title a {font-size: 15px;color: #242426;   font-weight: 600;   letter-spacing: 0;   line-height: 18px;}
.st_blog_widget .entry-meta {float:none;	margin:5px 0 0 75px;text-align: left;	font-size: 11px;}
.st_blog_widget .entry-meta:before {   content: "";    display: inline-block;    font-family: FontAwesome;   font-weight: normal;   margin: 0 5px 0 0;}

/*	Search Widget */
.widget_search #s {	background:#fff;  width: 100%; font-size:13px}

/* Calendar Widget */
.widget_calendar {}
#wp-calendar {width: 100%;}
#wp-calendar caption {color: #525A61;	font-size: 12px;font-weight: 600;	margin-bottom: 10px;margin-top: 10px;	text-align: center;	text-transform: uppercase;}
#wp-calendar thead {font-size: 10px;}
#wp-calendar thead th {	padding-bottom: 10px;}
#wp-calendar tbody {color: #aaa;background:#fafafa;}
#wp-calendar tbody td {	background: #f5f5f5;border: 1px solid #fff;	text-align: center;	padding:8px;}
#wp-calendar tbody td:hover {background: #fff;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {font-size: 10px;text-transform: uppercase;text-align: right;}
#wp-calendar tfoot #prev {font-size: 10px;text-transform: uppercase;padding-top: 10px;}

/*  Flexslider
-------------------------------------------------------------- */
.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 Necessary Styles */
.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 {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 */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme */
.flexslider {zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {	width: 40px; height: 40px; display: inline-block;position:absolute;	bottom:0;background:url("images/flexslider-sprite.png") no-repeat 0 0;	color:#fff; z-index: 10; cursor: pointer; 	text-indent: -9999px; -webkit-transition: all .3s ease; opacity: 0.8;}
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;line-height: 1em;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-direction-nav .flex-next {background-position: -40px 0; top:50%; right:0; margin-top:-10px; border-radius:6px 0 0 6px}
.flex-direction-nav .flex-prev {background-position: 0 0 ; top:50%; left:0; margin-top:-10px; border-radius:0 6px 6px 0}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

/* Control Nav */
.flex-control-paging li a {	width: 22px; height: 5px; display: block; background: rgba(0, 0, 0, 0.3); cursor: pointer;	text-indent: -9999px; line-height:0;}
.flex-control-paging li a:hover { background: rgba(0, 0, 0, 0.1); }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*  Entry Styling
-------------------------------------------------------------- */
.hentry {	border-bottom:1px solid #E3E4E5;padding:0 25px 30px;margin:0 -25px 30px;}
.single .hentry,
.page .hentry {	border:none;padding-bottom:0;}
.blog .entry-content { margin:0;}
.entry-title { margin:0 0 10px;}
.entry-title, 
.entry-title a{	color: #676056;	font-weight:600; font-size:28px; line-height:36px;	letter-spacing:-0.5px;	outline:none;   text-decoration: none;}
/* Entry Thumb */
.entry-thumb { margin:0 0 20px; line-height:0; position:relative;}
.entry-thumbnail { float:left; margin:0 20px 0 0}
.entry-thumbnail a { display: block; outline: none; line-height:0;}
	
/* Entry Meta */
.entry-meta {color: #969799;   font-size: 13px;   line-height: 100%;list-style:none;padding:0;	margin:0 0 20px;}
.entry-meta a, .entry-meta a:hover {color:#969799;	text-decoration:none;}
.entry-meta li {display:inline;	margin:0 10px 0 0;}
.entry-meta li i {	margin:0 5px 0 0;}
.entry-content {margin:0 0 10px;}

/* Readmore Button */
.readmore{	margin:0 0 1.5em;text-decoration:none}
.readmore:hover {}


/* Tags Display */
.tags {	font-weight:600; margin:0 0 26px;}
.tags a, 
.widget_tag_cloud a { background:#FAFAFA; display:inline-block;	color: #000;	font-weight:normal;	font-size: 13px;  line-height: 100%;padding: 8px 12px;  margin: 0 5px 10px 0; text-decoration:none; border-radius:6px}
.tags a:hover, 
.widget_tag_cloud a:hover {background:#4D505B; color:#fff;}

/*  Single
-------------------------------------------------------------- */

#entry-author .widget-title,
#related-posts .widget-title,
#comments-title,
#reply-title {font-size: 24px; margin:0 0 10px 0; color: #444;letter-spacing: -0.5px;  line-height: 28px;  font-weight:600;}

/* Entry Author */
#entry-author {	margin:0 0 50px;}
#entry-author .gravatar {float: left;margin: 8px 0 0;}
#entry-author h4, 
#entry-author .entry-author-desc {margin: 0 0 0 100px;}
#entry-author h4 a {color: #3A3A40;   display: block;   font-size: 18px;   margin: 0 0 10px;  padding: 5px 0 0;}

/* Related Posts */
#related-posts {border-bottom: 1px solid #E3E4E5;   margin: 0 -25px 30px;   padding: 0 25px 30px;}
#related-posts .column {margin-bottom:0;}
#related-posts .entry-thumb {margin: 0 0 12px; border-radius:6px; overflow:hidden}
#related-posts .entry-thumb-placeholder {width:100%;height:180px;	margin: 0 0 12px;}
#related-posts .entry-title, #related-posts .entry-title a {   font-size: 16px;	line-height:22px;font-weight:600;letter-spacing: 0;}

/*  Tables
-------------------------------------------------------------- */
table { max-width: 100%;  background-color: transparent;  border-collapse: collapse;  border-spacing: 0;  width: 100%;  margin-bottom: 20px;  border-bottom: 1px solid #E3E4E5;}
table th,
table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #E3E4E5; text-align:center;}
table th { font-weight: 600; font-size:16px; }
table td { font-weight: 100; font-size:14px; }
table thead th { vertical-align: bottom; text-align: left;}
table .even { background:#FAFAFA; }
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {  border-top: 0;}
table tbody + tbody {  border-top: 2px solid #E3E4E5;}

/*  Homepage
-------------------------------------------------------------- */
#header, #liquidslider, #featured, #skillsbar, #callto, #footer, #home-clients,#testimonial {background-image: url("images/bg.png"); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset;}

/* Slider */
#liquidslider {	margin:0;position:relative; background:#fff}
#liquidslider .container {position:relative;}
#liquidslider .flex-img img{border-radius:50%;}
#liquidslider h2 {	color:#3e3e3e;	display:table;	padding:18px 15px;	font-weight:600;font-size:40px; line-height:52px; letter-spacing:-0.5px;	margin:0;}
#liquidslider p {color:#888;display:table;	padding:10px 15px;	margin:0;	font-size:22px;	font-weight:100; clear:both;}
#liquidslider .flex-caption  { padding:40px 0 0 0}
#liquidslider .flex-caption.left {left:30px;}
#liquidslider .flex-caption.right  {right:30px;}
#liquidslider .flex-caption.right h2, #liquidslider .flex-caption.right p {float: right;}
#liquidslider .flex-caption.center {width: 100%;max-width: 100%;}
#liquidslider .flex-caption.center h2 {margin: 0 auto;}
#liquidslider .flex-caption.center p { margin: 0 auto;}
#liquidslider .flex-control-paging li a.flex-active {background:#f6624a ;}
#liquidslider a.button { padding:8px 30px; margin:30px 15px 20px 15px; font-size:20px; display:inline-block; clear:both}
#liquidslider .flex-direction-nav a {background-color:rgba(0, 0, 0, 0.4) ;}

#home-media { background:url(images/home-media.jpg) 50% 50% no-repeat; background-size: cover; height:450px}
#home-media-inner { padding:100px 0 0 100px; max-width:480px; float:left;}
#home-media-inner,
#home-media-inner h1, 
#home-media-inner h2 {color:#fff}
#home-media-inner h1 { font-size:40px; line-height:60px; font-weight:bold; text-transform:uppercase}
#home-media .button { padding:15px 30px; background:#282828; color:#fff; font-size:20px; text-transform:uppercase}
#home-media .button:hover { background:#fff; color:#282828}
/* Homepage Featured Boxes */
#featured { background-color:#F7F3EB}
#featured-boxes { text-align:center; padding:40px 0; margin:0 auto; }
#featured-boxes .col { padding:20px; transition: all .2s ease-in-out; background: #fff;	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);	text-align: center;}
#featured-boxes .col:hover { transform: scale(1.1); }
#featured-boxes h2 { font-size:28px; color:#3e3e3e }
#featured-boxes .icon.featured { border-radius:150px; cursor: default;  display: inline-block;   margin:20px 0;   padding:0;   position: relative;	text-align:center; height:144px;  width: 144px;}
#featured-boxes .icon.featured::before { color: #fff; font-size: 72px; line-height: 144px;}
#featured-boxes .icon::before { font-family: FontAwesome; font-style: normal; font-weight: normal;  text-transform: none !important;}
#featured-boxes a.button { padding:8px 30px; margin:15px auto; font-size:20px; display:inline-block; clear:both}

/* Homepage Skills Bar */
#skillsbar { background-color:#fff ;padding:30px 0 15px 0; }
#skillsbar h2{ color:#3e3e3e; display:block; text-align:center; font-size:32px; margin:20px 0 40px 0;}
#skillsbar .skillbar {position:relative;display:block;margin-bottom:15px;	width:100%;	background:#eee;height:35px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;	-webkit-transition:0.4s linear;	-moz-transition:0.4s linear;	-ms-transition:0.4s linear;	-o-transition:0.4s linear;	transition:0.4s linear;	-webkit-transition-property:width, background-color;	-moz-transition-property:width, background-color;	-ms-transition-property:width, background-color;	-o-transition-property:width, background-color;	transition-property:width, background-color;}
#skillsbar .skillbar-title {position:absolute;	top:0;	left:0;width:110px;	font-weight:bold;font-size:13px;color:#ffffff;	background:#6adcfa;	-webkit-border-top-left-radius:3px;	-webkit-border-bottom-left-radius:4px;	-moz-border-radius-topleft:3px;	-moz-border-radius-bottomleft:3px;	border-top-left-radius:3px;	border-bottom-left-radius:3px;}
#skillsbar .skillbar-title span {display:block;	background:rgba(0, 0, 0, 0.3);	padding:0 20px;	height:35px;	line-height:35px;	-webkit-border-top-left-radius:3px;	-webkit-border-bottom-left-radius:3px;	-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;	border-top-left-radius:3px;	border-bottom-left-radius:3px;}
#skillsbar .skillbar-bar {	height:35px;width:0px;	background:#6adcfa;	border-radius:3px;	-moz-border-radius:3px;	-webkit-border-radius:3px;}
#skillsbar .skill-bar-percent {position:absolute;	right:10px;	top:0;	font-size:11px;	height:35px;line-height:35px;color:#ffffff;color:rgba(0, 0, 0, 0.4);}

/* Homepage Callto Box */
#callto {  background-color: #303030; padding: 30px 0;}
#callto .callto_content { padding:0;}
#callto .callto_content h2 {color: #fff; font-size: 28px; font-weight: bold; margin: 0 0 5px;}
#callto .callto_content p{  color:#999; margin:0;}
#callto a { margin-top: 5px;  float: right;}
#callto a i{ margin-right:7px; }
#callto .button { padding:8px 30px}

/* Homepage Latest Blog Posts */
#home-blog { padding:30px 0; background-color:#F7F3EB}
#home-blog .box { padding:32px}
#home-blog .image { position: relative; margin:-31px -31px 0 -31px }
#home-blog .image img { width:385px; margin:0 auto }
#home-blog h2 { margin:20px 0;  text-align:center}
#home-blog .col { padding:0; transition: all .2s ease-in-out; background: #fff;	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);	text-align: center;}
#home-blog img.wp-post-image { border:none; padding:0;}
/* Homepage Parallax Callto Box */
#home-parallax {box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset; text-shadow:1px 1px rgba(0,0,0,0.8);
background-attachment: fixed; background-position: center center;   background-repeat: no-repeat;  background-size: cover;  padding: 100px 0;}
#home-parallax .container { background:rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);}
#home-parallax .col { padding:10px 20px;}
#home-parallax .callto_content { padding:0;}
#home-parallax .callto_content h2 {color: #fff; font-size: 28px; font-weight: bold; margin: 0 0 5px;}
#home-parallax .callto_content p{  color:#eee; margin:0;}
#home-parallax a { margin-top: 5px;  float: right;}
#home-parallax a i{ margin-right:7px; }
#home-parallax .button { padding:8px 30px; text-shadow:none}


/* Homapge Clients */
#home-clients { background-color:#383838; padding:40px 0}
#home-clients h2 { font-size:40px; color:#fff; margin:0 0 20px 0}
#home-clients ul { display:block; text-align:center; margin:0; padding:0;}
#home-clients ul li { list-style:none; display:inline-block; margin:0 10px 0 0}
#home-clients ul li:last-child { margin:0;}
#home-clients img { border-radius:6px}

/* Homapge Testimonials */
#testimonial { background-color:#ccc;	padding:20px 0; position:relative }
#testimonial .container {position:relative;}
#testimonial ul li { list-style:none}
#testimonial h2 {	color:#3e3e3e;	display:block;	padding:18px 15px;	font-weight:600;font-size:40px; line-height:52px; letter-spacing:-0.5px; margin:0; text-align:center}
#testimonial .flex-testimonial { font-family: "Georgia", serif; font-style: italic; font-size:25px; line-height:35px; margin:0 auto; padding:20px; display:block; background:rgba(0,0,0,0.1); position:relative; border-radius:15px} 
  
#testimonial .flex-testimonial:before{font-family: FontAwesome;content: "\f10d"; float:left; padding:20px; margin:0 40px 0 0; color: #F6624A; font-size: 70px; line-height:35px; text-align: center;} 
#testimonial .flex-testimonial:after{
content: ""; position: absolute; width: 0; height: 0; border: 20px solid transparent; right:35px; bottom:-40px; border-top-color:rgba(0,0,0,0.1)}
#testimonial .flex-caption  { display:block; margin:30px 0 0 0; float:right}
#testimonial .flex-author { float:left; text-align:right; margin:20px 20px 20px 0 }
#testimonial .flex-img { float:left}
#testimonial .flex-img img{border-radius:50%;  width: 100px; height: 100px; margin-right: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
#testimonial p { margin:0; line-height:30px}
#testimonial p.author-name { font-size:20px; font-weight:bold}
#testimonial .flex-direction-nav a {background-color:rgba(0, 0, 0, 0.4) ;}
/* Homepage Static Page */
#home-page { padding:0; margin:30px auto}
#home-page h2 { margin:20px 0;}
#home-page .box{padding:30px; transition: all .2s ease-in-out; background: #fff;	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.1);	text-align: left;}

/*  Page Navigation
-------------------------------------------------------------- */
.paging-navigation {margin: 0 0 30px;	float: right;}
.paging-navigation .nav-previous, .paging-navigation .nav-next {float:left;	}
.paging-navigation .nav-previous a:hover, .paging-navigation .nav-next a:hover {text-decoration:none;}
.blog-pagination {float:left;}
.paging-navigation .nav-previous a, .paging-navigation .nav-next a, .blog-pagination a, .blog-pagination span {	display:inline-table;	padding: 8px 10px;	line-height:100%;	margin:0 0 0 5px;font-size:12px;border-radius:2px;
color:#fff!important; text-decoration:none; }
.blog-pagination a:hover {text-decoration:none;	}
.blog-pagination .current, .blog-pagination a:hover, .paging-navigation a:hover {background:#EF672F;}


/*  Author Profiles
-------------------------------------------------------------- */
.author-avatar { float: left; margin: 0 20px 0 0;}
.author-info { border-bottom: 1px solid #E3E4E5;  border-top: 1px solid #E3E4E5;  margin: 0 -25px 30px;   padding: 30px 25px 30px;}
.author-info a { text-decoration:none}
.author-info p { padding:0; margin:0;}
.author-info h2 { margin:0 0 10px 0; padding:0;} 
.author-avatar { float:left;margin:0 20px 0 0;}
.author-description { margin:0 0 0 140px;}

/* Scroll */
#scroll { position:relative;}
#topcontrol { background:rgba(0, 0, 0, 0.1) url("images/cycle.png") 50% 50% no-repeat;width:50px;height:50px;white-space:nowrap;cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:100px!important; right:0px!important;border-radius: 4px 0 0 4px; z-index:999;}
#topcontrol:hover { background-image: url("images/cycle-hover.png");}

.code { background: rgba(0, 0, 0, 0) url("images/code.png") repeat scroll 0 0;  border: 1px solid #eee;  color: #666;  direction: ltr;  display: block;  font: 12px/19px Courier New,monospace;  margin: 0;  overflow-x: visible;
 overflow-y: hidden;  padding:19px 20px; margin-bottom:20px }
.code p { padding:0 0 19px 0; margin:0}