/*
Theme Name: D5 Smartia Extend
Theme URI: http://d5creation.com/theme/smartia/

Author: D5 Creation
Author URI: http://d5creation.com/

Description: D5 Smartia theme for WordPress is sophisticated, lightweight, and adaptable. You can use D5 Smartia for Black and White looking Smart Blogging, Personal or Corporate Websites. 

Version: 2.3

Tags: blue, dark, light, white, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

D5 Smartia WordPress Theme, Copyright 2012-2016: D5 Creation (www.d5creation.com)

Text Domain: smartia

*/

/* =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;
}

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 #F6F6F6;
    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,Tahoma,sans-serif;
    font-size: 14px;
    line-height: 1.5;
	word-wrap: break-word;
	background:url("images/background.png") repeat scroll 0 0 #FFFFFF;
	color: #272A2E;
}


img {
	max-width: 100%;
	border: 0 none;
}

#site-container {
	width: 90%;
	margin: 25px auto;
	background: #FFFFFF;
	border-top: 20px solid #111111;
	border-bottom: 20px solid #111111;
	box-shadow: 0 0 10px 0 #272A2E;
}

#container {
	margin: 0 auto;
    overflow: hidden;
    padding: 20px 3%;
	width: 94%;
}

#top-menu-container {
    margin: 10px auto;
    position: absolute;
    right: 20px;
    width: 30px;
}

#smartia-main-menu #s {
	background: url("images/search.png") no-repeat scroll 5px 6px transparent;
	margin: 11px 0;
    float: right;
    -webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 7%;
	min-width: 72px;
	border-color: #F6F6F6 #F6F6F6 #FFFFFF #FFFFFF;
	padding-left: 30px;
}

#smartia-main-menu #s:focus {
	background-color: #FFFFFF;
	width: 15%;
}

#smartia-main-menu #searchform input[type="submit"] {
    display: none;
}

#header {
    width: 100%;
	background: url("images/header-back.png") repeat scroll 0 0 transparent;
}

img.site-logo, h1.site-title  {
    color: #272A2E;
    font-size: 45px;
    font-weight: bold;
    height: auto;
    max-width: 30%;
	margin: 0 auto;
    text-shadow: 1px 1px 3px #111111;
	display: block;
	text-align: center;
}

#header-content {
    margin: 0 auto;
    min-height: 75px;
    width: 94%;
	padding: 10px 0;
}

.site-title-hidden {
	display: none;
}

.site-title-des {
	color: #272A2E;
    font-size: 21px;
    margin: 0 auto;
    max-width: 40%;
    text-align: center;
    text-shadow: 1px 1px 5px #272A2E;
}

.bannerad { 
	width: 180px;
	height: 150px;
	background: transparent;
	display: block;
	padding-bottom: 10px;
}

.pagead { 
	width: 100%;
	height: auto;
	background: transparent;
	display: block;
}

#content {
    border-right: 1px dotted #CCCCCC;
    float: left;
    padding-right: 2%;
    width: 70%;
	min-width: 200px;
}

#content-full {
    width: 100%;
}

.content-ver-sep {
	clear: both;
    height: 1px;
	background: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}


#right-sidebar {
    float: right;
    min-width: 150px;
    padding-left: 2%;
    width: 25%;
}

#footer {
	clear: both;
	width: 100%;
	background: url("images/footer-back.png") repeat scroll 0 0 #272A2E;
	color: #777777;
}

#footer a {
	color: #AAAAAA;
	text-decoration: none;
}

#footer a:hover {
	color: #AAAAAA;
	text-decoration:underline;
}

.page-link a {
	background:#111111;
	border-radius: 150px 150px 150px 150px;
    color: #FFFFFF;
	padding: 5px 10px;
}

.page-link {
    color: #272A2E;
	font-size: 13px;
    font-weight: bold;
	margin: 10px 0;
}

.middle-full {
	margin: 0 auto;
    width: 94%;
	height: auto;
	display: table;
}

.bqpheading {
    border-bottom: 1px solid #FFFFFF;
    color: #1B8AE8;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
}

#social {
    display: table;
}

.facebook-link {
	background: url("images/fbicon.png") no-repeat scroll center 50% transparent;
}

.twitter-link {
	background: url("images/twittericon.png") no-repeat scroll center 50% transparent;
    
}

.gplus-link {
	background: url("images/gicon.png") no-repeat scroll center 50% transparent;
    
}

.blog-link {
	background: url("images/blogicon.png") no-repeat scroll center 50% transparent;
    
}

.ytube-link {
	background: url("images/ytubeicon.png") no-repeat scroll center 50% transparent;
    
}

.lin-link {
	background: url("images/linicon.png") no-repeat scroll center 50% transparent;
    
}

.facebook-link, 
.twitter-link, 
.gplus-link, 
.blog-link,
.ytube-link,
.lin-link
 {
	float: left;
    height: 30px;
    margin: 3px 0;
    padding: 3px;
    width: 30px;
	opacity: .7;
	background-size: 50px 50px;
	border-radius: 50px;
}

.facebook-link:hover, 
.twitter-link:hover, 
.gplus-link:hover, 
.blog-link:hover,
.ytube-link:hover,
.lin-link:hover {
	opacity: 1;
}

#footer-sidebar {
	margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    width: 94%;
}


#creditline {
    padding: 5px 3%;
    text-align: center;
    width: 94%;
	background: #272A2E;
	border-top: 1px solid #777777;
}

#creditline a {
	font-weight: bold;
}

/* Common Elements 
------------------------------------------------------------- */
ol, 
ul {
	padding: 0 0 10px 10px;
	display: block;
	margin-bottom: 10px;
}

