@charset "utf-8";
/*
Theme Name: Cubed
Theme URI: http://themes.cubed.gambit.ph/
Author: BFIntal
Author URI: http://themeforest.net/user/bfintal
Description: <strong>Premium Business &amp; Portfolio Theme</strong>
Version: v1.2
*/

/*
Built on the awesome Whiteboard Framework! http://whiteboardframework.com/
*/

/**
 * Modified version of:
 * 	SenCSS - Sensible Standards CSS framework
 * 	Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
 * 	sencss.kilianvalkhof.com
 * 	Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */

html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {display:block}body{position:relative}textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:none}a{text-decoration:underline;border:0;-webkit-transition:color .3s linear;-o-transition:color .3s linear}a:hover,a:focus{text-decoration:none}a img{border:0}abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}address,cite,em,i{font-style:italic}blockquote p{margin:0 1.5em 1.5em;padding:.75em}code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}del{text-decoration:line-through}dfn{border-bottom:1px dashed;font-style:italic}dl{margin:0 0 1.5em}dd{margin-left:1.5em}h1,h2,h3,h4,h5,h6{padding:0}h1{font-size:2em;margin:0 0 .75em}h2{font-size:1.5em;margin:0 0 1em}h3{font-size:1.1666em;margin:0 0 1.286em}h4{font-size:1em;margin:0 0 1.5em}h5{font-size:.8333em;margin:0 0 1.8em}h6{font-size:.666em;margin:0 0 2.25em}img{display:inline-block;vertical-align:text-bottom;border:0}ins{text-decoration:overline}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}ol{list-style:outside decimal}p{font-weight:400;margin:0 0 1.5em}pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}ul{list-style:outside disc}ul,ol{margin:0 0 1.5em 1.5em;padding:0}li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}caption{font-style:italic;text-align:left}tr.alt td{background:#eee}td{/*border:1px solid #000*/vertical-align:middle;padding:.333em}th{font-weight:700;vertical-align:middle;padding:.333em}button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}button::-moz-focus-inner{border:0}fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}iput{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}input[type=file]{height:2.25em;padding:0}select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}optgroup{font-weight:700;font-style:normal;text-indent:.2em}optgroup + optgroup{margin-top:1em}option{font-size:1em;height:1.5em;text-indent:1em;padding:0}label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}label input{background:0;border:1;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0}legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}dt,strong,b{font-weight:700}

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body{
	color: #333333;
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;*/
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

#main {
    overflow: hidden;
}

#main .main {
    min-width: 980px;
}


/* ELEMENTS */
h1, h2, h3, h4, h5, h6, span.dropcaps {
    /*font-family: 'MyFontFace', 'Titillium Web', 'Rubik', sans-serif;*/
    font-family: 'Titillium Web', 'Rubik', sans-serif;
    font-weight: normal;
}

p {
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    color: #555;
    line-height: normal;
}
/*2.3em;*/

h1 {
    font-size: 2.4em; 
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.6em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1em;
}

/*
div.page h1,div.page h2,div.page h3,div.page h4,div.page h5,div.page h6,
div.page h1 a,div.page h2 a,div.page h3 a,div.page h4 a,div.page h5 a,div.page h6 a {
    color: black;
}
*/

header {
    position: relative;
}
header .container {
    background: #222;
}
header .page-title {
    background: #aaa;
    background: white;
    margin-bottom: 30px;
}
header .page-title h1 {
    margin-bottom: 0; 
    padding: 20px 30px;
}
.container {
  position: relative;
  margin: 0 auto;
  width: 980px;
  overflow: hidden;
}
footer {
    font-size: 11px;
}
.nivo-html-caption {
    display: none;
}
.home-topfeature {
    margin-bottom: 30px;
}
.home-topfeature .colcontents p {
    line-height: 20px;
    font-size: 14px;
    color: white;
}
.home-topfeature .colcontents h1 {
    line-height: 40px;
    color: white;
}
.home-topfeature .colcontents {
    background: #666;
    padding: 30px 30px 12px 30px;
    margin: 0 !important;
}
.page-contents {
    background: white;
    margin-bottom: 30px;
}
.cubed {
    margin-bottom: 30px;
}
.page-title .cubed {
    margin-bottom: 0;
}

/* autoscaling background image */
#bgimagecontainer {
    width: 100%;
    position: fixed; 
    z-index: -1; 
    overflow: hidden; 
    height: 100%;
}
#bgimagecontainer.dont-move {
    position: absolute;
}
#bgimagecontainer img {
    width: 100%;
}

/* need to enable overflow on header so we can see the submenus.
   also the footer looks nicer with a gap. */
header .container, footer .container {
    overflow: visible;
}

/*
.headerbody .wrapper {
    /* hack for IE to display transparent subheader BG *//*
    background-color: transparent !important;
}
*/

.post-details {
    color: #999999; 
    font-size: 12px;
	font-family: 'Titillium Web', 'Rubik', sans-serif;
}

/*
 * MARGINS and SPACING
 */
p, div.syntaxhighlighter_container {
    margin-bottom: 18px;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 9px;
}
p {
    line-height: 18px;
}
fieldset {
    margin: 0;
    padding: 0;
}

/*
 * BLOG DATE
 */
.blog-date {
    padding: 10px;
    float: left;
    margin-right: 20px;
    min-height: 60px;
}
.blog-date * {
    color: white;
    margin: 8px;
}
.blog-date .day {
    float: left;
}
.blog-date .year {
    float: right;
}

.blog-title-area {
    margin-bottom: 18px;
    background: #f1f1f1;
}

.blog-title-area .post-details {
    margin-bottom: 0;
}

.portfolio-title-area {
    margin-bottom: 18px;
    /*
    background: #f1f1f1;
    padding: 10px;
    */
}
.portfolio-details-area {
    margin-bottom: 18px;
    background: #f1f1f1;
    padding: 15px;
}

.readmorebutton {
background: #8b0000;
padding: 4px 8px;
}

.readmorebutton a, .readmorebutton a:visited {
color: white !important;
}

/*
 * 404 not found search bar
 */
#searchform #searchsubmit {
    margin-top: 9px !important;
}

/*---------------------------- PAGE LAYOUT START -----------------------*/
.container {
}
/*---------------------------- PAGE LAYOUT END -----------------------*/


/*---------------------------- FRONT PAGE START -----------------------*/
/* small feature area specific styles for home page */
.feature-with-icon .title {
    padding-top: 6px;
}
.feature-with-icon img.icon {
    float: left; 
    margin-right: 10px;
}
.feature-with-icon p.subtitle {
    margin-bottom: 0px;
}
.feature-with-icon p.text {
    clear: both;
    margin-top: 18px;
}
.buttonicon {
    margin-right: 10px;
	margin-bottom:4px;
}
/*---------------------------- FRONT PAGE END -----------------------*/


