@charset utf-8;
/*
Theme Name: Bipgaz
Theme URI: #
Author: VP
Author URI: http://viros-production.com/
Description: 
Version: v1.0
Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, microformats, theme-options, threaded-comments

License: GNU General Public License & ThemeForest Licensing Terms
License URI: README_License.txt


/*
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:300;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{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:0;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: #666666;
	font-family: arial;/*"Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;*/
	font-size: 11px; /*12px;*/
	line-height: 16px; /*18px;*/
	min-width: 1052px;
	margin: 0;
}

#main {
    overflow: hidden;
    z-index: 2;
}
.content-left {
    z-index: 2;
}


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

p {
    color: #666666;
}
h1, h2, h3, h4, h5, h6 {
    color: #555;
    line-height: normal;
}
h1 {
    font-size: 2.4em; /*2.3em;*/
}
h2 {
    font-size: 2.2em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.5em;
}
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;
}
*/

/*
.body, footer {
	padding-left: 250px;
}
*/
header {
    position: fixed;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}
header .header-left {
	height: 100%;
	background: /*#222222*/ #1F5C99;
	float: left;
}
header .header-right {
	height: 100%;
	float: left;
}
header .header-widget {
	padding-left: 18px;
	color: white;
	clear: both;
}
header .header-widget li {
	padding: 1px 4px 4px 0;
	background: none !important;
}
header .header-widget li a {
	padding: 1px 4px 4px 15px;	
}
header .header-widget ul, header .header-widget ol {
	margin-left: 0;
	margin-bottom: 0;
}
header .header-widget h4 {
	margin-top: 9px;
}
header .header-widget .widgetportfolio a {
	padding-left: 0;
}
header .container {
    background: #222;
}
header .page-title {
    background: #aaa;
    background: white;
    margin-bottom: 30px;
}
header .page-title h1 {
    margin-bottom: 0; 
    padding: 20px 30px;
}
.content-left {
	position: fixed;
	height: 100%;
	margin-left: -60px;
}
.container {
  position: relative;
  /*margin: 0 auto;*/
  margin-left: auto;
  width: 980px;
  overflow: hidden;
  z-index: 2;
}
footer {
    font-size: 11px;
    overflow: hidden;
}
.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;
}

/* autoscaling background image */
#bgimagecontainer {
    width: 100%;
    position: fixed; 
    z-index: 1; 
    overflow: hidden; 
    height: 100%;
}
#bgimagecontainer.bg-scroll {
    position: absolute;
}
#bgimagecontainer img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* 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: 11px;
}

/*
 * 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 {
margin-bottom: 18px;
border-bottom: 1px dotted #DDD;
padding: 0 0 7px 0;
}
.blog-date * {
    margin: 0;
}
.blog-date .day {
    float: left;
}
.blog-date .year {
    float: right;
}

.blog-title-area {
}

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

.portfolio-title-area {
    margin-bottom: 18px;
    /*
    background: #f1f1f1;
    padding: 10px;
    */
}
.portfolio-details-area {
    border-top: 1px dotted #DDD;
    padding-top: 10px;
}

.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;
}
/*---------------------------- FRONT PAGE END -----------------------*/


/*---------------------------- BACKGROUND SHINE START -----------------------*/
.body-decor {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 980px;
    left: 18px;
    background: url('../../../images/footer-shine-top.html') 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 h3 a, .wp-pagenavi .current h3 {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #AAA;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 4px;
}
.wp-pagenavi h3 {
    display: inline-block;
}
/*---------------------------- 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.html') 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 {
    position: absolute;
    top: 130px;
    width: 100%;
}
.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;
}
*/
/*------------------------- NAVIGATION END ---------------------------------*/

/*------------------------- MENU START---------------------------------*/

.menu-wrapper {
}

/*
 * Navigation bar essential styles
 */
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
}
.sf-menu {
  line-height:  30px;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
  width:      10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
}
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  top:      2.5em; /* match top ul list item height */
  z-index:    99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:     10em; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:     10em; /* match ul width */
  top:      0;
}

/*
 * Navigation bar skin
 */
.sf-menu {
    float: left;
    padding-right: 12px;
}
.sf-menu a {
    font-size: 16px;
    padding: 0 18px;
    text-decoration: none;
}
.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 ul {
    z-index: 9398;
}