ul {
	list-style: square inside none;
}

ol {
	list-style: decimal inside none;
}

dl {
	margin: 0 0 24px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 131.25%;
}

ins {
	background: #FFFFFF;
	text-decoration: none;
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

pre {
	background:#FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #272A2E;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}

abbr,
acronym {
	border-bottom: 1px dotted #777777;
	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: #F6F6F6;
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 250px;
    padding: 5px 10px;
    text-align: right;
}

embed  {
	max-width: 100%;	
}

/* Menu Elements 
------------------------------------------------------------- */

#smartia-main-menu {
	clear: both;
    display: block;
    float: left;
    height: auto;
    width: 94%;
	padding: 0 3%;
	border-bottom: 3px solid #E5E5E5;
	border-top: 2px solid #CCCCCC;
	background: #F6F6F6;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC), color-stop(1, #F6F6F6) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif;
}

#smartia-main-menu .menu {
	 display: inline-block;	
	 float: left;
	 width: 75%;
}

#smartia-main-menu ul {
    list-style: none outside none;
	padding: 0;
	margin: 0;
}

#smartia-main-menu li {
    float: left;
    position: relative;
}


#smartia-main-menu a {
    color: #272A2E;
    display: block;
    padding: 12px 20px 11px 0;
    text-decoration: none;
	text-transform: uppercase;
	line-height: 2.5;
	font-size: 14px;
	text-shadow: 1px 1px 3px #777777;
}

#smartia-main-menu a:hover {
	color: #1B8AE8;
}

#smartia-main-menu .current-menu-item > a,
#smartia-main-menu .current-menu-ancestor > a,
#smartia-main-menu .current_page_item > a,
#smartia-main-menu .current_page_ancestor > a  {
	font-weight:bold;
}

#smartia-main-menu li ul {
    float: left;
    position: relative;
	margin: 0;
}

#smartia-main-menu ul ul, 
.sub-menu, .sub-menu ul ul {
    background: #E5E5E5;
	background: rgba(230, 230, 230, 0.95);
	border-bottom: 7px solid #272A2E;
    border-radius: 0 0 5px 5px;
    border-top: 3px solid #272A2E;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    width: 188px;
    z-index: 99999;
	padding: 0 5px;
}

#smartia-main-menu ul li ul li {
	padding: 0;
	margin:0;
	background: transparent;
	border-bottom: 1px dotted #FFFFFF;
}

#smartia-main-menu ul li ul li:hover {
	background: #272A2E;
	background: rgba(0, 0, 0, .9  );
}

#smartia-main-menu ul ul ul {
    left: 100%;
    top: 0;
	z-index: 999;
}

#smartia-main-menu ul ul a  {
    background: transparent;
    border: none;
	color: #272A2E;
    font-weight: normal;
    height: auto;
    line-height: 1em;
    padding: 10px 5px;
    width: 178px;
	text-transform:none;
	text-align: left;
	text-shadow: none;
}

#smartia-main-menu ul ul a:hover {
	padding-left: 20px;
	background: transparent;
	width: 163px;
	color: #AAAAAA;
}


#smartia-main-menu ul li:hover > ul {
	display: block;
	margin-top: -5px;
}


/* Wedget Elements 
------------------------------------------------------------- */
.widget {
	display: block;
	word-wrap: break-word;
}

.widget ul,
.widget ol {
	padding: 0;
}