/*---------------------------- BACKGROUND SHINE START -----------------------*/
.body-decor {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 980px;
    left: 18px;
    background: url('images/footer-shine-top.png') repeat-y bottom center;
    z-index: 0;
}
footer .container .content {
    background-image: url('images/footer-shine-bottom.png');
    background-repeat: no-repeat;
    background-position: top center;
}

/*
 * SMALL SUBHEADER
 */
.subheadersmall {
    padding: 0px 20px 15px;
    background: transparent;
    position: relative;
    color: white;
    height: 89px;
    overflow: hidden;
}

/*
 * BIG SUBHEADER
 */
.subheader .caption h1, .subheader .caption h2, 
.subheader .caption h3, .subheader .caption h4, 
.subheader .caption h5, .subheader .caption h6,
.subheader .caption p {
    color: white;
}
.subheader .caption {
    position: absolute;
    top: 130px;
    padding: 10px 18px 10px 60px;
}
/*---------------------------- BACKGROUND SHINE END -----------------------*/


/*---------------------------- WP-PAGE NAVI START -----------------------*/
.wp-pagenavi {
    margin-top: 27px;
}
.wp-pagenavi a h3, .wp-pagenavi .current h3 {
    line-height: 30px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #AAA;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    margin-bottom: 18px;
    padding-bottom: 2px;
}
/*---------------------------- WP-PAGE NAVI END -----------------------*/


/*------------------------- NIVO START ---------------------------------*/
#nivoslider {
    position:relative;
    background:#202834 url('images/nivo-loading.gif') no-repeat 50% 50%;
    width:980px; /* Change this to your images width */
    height:320px; /* Change this to your images height */
}

#nivoslider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#nivoslider a {
    border:0;
    display:block;
}
.nivo-slice {
    position: absolute;
}
.nivo-controlNav {
    position:absolute;
    right: 30px;
    bottom: 30px;
    z-index: 9;
}
.nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    background:url('images/nivo-bullets.png') no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:5px;
    float:left;
    position: relative;
    z-index: 99;
    cursor: pointer;
}
.nivo-controlNav a.active {
    background-position:-10px 0;
}

.nivo-directionNav a {
    display:block;
    width:32px;
    height:34px;
    background:url('images/nivo-arrows.png') no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-32px 0;
    right:10px;
}
a.nivo-prevNav {
    left:10px;
}
a.nivo-nextNav, a.nivo-prevNav {
    position: absolute;
    top: 216px;
    height: 68px;
}
.nivo-caption-header {
	height : 100%;
	width : 100%;
	position: relative;
}
/*.nivo-caption {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	top: 130px;
	width: 100%;
	height : 100%;
}*/

.nivo-caption
{
	width : 100%;
	margin: 0;
   	position: absolute;
   	top: 50%;
   	transform: translate(0, -50%) 
}
.nivo-caption .right {
	text-align: right; 
	float: right; 
	clear: both;
}
.nivo-caption p h1 {
    margin-bottom: 0;
    padding: 7px 30px 7px 30px;
    display: inline-block;
}
.nivo-caption p p {
    clear: both;
    line-height: 24px;
    padding: 9px 30px 9px 30px;
    margin-bottom: 0;
    font-size: 14px;
    display: inline-block;
    max-width: 400px;
    color: inherit;
}
.nivo-caption p a {
    display: inline !important;
}
.nivo-caption p {
    margin-bottom: 0;
}
/*------------------------- NIVO END ---------------------------------*/


/*------------------------- NAVIGATION START ---------------------------------*/
header .titlearea {
    position: absolute;
    z-index: 99;
    width: 920px;
    padding: 30px 30px 0;
}
header .titlearea .bar {
    height: 50px;
    background: black;
    overflow: visible;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*
header .titlearea li {
    text-shadow:1px 1px 2px #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
}
header .titlearea li li {
    text-shadow: none;
    -ms-filter: "";
    filter: none;
}
*/
header .logo {
    float: left;
    margin-left: 30px;
}
/*------------------------- NAVIGATION END ---------------------------------*/

/*------------------------- MENU START---------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*
 * Navigation bar skin
 */
.sf-menu {
    float: right;
    height: 50px;
    padding-right: 12px;
}
.sf-menu a {
    font-size: 15px;
    padding: 0 18px;
    text-decoration: none;
    /*font-family: 'MyFontFace', 'Titillium Web', sans-serif;*/
    font-family: 'Titillium Web', 'Rubik', sans-serif;
}
.sf-menu li a, .sf-menu li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: white;
    border-bottom: 0 !important;
}
.sf-menu li a:hover {
    color: #3B74C2;
}
.sf-menu * {
	z-index: 99999;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 8em; /* allow long menu items to determine submenu width */
	*width: 8em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul ul {
    margin-top: 0px;    
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu li li {
    border-bottom: 1px dotted #333;
}
.sf-menu li li.first {
    border-top: 1px dotted #555;
}
.sf-menu li li li.first {
    border-top: 0;
}
.sf-menu li li a, .sf-menu li li a:visited {
    color: #333;
    /*font-family: 'MyFontFace', 'Titillium Web', "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;*/
    font-family: 'Titillium Web', 'Rubik', sans-serif;
    font-size: 11px;
}
.sf-menu li li.last {
    border-bottom: 0;
}
.sf-menu li li a {
    line-height: 27px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.sf-menu li li li {
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
  color: #3B74C2;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}


/*
 * Navigation bar positioning
 */
nav.primary {
    bottom: 0px;
    right: 0px;
}

/*** arrows **/
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	 padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border: 4px solid transparent;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
/* ----------------------------- MENU END -------------------------- */


/* ----------------------------- ELEMENTS START -------------------------- */
blockquote {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #666666;
    margin: 27px 18px;
    background: transparent url('images/blockquote.png') no-repeat 9px 9px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}
blockquote p {
    margin: 8px 18px;
    padding: 0 0 0 36px;
    line-height: 22px;
    min-height: 34px;
}

pre, code, .pre {
    background: #dddddd;
    border: 1px solid #aaaaaa;
    display: table;
    font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
    margin-bottom: 18px;
    padding: 18px;
    color: #333;
}
.syntaxhighlighter code {
    display: inline;
    margin: 0px;
}
hr {
    border: 0;
    border-bottom: 1px dotted #999;
    margin-bottom: 30px;
    padding-top: 12px;
    margin-top: 0;
    clear: both;
}
/* ----------------------------- ELEMENTS END -------------------------- */


/* ----------------------------- WIDGET FOOTER START -------------------------- */
.widget-footer-container {
    width: 207px;
    margin-right: 30px;
    float: left;
}
.widget-footer-container.last {
    width: 209px;
}
.widget {
    margin-bottom: 18px;
}
#wp-calendar * {
    border:none;
}
#wp-calendar {
    empty-cells: hide;
    width: 100%;
    margin: 0;
}
#wp-calendar td {
    text-align: center;
    border: 0;
}
#wp-calendar td:hover, #wp-calendar #today {
    background: #ccc;
}
#wp-calendar td.pad:hover {
    background: transparent;
}
/* ----------------------------- WIDGET FOOTER END -------------------------- */