.sf-menu ul {
    background-color: #222;
    z-index: 9999;
}
.sf-menu ul ul {
    margin-top: 0px;    
}
.sf-menu li {
}
.sf-menu li li {
    border-bottom: 1px dotted #333;
}
.sf-menu li li a, .sf-menu li li a:visited {
    color: #333;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;
    font-size: 11px;
}
.sf-menu li li.last {
    border-bottom: 0;
}
.sf-menu li li a {
    line-height: 27px;
    padding-top: 1px;
    padding-bottom: 2px;
}
.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;
}

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

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          .75em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;
    background:     url('images/arrows-ffffff.html') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-menu a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top: 50%;
    margin-top: -5px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
.sf-menu li li a > .sf-sub-indicator {
    top: 50%;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left:   100%; /* match ul width */
    top:    0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* ----------------------------- 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 dotted #999;
    border-top: 1px dotted #999;
}
blockquote p {
    margin: 8px 18px;
    padding: 0 0 0 36px;
    line-height: 22px;
    min-height: 34px;
}

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


/* ----------------------------- WIDGET FOOTER START -------------------------- */
.widget {
    margin-bottom: 33px;
}
.widget.header {
	margin-bottom: 0;
}
.

#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;
}
#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;
    display: list-item;
}
.sf-menu li {
    background-image: none;
    clear: both;
}

/* contents */
ul {
    list-style: none;
}
ul li:before {
    content: "// \0020";
}
ul.check li {
    background: url('images/bullet-check.png') no-repeat 4px 8px;
}
ul.cross li {
    background: url('images/bullet-cross.png') no-repeat 4px 8px;
}
ul.plus li {
    background: url('images/bullet-plus.png') no-repeat 4px 8px;
}
ul.star li {
    background: url('images/bullet-star.png') no-repeat 4px 8px;
}
ul.arrow li {
    background: url('images/bullet-star.png') no-repeat 4px 9px;
}
ul.check li:before, ul.cross li:before, ul.plus li:before, ul.star li:before, ul.arrow li:before, nav li:before, li.comment:before,
ul.widgetportfolio li:before, #wpadminbar li:before {
    content: "";
}
li {
    padding: 4px 4px 4px 0px;
}
nav li, ul.check li, ul.cross li, ul.plus li, ul.star li, ul.arrow li {
    padding: 4px 4px 4px 20px;
}
ul.arrow li {
    padding: 4px 4px 4px 15px;
}
li ul, li ol {
    margin-top: 4px !important;
}
nav li ul, nav li ol {
    margin-top: 0px !important;
}
/*.widget li a, .col1 li, li, #recentcomments li {
    padding: 4px 4px 4px 20px;
}
*/
/* ----------------------------- LISTS END ----------------------- */




/* ----------------------------- WIDGET SIDEBAR START ----------------------- */
.sidebar .widget {
    margin: 25px 20px 17px 30px;
    background: transparent;
    width: 200px;
    padding-bottom: 27px;
}
.sidebar {
    float: left;
    color: #333;
}
.sidebar.right {
    float: right;
    margin: 0;
}
.sidebar .widget {
    color: #333;
}
/* smaller paddings for sidebars */
.sidebar .widget .title {
    margin: 0 0 15px 0;
    padding: 0;
}
/* ------------------------ 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;
    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;
    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: left;
}

/* 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: #89EB72 1px dotted;
    background: #E7FFE1 url('images/info-check.png') no-repeat 10px 12px;
}
.infobox.check, .infobox.check * {
    color: #006400;
}
.infobox.cross {
    border: #EA8B8B 1px dotted;
    background: #FFE0E0 url('images/info-cross.png') no-repeat 15px 11px;
}
.infobox.cross, .infobox.cross * {
    color: #9B0F0F;
}
.infobox.info {
    border: #9ADFFF 1px dotted;
    background: #E4F6FF url('images/info-info.png') no-repeat 15px 10px;
}
.infobox.info, .infobox.info * {
    color: #185CA0;
}
.infobox.warn {
    border: #EFC077 1px dotted;
    background: #FFF5E6 url('images/info-warn.png') no-repeat 15px 10px;
}
.infobox.warn, .infobox.warn * {
    color: #C15F00;
}
.infobox.feature {
    border: #ECEE5E 1px dotted;
    background: #FFFFE2 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.html') 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 -----------------------------*/