#right-sidebar .widget {
    clear: both;
    margin: 0 0 20px;
    min-width: 150px;
    padding: 0;
    width: 100%;
}

#right-sidebar .widget h3 {
	background: #111111;
    color: #CCCCCC;
    padding: 5px;
    text-align: center;
	border-radius: 3px;
}

#right-sidebar .widget, 
#right-sidebar .widget li, 
#right-sidebar .widget a, 
#right-sidebar .widget a:hover {
	text-decoration: none;
	color:#272A2E;
} 

#right-sidebar .widget ul,
#right-sidebar .widget ol{
    margin-left: 15px;
}

#right-sidebar .widget li {
	list-style: square outside none;
}

#footer-sidebar .widget {
	background: #272A2E;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3);
    clear: both;
    padding: 15px;
	margin-bottom: 15px;
}

#footer-sidebar .first-footer-widget {
	float:left;
	width: 23.5%;
	min-width: 200px;
}

#footer-sidebar .footer-widgets {
	margin-left: 2%;
	float:left;
	width: 23.5%;
	min-width: 200px;
}

#footer-sidebar .widget h3 {
	padding-bottom: 5px;
}

#footer-sidebar .widget h3,
#footer-sidebar .widget h1,
#footer-sidebar .widget h2,
#footer-sidebar .widget h4 {
	color: #CCCCCC;
    text-decoration: none;
} 

#footer-sidebar .widget ul,
 #footer-sidebar .widget ol{
    margin-left: 10px;
}

#footer-sidebar .widget li {
	list-style: square outside none;
}

#right-sidebar input#s, #footer-sidebar input#s {
    float: left;
    margin-bottom: 10px;
    min-width: 100px;
    padding: 10px 7px;
    width: 50%;
}

#right-sidebar form#searchform input[type="submit"], 
#footer-sidebar form#searchform input[type="submit"] {		
	padding: 8px 7px;
}

.textwedget {
	width: 100%;		
}

.widget_calendar #wp-calendar th {
    background: #F6F6F6;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
    background: #F6F6F6;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
    text-align: center;
}

/* Design Elements 
------------------------------------------------------------- */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.25;
    margin: 0 0 10px;
}

h1 {
	font-size: 30px;	
}

h2 {
	font-size: 25px;	
}

h3 {
	font-size: 21px;	
}

h4 {
	font-size: 17px;	
}

h5 {
	font-size: 15px;	
}

h6 {
	font-size: 10px;	
}

p {
	margin-bottom: 15px;
}

a {
	text-decoration:none;
	color: #0bb1d5;	
}

a:hover {
	color: #1f6199;
}

b, strong {
	font-weight: bold;
}
displaynone {
	display: none;
}

.clear {
	clear: both;
}

table {
	border-radius: 3px 3px 3px 3px;
    padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	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;
}

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"],
#respond .form-submit input#submit,
#wp-submit {
	border-radius:3px;
	display:inline-block;
	padding:5px 15px 6px;
	text-decoration:none;
	height:35px;
	text-transform: uppercase;
	cursor:pointer;
	margin:0 7px;
	color:#777777;
	box-shadow: 0 0 9px 0 #777777;
	border:none;
	
	background: #F6F6F6;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC), color-stop(1, #F6F6F6) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%, #F6F6F6 100%);
}

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#respond .form-submit input#submit:hover,
#wp-submit:hover {
	box-shadow: 0 0 9px 0 #111111;
	color: #272A2E;
	text-shadow: 1px 1px 1px #F6F6F6;
}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select {
   	background: #E5E5E5;
    border-color: #AAAAAA #BBBBBB #FFFFFF #FFFFFF;
	border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #777777;
    display: inline-block;
    min-width: 50%;
    padding: 7px 10px;
    position: relative;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus {
   	background:#F6F6F6;
}

input[type="password"] {
    width: 200px;
}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	position:relative;
	top:1px;
}

#page-nav a { font-size: 17px; }

.sticky {
    background:#F6F6F6;
    border-radius: 3px;
    box-shadow: 1px 1px 10px #BBBBBB;
    padding: 35px 20px 10px;
	border-top: 3px solid #272A2E;
	border-bottom: 3px solid #777777;
}

.sticky:before {
    color: #AAAAAA;
    content: "F E A T U R E D";
    font-size: 11px;
    font-weight: bold;
    margin-top: -30px;
    position: absolute;
}

.gallery-caption {
	clear: both;
	width:95%;
}

#container .gallery .attachment-thumbnail {
    float:none;
	margin: 5px auto;
}