/*------------------------------ LISTS START -------------------------- */
.col1 ul, .col1 ol, .sidebar ul, .sidebar ol, footer ul, footer ol {
    margin: 0;
}
.col1 ul, .col1 ol {
    margin-bottom: 18px;
}
.col1 ul ul, .col1 ol ol, .col1 ul ol, .col1 ol ul {
    margin-bottom: 0px;
}
/*
.col1 li.last, .col2 li.last, .col3 li.last, .col4 li.last, .col23 li.last, .col34 li.last {
    padding-bottom: 0 !important;
}*/
.col1 li li.last, .col2 li li.last, .col3 li li.last, .col4 li li.last, .col23 li li.last, .col34 li li.last {
    padding-bottom: 7px !important;
}
.sidebar ul ul, .sidebar ol ol, .col1 ul ul, .col1 ol ol, footer ol ol, footer ul ul,
.sidebar ul ol, .sidebar ol ul, .col1 ul ol, .col1 ol ul, footer ol ul, footer ul ol,
ul ul, ul ol, ol ol, ol ul {
    margin: 0;
}
.sidebar li li, .col1 li li, footer li li {
    margin: 0 0 0 18px;
}
.colcontents ol, .colcontents ul {
    margin-left: 0;
}
.widget ul /*.col1 ul, ul */{
    list-style: none !important;
}
footer .widget ul li {
    padding: 0;
    background: none;
}
.widget li a, .col1 li, #recentcomments li {
    border-bottom: 1px dotted #888;
    padding: 8px 4px 8px 20px;
    display:list-item;
    list-style-position: inside;
}
.widget li.last a, .col1 li.last a, .col1 li.last, li.last a, li.last, #recentcomments li.last {
    border-bottom: none;
}
.widget li li.last a, .col1 li li.last a, li li.last a {
    border-bottom: 1px dotted #bbb;
}
#comments a {
    border-bottom: none !important;
}
#recentcomments a {
    border-bottom: none;
    background: none;
}
.widget ul.nosep li, .col1 ul.nosep li, ul.nosep li {
    border-bottom: none;
    background-position: 4px 5px;
    padding: 0 4px 0 20px
}
.sf-menu li {
    background-image: none;
}
footer li, footer li li, .sidebar li, .sidebar li li {
    background: none;
    border-bottom: none;
    padding: 0;
    display: list-item;
    margin-bottom: 0;
}
.sidebar li a, .sidebar #recentcomments li {
    border-color: #dfdfdf !important;
}
nav li, nav li a {
    border: none;
}

/* contents */
ul.arrow li, ul.check li, ul.cross li, ul.plus li, ul.star li {
    padding: 8px 4px 8px 20px;
    list-style-type: none;
}
ul.arrow li {
    background: url('images/bullet-arrow.png') no-repeat 4px center;
}
ul.check li {
    background: url('images/bullet-check.png') no-repeat 4px center;
}
ul.cross li {
    background: url('images/bullet-cross.png') no-repeat 4px center;
}
ul.plus li {
    background: url('images/bullet-plus.png') no-repeat 4px center;
}
ul.star li {
    background: url('images/bullet-star.png') no-repeat 4px center;
}
/* footer */
.widget.footer li a, .widget.footer li, .widget.footer #recentcomments li {
    background: url('images/bullet-arrow.png') no-repeat 4px 13px;
}
/* sidebar */
.sidebar .widget li a, .sidebar #recentcomments li {
    background: url('images/bullet-arrow.png') no-repeat 4px 13px;
}
.widget.footer li {
    border: none;
}
/* ----------------------------- LISTS END ----------------------- */




/* ----------------------------- WIDGET SIDEBAR START ----------------------- */
.sidebar .widget {
    width: 100%;
    margin-bottom: 15px;
    background: transparent;
    border-bottom: 1px dotted #AAA;
    padding-bottom: 15px;
}
.sidebar .widget.last {
    border-bottom: 0;
}
.sidebar {
    background: #eee;
    width: 250px;
    float: left;
    color: #333;
}
.sidebar.right {
    float: right;
    margin: 0;
}
.sidebar .widget {
    color: #333;
}
/* smaller paddings for sidebars */
.sidebar .widget .title {
    margin: 30px 0 0;
    padding-left: 30px;
    padding-right: 30px;
}
/* smaller paddings for sidebars */
.sidebar .widget div.colcontents {
    padding: 15px 30px 12px;
}
/* ------------------------ WIDGET SIDEBAR END ---------------------------*/

/* ----------------------------- COLUMNS START -------------------------- */
/* cols outisde a main col */
.col1 {
    width: 980px;
}
.col2, .col12, .col24 {
    width: 490px;
}
.col3, .col13 {
    width: 326px;
}
.col3.last, .col13.last {
    width: 328px;
}
.col4, .col14 {
    width: 245px;
}
.col23 {
    width: 652px;
}
.col23.last {
    width: 654px;
}
.col34 {
    width: 735px;
}


/* Portfolio only: cols inside a main col */
.col1 .col2, .col1 .col12, .col1 .col24 {
    width: 445px;
}
.col1 .col3, .col1 .col13 {
    width: 286px;
}
.col1 .col3.last, .col1 .col13.last {
    width: 288px;
}
.col1 .col4, .col1 .col14 {
    width: 207px;
}
.col1 .col4.last, .col1 .col14.last {
    width: 209px;
}
.col1 .col23 {
    width: 602px;
}
.col1 .col23.last {
    width: 604px;
}
.col1 .col34 {
    width: 681px;
}
.col1 .col34.last {
    width: 683px;
}

   
/* cols with sidebar */
.with-sidebar {
}
.with-sidebar .page-contents .col1 {
    width: 730px;
}
.with-sidebar .page-contents .col2, .with-sidebar .page-contents .col12, .with-sidebar .page-contents .col24 {
    width: 365px;
}
.with-sidebar .page-contents .col3, .with-sidebar .page-contents .col13 {
    width: 243px;
}
.with-sidebar .page-contents .col3.last, .with-sidebar .page-contents .col13.last {
    width: 244px;
}
.with-sidebar .page-contents .col4, .with-sidebar .page-contents .col14 {
    width: 182px;
}
.with-sidebar .page-contents .col4.last, .with-sidebar .page-contents .col14.last {
    width: 184px;
}
.with-sidebar .page-contents .col23 {
    width: 486px;
}
.with-sidebar .page-contents .col23.last {
    width: 487px;
}
.with-sidebar .page-contents .col34 {
    width: 546px;
}
.with-sidebar .page-contents .col34.last {
    width: 548px;
}