/* ----------------------------- Lire Plus BUTTON (FOR BLOGS) START -----------------------------*/
.readmorebutton {
    float: right; 
    margin-bottom: 18px;
}
a, a:hover, a:visited {
    text-decoration: none;
}
/* ----------------------------- Lire Plus 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.html') no-repeat;
    float: left;
}

.hr .right {
    background: url('images/hr.html') 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: 3px 12px;
    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: 3px 12px;
    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 0 0; 
    text-indent:-9999px; 
    margin-right: 10px;
}
div.faq a.faq-icon.open {
    background: url("images/faq-symbols.png") no-repeat -18px 0;
}
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;
    border: 1px solid;
    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 .bypostauthor .comment-body {
    border: 2px solid #ccc;
}

#comments .comment-body-arrow {
	background-image: url('images/comment-arrow.png');
	position: absolute;
	left: -9px;
	width: 9px;
	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:2px 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;
}
body.ischrome .error {
    margin-top: 0;
}

.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.html) 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;
    margin-bottom: 18px;    
}
.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 6px;
    line-height: normal !important;
    font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
    font-weight: normal;
    border: 0 !important;
}
.simpleBTN.large {
    padding: 8px 14px 11px !important;
}
.simpleBTN.small {
    padding: 4px 10px 6px !important;
}
.simpleBTN.tiny {
    padding: 4px 8px 6px !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;
    padding-top: 15px;
}
footer .footershadow {
    position: absolute;
}
footer .footershadow img {
    height: 40px;
    width: 100%;
}
footer .footer-widgets {
    margin-top: 30px;
    margin-bottom: 0;
}
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 {
    float: left;
}
footer .twitter-container {
    background: transparent url('images/twitter-icon.png') no-repeat 15px 55px;
    overflow: hidden; 
}
footer .twitter-container .twitter {
    padding: 30px 15px 0 85px;
    background: transparent;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    min-height: 45px;
    margin: 30px 0 0;
}
footer .twitter-container.without-widgets {
    margin-bottom: 30px;
}
.social {
    float: left; 
    margin-bottom: 9px;
}
/* ----------------------------- 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 !important; 
}

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

.twitter_widget_pro li:before, .slickr-flickr-gallery li:before, .widgetportfolio li:before {
    content: "";
}
.slickr-flickr-gallery ul li {
    margin: 0 !important;
}

/**
 * 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: 18px;
}
.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: -3px;
}

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


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




/* =Images
 * MODIFIED FROM TWENTYTEN
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}
.wp-caption {
    line-height: 18px;
    max-width: 632px !important; /* prevent too-wide images from breaking layout */
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 18px !important;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    overflow: hidden;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery img {
    border: none !important;
}
.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
.gallery dl {
    margin: 0;
}
.gallery img {
    /*border: 10px solid #f1f1f1;*/
}
.gallery br+br {
    display: none;
}
#content .attachment img {/* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}


form#searchform {
    position: relative;
    margin-bottom: 18px;
}
.widget form#searchform {
    margin-bottom: 0;
} 

form#searchform input#s {
    background: white;
    color: #b2b2b2;
    font: 1.125em Arial, Helvetica, sans-serif;
    height: 24px;
    padding: 8px 55px 0 8px;
}
 
form#searchform input#s:focus {
    color: #4c2805;
}
 
form#searchform input#searchsubmit {
background: white;
    position: absolute;
    right: -1px;
    top: 1px;
    padding: 0;
    margin: 0 !important;
    border: 0 !important;
}


.getentry_button {
    float: right;
}

.getentry_layout1, .getentry_layout2, .getentry_layout3 {
    margin-bottom: 18px;
}
.getentry_layout1 .getentry_previewimage, .getentry_layout2 .getentry_previewimage {
    margin-bottom: 9px;
    margin-right: 18px;
    margin-top: 5px;
    float: left;
}
.getentry_layout3 .getentry_title, .getentry_layout3 .getentry_previewimage_container {
    margin-bottom: 18px;
}
.getentry_spacer {
    height: 48px;
}

.portfoliogallery_spacer {
    margin-top: 18px;
}

.realigned_by_bfi {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sticky { }

/* Always remember to compress your live stylesheet and keep an uncompressed backup */

.language_switcher {
    position: absolute;
    top: 100px;
	 margin-left:90px; 
}