#container, 
#content, 
#content-full {
    text-align: justify;
}

#content img, 
#content-full img {
	height: auto;
    margin: 0;
    max-width: 100%;
    vertical-align: middle;
}


#heading {
	font-size: 35px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

#slide-container {
	width: 100%;
	height: 350px;
	height: 30vw;
	display: block;
	float: left;
	min-height: 50px;
	background: url("images/header-back.png") repeat scroll 0 0 / 100% 100% #FFFFFF;
}

blockquote {
	margin:20px 10px;
	padding:10px;
	quotes: quotes: '<<' '>>';
	background: #F6F6F6;
    border-left: 10px solid #777777;
}

blockquote:before {
	content:'\201C';
	font-size:4em;
	line-height:.1em;
	margin-right:.20em;
	vertical-align:-.4em;
	color: #777777;
}

blockquote:after {
	content:'\201D';
	font-size:4em;
	line-height:.1em;
	margin-left:.20em;
	vertical-align:-.4em;
	color: #777777;
}

blockquote p {
	display:inline;
}

#container .attachment-post-thumbnail {
   float: left;
   margin: 5px 10px 10px 0;
}


h1.page-title, h1.arc-post-title {
    color: #272A2E;
    font-size: 35px;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 0 5px #777777;
	font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif;
}

h2.post-title, 
h2.comments, 
h3#reply-title, 
h2.post-title-color,
h2.post-title a {
    margin-bottom: 0;
    padding-bottom: 5px;
    text-align: left;
    text-decoration: none;
	font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif;
	font-size: 25px;
}

h2.post-title a {
	color: #272A2E;
	font-weight: bold;
	padding: 15px 0 5px;
	background: url("images/title-background.png") no-repeat scroll 0 0 transparent;
	text-shadow: 1px 1px 5px #272A2E;
	font-weight: bold;
	font-size: 25px;
	width: 100%;
	display: block;

}

h2.post-title a:hover {
	color: #272A2E;
	opacity: .75;
}

h3.arc-src {
	text-transform: uppercase;
	font-size: 20px;
	color:#1B8AE8;
}

h3.arc-src span {
	color:#272A2E;
}

.post, 
.hentry, 
.no-results {
	margin-bottom: 20px;
	
}

.entrytext { margin-top: 15px; }

.read-more {
	cursor: pointer;
	font-weight: bold;
}

.postmetadata {
	font-size: 11px;
	border-top:1px solid #CCCCCC;
}

.postmetadata a {
	color: #1B8AE8;
	font-weight: bold;
}

.postmetadata h3,
.postmetadata h2,
.postmetadata h5,
.postmetadata h5 a {
	color:#F6F6F6;
	margin: 0;
}

.postmetadata h2 a {
	color:#FFFFFF;
	font-weight: bold;
}

.floatleft {
	float: left;
	max-width: 45%;
	text-align:left;
}

.floatright {
	float: right;
	max-width: 45%;
	text-align:right;
}

.middle-full .floatleft, 
.middle-full .floatright {
	min-width: 200px;
}

#page-nav .alignright {
	text-align:right;
}

#page-nav .alignleft {
	text-align:left;
}

/* .... Sign In ......
-------------------------------------------------- */

ul.lboxd{float:right;margin-top:30px;position:relative;color:#777777;font-size:14px;}
ul.lboxd li{list-style:none;}
a.loginicon {
    background: url("images/login.png") no-repeat scroll center top / 60px 60px transparent;
    display: block;
    height: 60px;
    margin: -10px -15px 0 0;
    position: relative;
    width: 60px;
}

ul.lboxd ul {
    background:url("images/footer-back.png") repeat scroll 0 0 #272A2E;
    display: none;
    padding: 20px 40px 20px 20px;
    position: absolute;
    right: 30px;
    top: 0px;
    width: 200px;
    z-index: 9999;
}
.login-username input, .login-password input, .login-submit input, ul.lboxd button{display:block;position:relative;width:100%;}
ul.lboxd li:hover > ul{display:block;}
ul.lboxd label, label{display:inline-block;margin-bottom:5px;}

/*.... Comments ......
-------------------------------------------------- */

#commentsbox {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 0 5px;
    position: relative;
}

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul,
#commentsbox li {
    list-style: none inside none;
}



#commentsbox .watermark {
    font-size: 17px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;	
}

#commentsbox .comment-author cite, #commentsbox .comment-author cite a {
    color: #272A2E;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
}