/* Portfolio only: cols inside a main col with a sidebar */
.with-sidebar .page-contents .col1 .col2, .with-sidebar .page-contents .col1 .with-sidebar .page-contents .col12, .with-sidebar .page-contents .col1 .col24 {
    width: 320px;
}
.with-sidebar .page-contents .col1 .col3, .with-sidebar .page-contents .col1 .with-sidebar .page-contents .col13 {
    width: 203px;
}
.with-sidebar .page-contents .col1 .col3.last, .with-sidebar .page-contents .col1 .with-sidebar .page-contents .col13.last {
    width: 204px;
}
.with-sidebar .page-contents .col1 .col4, .with-sidebar .page-contents .col1 .with-sidebar .page-contents .col14 {
    width: 145px;
}
.with-sidebar .page-contents .col1 .col23 {
    width: 436px;
}
.with-sidebar .page-contents .col1 .col23.last {
    width: 437px;
}
.with-sidebar .page-contents .col1 .col34 {
    width: 495px;
}

/* used in portfolio only */
.col1 .col2, .col1 .col12, .col1 .col24, .col1 .col3, .col1 .col13, .col1 .col4, .col1 .col14, .col1 .col23, .col1 .col34 {
    margin-right: 30px
} 
.col1 .col2.last, .col1 .col12.last, .col1 .col24.last, .col1 .col3.last, .col1 .col13.last, .col1 .col4.last, .col1 .col14.last, .col1 .col23.last, .col1 .col34.last {
    margin-right: 0px;
}
 
 
 
.col1, .col2, .col12, .col24, .col3, .col13, .col4, .col14, .col23, .col34 {
    float: left;
    background: #222222;
    overflow: hidden;
}
.col1 .title, .col2 .title, .col12 .title, .col24 .title, .col3 .title, .col13 .title, .col4 .title, .col14 .title, .col23 .title, .col34 .title {
    line-height: 45px;
    padding-left: 30px;
    margin: 0;
}
.col1 .subtitle, .col2 .subtitle, .col12 .subtitle, .col24 .subtitle, .col3 .subtitle, .col13 .subtitle, .col4 .subtitle, .col14 .subtitle, .col23 .subtitle, .col34 .subtitle {
    color: #3B74C2;
}
.col1 div.colcontents, .col2 div.colcontents, .col12 div.colcontents, .col24 div.colcontents, .col3 div.colcontents, .col13 div.colcontents, .col4 div.colcontents, .col14 div.colcontents, .col23 div.colcontents, .col34 div.colcontents {
    margin: 15px;
}
.col1.top .colcontents, .col2.top .colcontents, .col3.top .colcontents, .col4.top .colcontents, .col23.top .colcontents, .col34.top .colcontents {
    padding-top: 15px;
}
.col1.bot .colcontents, .col2.bot .colcontents, .col3.bot .colcontents, .col4.bot .colcontents, .col23.bot .colcontents, .col34.bot .colcontents {
    padding-bottom: 15px;
}
.col1.first .colcontents, .col2.first .colcontents, .col3.first .colcontents, .col4.first .colcontents, .col23.first .colcontents, .col34.first .colcontents {
    margin-left: 15px;
    padding-left: 15px;
}
.col1.last .colcontents, .col2.last .colcontents, .col3.last .colcontents, .col4.last .colcontents, .col23.last .colcontents, .col34.last .colcontents {
    margin-right: 15px;
    padding-right: 15px;
}
.col1.first, .col2.first, .col3.first, .col4.first, .col23.first, .col34.first {
    clear: both;
}

/* column style types */
.col1.type-3 .colcontents, .col2.type-3 .colcontents, .col3.type-3 .colcontents, .col4.type-3 .colcontents, .col23.type-3 .colcontents, .col34.type-3 .colcontents,     
.col1.type-4 .colcontents, .col2.type-4 .colcontents, .col3.type-4 .colcontents, .col4.type-4 .colcontents, .col23.type-4 .colcontents, .col34.type-4 .colcontents,
.col1.type-5 .colcontents, .col2.type-5 .colcontents, .col3.type-5 .colcontents, .col4.type-5 .colcontents, .col23.type-5 .colcontents, .col34.type-5 .colcontents,
.col1.type-6 .colcontents, .col2.type-6 .colcontents, .col3.type-6 .colcontents, .col4.type-6 .colcontents, .col23.type-6 .colcontents, .col34.type-6 .colcontents {     
    padding: 15px;
    margin: 15px;
}

.col1.type-7, .col2.type-7, .col3.type-7, .col4.type-7, .col23.type-7, .col34.type-7,
.col1.type-7 .colcontents, .col2.type-7 .colcontents, .col3.type-7 .colcontents, .col4.type-7 .colcontents, .col23.type-7 .colcontents, .col34.type-7 .colcontents {     
    padding: 0;
    margin: 0;
}

.col1.nobox, .col2.nobox, .col12.nobox, .col24.nobox, .col3.nobox, .col13.nobox, .col4.nobox, .col14.nobox, .col23.nobox, .col34.nobox .colcontents {
    border: 0 none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent none;
    margin-bottom: 0;
}
.col1.nobox .colcontents, .col2.nobox .colcontents, .col12.nobox .colcontents, .col24.nobox .colcontents, .col3.nobox .colcontents, .col13.nobox .colcontents, .col4.nobox .colcontents, .col14.nobox .colcontents, .col23.nobox .colcontents, .col34.nobox .colcontents {
    background: transparent none;
    padding-top: 0;
}

/* for columns inside a big column, don't style the container */
.col1 .col1, .col1 .col2, .col1 .col12, .col1 .col24, .col1 .col3, 
.col1 .col13, .col1 .col4, .col1 .col14, .col1 .col23, .col1 .col34 {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
    margin-bottom: 0px;
}
.col1 .col1 .title, .col1 .col2 .title, .col1 .col12 .title, .col1 .col24 .title, .col1 .col3 .title, 
.col1 .col13 .title, .col1 .col4 .title, .col1 .col14 .title, .col1 .col23 .title, .col1 .col34 .title {
    line-height: inherit;
    padding-left: 0;
    margin: 0;
    margin-bottom: 18px;
}
.feature-with-icon .title, .featurebox .title {
    margin: 0 !important;
}
.featurebox .subtitle {
    margin-bottom: 0 !important;
}

.col1 .col1 div.colcontents, .col1 .col2 div.colcontents, .col1 .col12 div.colcontents, .col1 .col24 div.colcontents, .col1 .col3 div.colcontents, 
.col1 .col13 div.colcontents, .col1 .col4 div.colcontents, .col1 .col14 div.colcontents, .col1 .col23 div.colcontents, .col1 .col34 div.colcontents {
    background-image: none;
    background-color: transparent;
    padding: 0;
}

.blog-page .colcontents .title {
    padding-left: 0;
}
/* ----------------------------- COLUNMS END -------------------------- */


/* ----------------------------- INFO BOXES (SHORTCODE) START -----------------------------*/
.infobox {
    display: table;
    padding: 17px 18px 0 60px;
    margin-bottom: 18px;
}
.infobox.check {
    border: #94b854 1px solid;
    background: #cfe495 url('images/info-check.png') no-repeat 10px 12px;
}
.infobox.check, .infobox.check * {
    color: #006400;
}
.infobox.cross {
    border: #7f0936 1px solid;
    background: #e36060 url('images/info-cross.png') no-repeat 15px 11px;
}
.infobox.cross, .infobox.cross * {
    color: white;
}
.infobox.info {
    border: #3579be 1px solid;
    background: #ABE5FC url('images/info-info.png') no-repeat 15px 10px;
}
.infobox.info, .infobox.info * {
    color: #185CA0;
}
.infobox.warn {
    border: #bb4f00 1px solid;
    background: #FFBA61 url('images/info-warn.png') no-repeat 15px 10px;
}
.infobox.warn, .infobox.warn * {
    color: #800000;
}
.infobox.feature {
    border: #bdb200 1px solid;
    background: #fff99f url('images/info-feature.png') no-repeat 10px 10px;
}
.infobox.feature, .infobox.feature * {
    color: #006400;
}
.infobox.fullwidth {
    display: block;
}
/* ----------------------------- INFO BOXES (SHORTCODE) END -----------------------------*/


/* ----------------------------- TITLE (SHORTCODE) START -----------------------------*/
.sc_title {
    text-align: center;
    
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 18px;
    margin: 18px 0px 18px 0px;
}
.sc_title .decor {
    background: url('images/title-bottom.png') no-repeat bottom center;
    border-top: 1px solid #777777;
    height: 29px;
}
.sc_title .inner {
    display: inline-table;
}
.sc_title .text {
    padding: 0px 20px;
}
/* ----------------------------- TITLE (SHORTCODE) END -----------------------------*/

/* ----------------------------- READ MORE BUTTON (FOR BLOGS) START -----------------------------*/
.readmorebutton {
    float: right; 
    margin-bottom: 18px;
}
a, a:hover, a:visited {
    text-decoration: none;
}
/* ----------------------------- READ MORE BUTTON (FOR BLOGS) END -----------------------------*/


/* ---------------------------- HR STYLED (HR AUTOREPLACED) START ---------------------------- */
.hr {
    margin: 10px 0 12px;
}
.hr .left, .hr .right {
    width: 30px;
}
.hr, .hr * {
    height: 15px;
}

.hr .left {
    background: url('images/hr.png') no-repeat;
    float: left;
}

.hr .right {
    background: url('images/hr.png') no-repeat;
    background-position: 100% 0%;
    float: right;
}

.hr .middle {
    height: 7px;
    border-bottom: 1px #999999 solid;
    overflow: hidden;
}
/* ---------------------------- HR STYLED (HR AUTOREPLACED) END ---------------------------- */


/* ---------------------------- DROPCAPS (SHORTCODE) START ---------------------------- */
span.dropcaps {
    display: block;
    float: left;
    font-size: 36px;
    margin: 0px 5px -8px 0px;
    padding: 0px;
    position: relative;
    text-align: center;
}

span.dropcaps.square {
    background: #EEE;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    display: block;
    float: left;
    font-size: 36px;
    margin: 4px 10px 0px 0px;
    padding: 6px 12px 0px;
    position: relative;
    text-align: center;
}

span.dropcaps.circle {
    background: #EEE;
    border-bottom-left-radius: 30px 30px;
    border-bottom-right-radius: 30px 30px;
    border-top-left-radius: 30px 30px;
    border-top-right-radius: 30px 30px;
    display: block;
    float: left;
    font-size: 36px;
    margin: 4px 10px 0px 0px;
    padding: 6px 12px 0px;
    position: relative;
    text-align: center;
}
/* ---------------------------- DROPCAPS (SHORTCODE) END ---------------------------- */


/* ---------------------------- TOOLTIPS (SHORTCODE) START ---------------------------- */

div.tooltip-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background: url('images/help-icon.png') no-repeat;
}
div.tooltip-parent {
    display: inline-block;
    overflow: hidden;
}

.tooltip-small, .tooltip-medium, .tooltip-big {
    z-index: 9999;
    padding: 22px 20px 32px;
    color: #333333; 
    display: none;
}
.tooltip-small.bottom, .tooltip-medium.bottom, .tooltip-big.bottom {
    padding:32px 20px 22px;
}

.tooltip-small {
    background:transparent url('images/tooltip-small.png') no-repeat center center;
    height:55px;
    width:198px; 
}

.tooltip-medium {
    background:transparent url('images/tooltip-medium.png') no-repeat center center;
    height:104px;
    width:198px; 
}

.tooltip-big {
    background:transparent url('images/tooltip-big.png') no-repeat center center;
    height:200px;
    width:198px;
}

.tooltip-small.bottom {
    background:transparent url('images/tooltip-small-bottom.png') no-repeat center center;
}

.tooltip-medium.bottom {
    background:transparent url('images/tooltip-medium-bottom.png') no-repeat center center;
}

.tooltip-big.bottom {
    background:transparent url('images/tooltip-big-bottom.png') no-repeat center center;
}
/* ---------------------------- TOOLTIPS (SHORTCODE) END ---------------------------- */



/* ---------------------------- TABS (SHORTCODE) START ---------------------------- */
.bfi_tab_container p, .bfi_tab_container br {
    display: none;
}
.bfi_tab_container div p, .bfi_tab_container div br {
    display: inherit;
}

.bfi_tab_container {
    margin: 0 0 18px;
}
/* root element for tabs  */
.bfi_tabs_slide, .bfi_tabs_fade {  
    margin:0 !important; 
    padding:0;
    height:36px;
    border-bottom:1px solid #666;       
}

/* single tab */
.bfi_tabs_slide div, .bfi_tabs_fade div {  
    float:left;  
    padding:0; 
    margin:0;  
}