#commentsbox .avatar {
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-size: 10px;
    height: 70px;
    left: -100px;
    position: absolute;
    top: 0;
    width: 70px;
}

#commentsbox .avatar:hover {
	background: #1B8AE8;
}

#commentsbox ul.children {
	padding: 0;
}

.comment-body {
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
    position: relative;
}

.comment-body:before {
    content: url("images/comment-arrow.png");
    left: -21px;
    position: absolute;
}

#commentsbox .comment-body ol li {
	list-style: decimal inside none;
	padding: 5px 0 5px 20px;
}

#commentsbox .comment-body ul  li{
	list-style: square inside none;
	padding: 5px 0 5px 20px;
}

#commentsbox .commentlist li.comment {
    line-height: 19px;
    margin: 0 0 24px;
    padding: 5px 0 0 50px;
    position: relative;
	padding:5px 0 0 100px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#commentsbox .comment-meta {
    border-bottom: 1px solid #FFFFFF;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-shadow: none;
}

a.comment-reply-link {
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 5px;		

}

.commentlist > li.bypostauthor {
}

#commentsbox .commentlist .children li {
    margin: 0;
}

#commentsbox .commentlist li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
}

#comment-form {
	background:#E5E5E5;
    border: 1px solid #F6F6F6;
    border-radius: 3px;
    padding: 10px;
}

#respond .required {
	font-weight: bold;
	position:absolute;
}

#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;
	display: block;
}

#respond textarea {
	width: 95%;
}

#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;
}


/*..... Others 
-------------------------------------------------- */

h2#client-text.post-title {
	opacity: 0.7;
    padding: 30px 0 0;
    text-align: center;
}

#client {
	display:table;
	display:block\9;
	margin: 20px auto;
}

#client img {
	margin: 0 13px;
    max-height: 100px;
    vertical-align: middle;
    width: 100px;
}


.fpage-quote {
    background: #111111;
    border-radius: 10px;
    font-size: 12px;
    font-weight: normal;
    padding: 1%;
    width: 97%;
}
.fpage-quote q, .fpage-quote q:before, .fpage-quote q:after { background: none; border: none; color: #FFFFFF; }
.middle-full .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #111111; margin: 0 0 0 30px; }

.middle-full .customers-comment-slide  .bx-controls-direction a { top: 0; margin-top: -45px; text-align: left; color: transparent; }
.middle-full .customers-comment-slide  .bx-controls-direction a.bx-prev  { left: auto; right: 50px;  } 
.middle-full .customers-comment-slide  .bx-controls-direction a.bx-next  { right:10px; left: auto; } 

div, ul, li, img, a, p, ol, textarea, input, button {
	-moz-transition:  all 2s;    /* FF3.7+ */  
	-o-transition: all 2s;      /* Opera 10.5 */ 
	-webkit-transition: all 2s; /* Saf3.2+, Chrome */ 
	transition:  all 2s;
}

#slide-container div, #slide-container ul, #slide-container li, #slide-container img, #slide-container a, #slide-container p, #slide-container ol, #slide-container textarea, #slide-container input, #slide-container button, .middle-full a.bx-prev, .middle-full a.bx-next, #smartia-main-menu ul  {
	-moz-transition:  none;    /* FF3.7+ */  
	-o-transition: none;      /* Opera 10.5 */ 
	-webkit-transition: none; /* Saf3.2+, Chrome */
	transition:  none; 
}

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; 	display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; 	text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }


/* =Media Print
-------------------------------------------------------------- */
@media print {

h1 {
	page-break-before:always;
}

h1,  h2,  h3,  h4,  h5,  h6 {
	page-break-after:avoid;
}

ul,  ol,  dl {
	page-break-before:avoid;
}
}


/* =Responsive Design
-------------------------------------------------------------- */
@media screen and (max-width: 705px) {
	
#content { border-right:none; padding-right: 0; width: 100%; }
#top-menu-container { right: -3px; }
#right-sidebar { float: left; width: 100%; padding: 0; min-width: 200px; }
#right-sidebar .widget { clear: none; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 0; width: 25%; min-width: 200px; }
img.site-logo, h1.site-title { display: table-caption; max-width: 80%; }
.site-title-des { max-width: 80%; }
.middle-full { width: 94% }
.middle-full .floatleft, .middle-full .floatright { float: none; max-width: 80%; margin: 0 auto; }
.facebook-link, .twitter-link, .gplus-link, .blog-link, .ytube-link, .lin-link { background-size: 20px 20px; height: 20px; margin: 1px 0; padding: 3px; width: 20px; }
}