/* link inside the tab. uses a background image */
.bfi_tabs_slide a, .bfi_tabs_fade a { 
    float:left;
    font-size:13px;
    display:block;
    padding:8px 30px;   
    text-decoration:none;
    border:1px solid #666;  
    border-bottom:0px;
    height:18px;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;    
    outline:0;
    background: #444 url('images/tab-shadow.png') repeat-x 0 4px;
    font-size: 14px;
}

.bfi_tabs_slide a:hover, .bfi_tabs_fade a:hover {
    /*background-color:#F7F7F7;*/
    /*color:#333;*/
}

.bfi_tabs_slide a, .bfi_tabs_fade a {
    color: white !important;
}
    
/* selected tab */
.bfi_tabs_slide a.current, .bfi_tabs_fade a.current {
    background-image: none;
    background-color: #eee;
    border-bottom:1px solid #eee;   
    color:#000 !important;
    cursor:default;
}

    
/* tab pane */
div.bfi_pane {
    display:none;
    border: 1px solid #666;
    border-width: 0 1px 1px 1px;
    padding: 30px;
    background-color: #eee;
}

/* ---------------------------- TABS (SHORTCODE) END ---------------------------- */


/* ---------------------------- ACCORDION (SHORTCODE) START ---------------------------- */
.bfi_accordion_slide, .bfi_accordion_slide2 {
    margin-bottom: 18px;
} 
.bfi_accordion_pane {
    display: none;
    padding: 9px;
}
.bfi_accordion_header_spacer {
    padding: 5px;
}
.bfi_accordion_header .bfi_accordion_inner {
    padding: 9px 9px 9px 25px;
    border: 1px solid #999;
}

.bfi_accordion_header .bfi_accordion_inner {
    font-size: 14px;
    background: #ccc url('images/accordion-arrow-right.png') no-repeat 10px center;
}
.bfi_accordion_header.current .bfi_accordion_inner {
    background: #222 url('images/accordion-arrow-down.png') no-repeat 10px center;
}

.bfi_accordion_header .bfi_accordion_inner a {
    color: black !important;
}
.bfi_accordion_header.current .bfi_accordion_inner a {
    color: white !important;
}
/* ---------------------------- ACCORDION (SHORTCODE) END ---------------------------- */



/*----------------------- ATTACHMENT ICON SHORTCODE START ----------------------------*/
span.attachment {
    white-space: nowrap;
}
span.attachment img.icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
/*----------------------- ATTACHMENT ICON SHORTCODE END ----------------------------*/



/*----------------------- FAQ SHORTCODE START ----------------------------*/
div.faq {
    margin-bottom: 18px;
}
div.faq div.faq-title {
    padding: 10px; 
    background: #ddd;
    cursor:pointer;
}
div.faq a.faq-icon {
    float: left; 
    width: 18px; 
    height: 18px; 
    background: url("images/faq-symbols.png") no-repeat left center; 
    text-indent:-9999px; 
    margin-right: 10px;
}
div.faq a.faq-icon.open {
    background: url("images/faq-symbols.png") no-repeat -18px center;
}
div.faq div.faq-content {
    overflow: hidden; 
    display: none;
}
div.faq.open div.faq-content {
    display: block;
}
div.faq div.faq-content div.faq-content-inner {
    margin: 18px 18px 0;
}
/*----------------------- FAQ SHORTCODE END ----------------------------*/



/* ---------------------------- POST AUTHOR START ---------------------------- */
#post-author {
    margin-top: -3px;
}

#post-author #author-text {
    margin-bottom: 9px;
}

#post-author .avatar {
    float: left;
}

#post-author #authorDescription {
    overflow: hidden;
    padding-left: 18px;
}

#post-author h3 {
    margin-bottom: 18px;
}
/* ---------------------------- POST AUTHOR END ---------------------------- */


/* ---------------------------- COMMENTS START ---------------------------- */

#comments #respond {
    margin-top: 18px;
    background: #EEE;
padding: 15px;
}
#comments #respond #reply-title hr {
    margin-top: 27px;
}
#comments ul ul {
    padding-left: 10px;
}

/* IE Hack to get rid of bullets in comments */
#comments ul {
    list-style-image: none;
    list-style-type: none;
}

#comments .comment-author {
    float: left;
}

#comments .comment-body {
    overflow: visible; 
    padding-left: 10px;
    border: 1px solid #CCC;
	padding: 15px;
	position: relative;
	margin-left: 60px;
}

#comments .comment-body-arrow {
	background-image: url('images/comment-arrow.png');
	position: absolute;
	left: -8px;
	width: 8px;
	height: 15px;
	top: 12px;
	text-indent: 99999px;
	overflow: hidden;
}

#comments .comment-body.no-parent {
	margin-left: 70px;
}
#comments .comment-body-arrow.no-parent {
	top: 17px;
}

#comments .reply {
    float: right;
}

#comments .comment-text {
    padding-right: 18px;
}

#comments h3.comment-title {
    background: url('images/comment.png') no-repeat;
    padding-left: 50px;
    height: 30px; 
    margin-bottom: 10px;
}
#comments .comment-item {
    padding: 20px 0 0;
}
#comments .comment-item.odd {
}
#comments li {
    background-image: none !important;
    padding: 0;
    border: 0;
}
#comments li.last {
    padding: 0 !important;
}

.navigation {
    margin: 18px 0px 18px 0px;
}

.navigation .alignleft {
    float: left;
}
.navigation .alignright {
    float: right;
}

cite.fn {
    font-size: 12px;
    font-style: normal;
}
#comments .post-details {
    margin-bottom: 9px;
}

#respond .form-submit {
    margin-bottom: 0px;
}
#respond .form-submit #submit {
    margin: 0 !important;
}

/* ---------------------------- COMMENTS END ---------------------------- */


/* ---------------------------- JQUERY TOOLS VALIDATOR START ---------------------------- */
/* error message */
.error {
    /* supply height to ensure consistent positioning for every browser */
    background-color: #890808;
    border: 1px solid #BC4545;
    font-size:11px;
    padding:3px 10px 1px;
    margin-left:-2px;
    z-index: 999;
    margin-top: 30px;

    -moz-box-shadow:0 0 6px #999999;
    -webkit-box-shadow:0 0 6px #999999;
}

.error p {
    margin: 0;
    color: white;
}
/* ---------------------------- JQUERY TOOLS VALIDATOR END ---------------------------- */

input, textarea {
    background: #FAFAFA url('images/input-bg.png') repeat-x;
    border:1px solid #bbb;
    
    padding:5px;
    font-size:12px;  
}
input:focus, textarea:focus {
    background-color: white;
    
    -moz-box-shadow:0 0 1px #333;
    -webkit-box-shadow:0 0 1px #333;
    box-shadow:0 0 1px #333;
}

/* ---------------------------- CONTACT PAGE START ---------------------------- */
.html5form textarea, #commentform textarea {
    width: 100% !important;
}
.html5form input, #commentform input {
    width: 200px;
}
.html5form input.human, #commentform input.human {
    width: 30px;
}
/* ---------------------------- CONTACT PAGE END ---------------------------- */


/*------------------------------ YOUTUBE PLAYER START ------------------------------*/
.video-player { /*margin: 20px; width: 640px;*/ 
    background: black;
    }
.video-controls { 
    background: #dedede; 
    height: 30px;
    margin: -4px 0 0;
    position: relative;
    width: 640px;
    display:none;
}
.video-controls .status { height: 20px; left: 30px; position: absolute; top: 5px; width: 455px; }
.video-controls .bar { background: #a4a4a4; height: 10px; position: relative; top: 5px; }
.video-controls .loaded { background: #bbb; height: 10px; left: 0; position: absolute; top: 0; }
.video-controls .indicator { background: #212121; display: block; height: 10px; left: 0; position: absolute; top: 0; width: 20px; }
.video-controls .play-pause, .volume { 
    background: url(images/btn-controls.png) no-repeat ;
    display: block;
    height: 20px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 5px;
    width: 20px;
}
.video-controls .play-pause { left: 5px; }
.video-controls .playing { background-position: 0 -20px; }
.video-controls .volume { background-position: 0 -60px; right: 130px; }
.video-controls .muted { background-position: 0 -40px; }
.video-controls .view-youtube { 
    color: #000;
    display: block; 
    float: right; 
    font-size: 9px; 
    line-height: 30px;
    padding: 0 5px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
.video-youtube-link-overlay {
    position: absolute;
    background: url('images/video-youtube-overlay.png') no-repeat center center;
}
/*------------------------------ YOUTUBE PLAYER END ------------------------------*/

.page .video-vimeo-container, .page .video-flow-container, .page .video-youtube-container, .page .video-swf-container {
    display: inline-block;
    
}
.page .video-youtube-container {
    position: relative;
    padding-bottom: 23px;
}
.page .video-youtube-container.noshadow {
    padding-bottom: 0;
}
.featurecenter object, .video-vimeo-container object, .video-flow-container object, .video-youtube-container object, .video-swf-container object {
    vertical-align: bottom;
}

.overlay-magni {
    display: none;
    position: absolute; 
    background: url('images/magnify-overlay.png') no-repeat center center; 
    top: 0;
}
.overlay-play {
    display: none;
    position: absolute; 
    background: url('images/play-overlay.png') no-repeat center center; 
    top: 0;
}


/* ----------------------------- SIMPLEBTN START -------------------------- */

.simpleBTN, .simpleBTN, input.simpleBTN, button.simpleBTN, a.simpleBTN, span.simpleBTN, div.simpleBTN {
    margin: 0 0 18px 0 !important;
    padding: 4px 12px;
    line-height: normal !important;
    /*font-family: 'MyFontFace', 'Titillium Web', "Lucida Grande", Verdana, Geneva, sans-serif;*/
    font-family: 'Titillium Web', 'Rubik', sans-serif;
    font-weight: normal;
    border: 0 !important;
}
/*
 * FOR THE BUTTONS REPLACED WITH SIMPLEBTN
 */
button.simpleBTN {
    color: black;
    line-height: 0.8em;
} 
/* ----------------------------- SIMPLEBTN END -------------------------- */

/* ----------------------------- FOOTER START -------------------------- */
/* The images are in the skin css */
footer .content {
    padding: 0 30px;
}
footer .container {
    z-index: 99;
    background: transparent;
}
footer {
    overflow: hidden;
    font-size: 8pt;
}
footer .copytext .text {
    line-height: 30px;
    font-size: 12px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    float: left;
}
footer .copytext .colcontents {
    padding: 21px 30px 20px;
    margin: 0;
}
footer .widget h1, footer .widget h2, footer .widget h3, footer .widget h4, footer .widget h5, footer .widget h6 {
    margin-bottom: 18px;
}
footer .widget ul {
    margin-top: -9px;
}
footer .footer-widgets {
    background: #DDD;
    float: left;
}
footer .footer-widgets .colcontents {
    margin: 30px 30px 12px 30px;
}
footer .twitter-container {
    background: #357B9C url('images/twitter-icon.png') no-repeat 30px 18px;
    overflow: hidden; 
}
footer .twitter-container .twitter {
    padding: 30px 30px 0 100px;
    background: transparent;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #f1f1f1;
    line-height: 18px;
    min-height: 18px;
    margin: 0 0 30px;
}
footer .social {
    float: right; 
    margin-top: 1px;
}
/* ----------------------------- FOOTER END -------------------------- */

/* ---------------------------- CLEARFIX START ---------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
    font-size: 0;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
/* ---------------------------- CLEARFIX END ---------------------------- */




/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/
/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/
/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/
/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/
/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/
/* ------------------------------ SOME OLD STYLES THAT NEED DEFINING ------------------------*/


a h1, a h2, a h3, a h4, a h5, a h6 {
    color: #3B74C2;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
    color: #999;
}

.wp-pagenavi a h3 {
    color: #3B74C2;
}

.subheader .caption {
    color: white;
    
}


.nivo-caption p h1 {
    color: white;
    
}


.col1 .subtitle, .col2 .subtitle, .col12 .subtitle, .col24 .subtitle, .col3 .subtitle, .col13 .subtitle, .col4 .subtitle, .col14 .subtitle, .col23 .subtitle, .col34 .subtitle {
    color: #3B74C2 !important;
}
/* ----------------------------- FEATUREBOX END -------------------------- */


.sf-menu li a:hover {
    color: #3B74C2 !important;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    color: #3B74C2 !important;
}
a, a:visited {
    color: #3B74C2;
}
a:hover {
    color: #666;
}
ul a, ul a:visited, ol a, ol a:visited {
    color: #3B74C2;
}
ul a:hover, ol a:hover {
    color: #666 !important;
}
div.page a, div.page a:visited {
    color: #3B74C2;
}
div.page a:hover {
    color: #666 !important;
}


div.map {
    display: inline-block;
    margin-bottom: 18px;
}


/*----------------------- PRICE TABLE SHORTCODE START ----------------------------*/
.pricingtable thead th, .pricingtable tfoot td {
    background: #666;
    color: white;
    padding: 9px 15px;
    font-weight: normal;
    background: #666 url('images/tab-shadow.png') repeat-x bottom left;
}
.pricingtable tbody td, .pricingtable tfoot td {
    border: 0;
}
.pricingtable thead th, .pricingtable tfoot td {
    vertical-align: top;
}
.pricingtable tbody td {
    vertical-align: middle;
}
.pricingtable tbody tr {
    background: #eee;
}
.pricingtable tbody tr.even {
    background: #fff;
}
.pricingtable tbody td, .pricingtable tbody th, .pricingtable tfoot td {
    text-align: center;
}
.pricingtable tbody td {
    border-right: 1px solid #ddd;
}
.pricingtable tbody td.first {
    padding: 7px 18px 7px 9px;
}
.pricingtable thead th.first, .pricingtable tfoot td.first {
    background: transparent;
}
/*
.pricingtable thead th.second {
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}
.pricingtable tfoot td.second {
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}
.pricingtable thead th.last {
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
.pricingtable tfoot td.last {
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
*/
.pricingtable tbody tr.even.last {
    border-bottom: 1px solid #ddd;
}
/*----------------------- PRICE TABLE SHORTCODE END ----------------------------*/



/*----------------------- TABLE SHORTCODE START ----------------------------*/
.table thead th {
    background: #666;
    color: white;
    padding: 9px 15px;
    font-weight: normal;
    background: #666 url('images/tab-shadow.png') repeat-x bottom left;
    text-align: center;
}
/*
.table thead th.first {
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}
.table thead th.last {
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
*/
.table tbody td {
    border: 0;
    border-right: 1px solid #ddd;
    padding: 7px 18px;
    text-align: left;
}
.table tbody td.last {
    border: 0;
}

.table tbody tr {
    background: #fff;
}
.table tbody tr.even {
    background: #eee;
}
.table tr.last {
    border-bottom: 1px solid #ddd;
}
/*----------------------- TABLE SHORTCODE END ----------------------------*/


/*----------------------- HEADING SHORTCODE START ----------------------------*/
.heading-type-2, .heading-type-3, .heading-type-4, .heading-type-5 {
    padding: 5px 10px;
}
/*----------------------- HEADING SHORTCODE END ----------------------------*/


.widgetportfolio li a {
    background: none; 
    padding-left: 4px;
}

.widgetportfolio li img {
    float: left;
    margin-right: 10px;
    border: 1px solid #AAA; 
}
.widgetportfolio li div {
    padding-top: 3px;
}

/**
 * Twitter Widget
 */
.widget .twitterwidget.twitterwidget-rss {
    display: none;
}
.widget .entry-content *, .widget .time-meta * {
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    display: inline !important;
}
.widget .from-meta, .widget .in-reply-to-meta {
    display: none !important;
}
.widget .widget_twitter li {
    clear:both;
}
.widget .entry-meta {
    display: block;
    border-bottom: 1px solid #AAA;
    padding: 3px 0;
    font-size: 10px;
    padding-bottom: 9px;
}
.widget .twitter-avatar {
    margin-bottom: 18px;
}
.widget .twitter-avatar img {
    border: 1px solid #AAA;
}
.widget li.last .entry-meta {
    border: 0;
    padding-bottom: 0;
}
.widget .entry-content {
    margin-top: 9px;
    display: block;
}
.widget li.first .entry-content {
    margin-top: 0;
}


.slickr-flickr-gallery, .slickr-flickr-gallery ul img {
    padding: 0 !important;
}
.slickr-flickr-gallery a {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.blog-icon-author, .blog-icon-categories,
.blog-icon-comments, .blog-icon-tags,
.blog-icon-reply, .blog-icon-date {
    width: 10px;
    height: 10px;
    background: url('images/blog-icons.png') no-repeat;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: -1px;
}

.blog-icon-author {
    background-position: 0 -10px;
}

.blog-icon-categories {
    background-position: -10px 0px;
}

.blog-icon-comments {
    background-position: -10px -10px;
}

.blog-icon-tags {
    background-position: 0 0;
}

.blog-icon-reply {
    background-position: -20px 0;
}

.blog-icon-date {
    background-position: -20px -10px;
}


/*---------------------------- PAHABOL STYLES -----------------------*/
.autoshadow {
    margin-top: -1px;
}

.nivo-caption p .simpleBTN {
    display: inline-block !important;
}

.wp-caption, .aligncenter {
}
.wp-caption-text, .gallery-caption {
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}

.last, .with-sidebar .last {
    margin-right: 0;
}

.nivo-html-caption {
    display: none;
}

/* Images with reflection */
div.gallery {
    margin-bottom: 12px;
}

/* we put this here so that jQuery can detect the hover color (for Cufon styling) */
.a-hovered {
    color: #aaa;
    display: none;
} 

/* Always remember to compress your live stylesheet and keep an uncompressed backup */
/*
img.wp-smiley {
height: 100% !important;
width: 100% !important;
}
*/


/************************************************************
* @Author: Boutros AbiChedid 
* @Date:   December 15, 2011
* @Website: blueoliveonline.com ; bacsoftwareconsulting.com
* @Description: Styling Custom Numbered Comment Pagination.
* @Tested on: IE7/IE8/IE9, Safari 5 (for windows), 
* Google Chrome 15, Opera 11.5 and Mozilla Firefox 8
*************************************************************/
.paginate-com {
text-align: center;
height:25px;
/*font-family: 'MyFontFace', 'Titillium Web', 'Rubik', sans-serif;*/
font-family: 'Titillium Web', 'Rubik', sans-serif;
}   
.paginate-com a {
padding: 3px 6px 4px 6px; 
margin: 3px;
text-decoration: none;
border: 1px solid #ccc;
color: #666;
background-color: inherit;  
}
.paginate-com a:hover { 
border: 1px solid #444;
color: #444;
background-color: #eee;
}
.paginate-com .current {
padding: 3px 6px 4px 6px; 
margin: 3px;
font-weight:bold;
border: 1px solid #666;
color: #444;
background-color: #eee;
}
img.wp-smiley {
height: auto !important;
max-height: 100% !important;
width: auto !important;
max-width: 100% !important;
}

/* Kuri Added Style */
.kuri-author-comment
{
	/*font-family : 'MyFontFace', 'Titillium Web', sans-serif;*/
  	font-family: 'Titillium Web', 'Rubik', sans-serif;
	/**font-size : 0.9em; **/
}

.kuri-author-comment > .comment-text
{
	font-size : 14px;
}

.kuri-author-mark
{
	background : url(./images/kuri-custom/kuri-author-mark.png);
	background-repeat : no-repeat;
	background-position : top right;
}

.listing-item > .title
{
	padding-left: 0px !important;
	line-height: 0px !important;
	font-family: 'Titillium Web', 'Rubik', sans-serif;
	font-weight: normal;
	font-size:13px;
}