<br />
<b>Deprecated</b>:  mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in <b>/home/dwebsite/public_html/demos/1/_framework/adodb5/drivers/adodb-mysql.inc.php</b> on line <b>443</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/dwebsite/public_html/demos/1/_framework/adodb5/drivers/adodb-mysql.inc.php:443) in <b>/home/dwebsite/public_html/demos/1/_modules/styles/controllers/stylesController.class.php</b> on line <b>41</b><br />

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}            

h1,h2,h3,h4,h5,h6 {
   clear: both;
}

/* Add font-face for custom icons. */

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../_style/fonts/websymbols-regular-webfont.eot');
    src: url('../_style/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_style/fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../_style/fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../_style/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  -----------------------------------------------------------------------------------------
1. Basic Theme Structure
-----------------------------------------------------------------------------------------  */

/* Custom Styling - Default styles */

h1, h2, h3, h4, h5, h6 {
      font-family: Open Sans;
   } 


   body, input[type='submit'] {
      font-family: Open Sans;
   } 


   .call-to-action {
      font-family: Open Sans;
   } 


   .call-out:after {
      background: transparent url('../_images/patterns/pattern-2.png') repeat top left;
      filter: alpha(opacity=50);
      opacity: 0.1;
   } 


   #footer:after, .page-title:after {
      background: transparent url('../_images/patterns/pattern-2.png') repeat top left;
      filter: alpha(opacity=50);
      opacity: 0.02;
   } 
   
   #header:after{
      background: url('http://www.dwebsite.nl/demos/1/media/image/id/30') repeat top left;

   }
   
   body.custom-background { 
      
            background-image: url('http://www.dwebsite.nl/demos/1/media/image/id/42');
	        
      /*background-image: url('../_images/standard-background.png');*/ 
      background-repeat: repeat; 
	  background-position: top left; 
	  background-attachment: scroll; 
	  }

/* 1.1 Core */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pattern{
   width: 100%;
   height: 100%;
}

.no-list-style {
   list-style-type: none;
}

.page-link {
   margin: 10px 0;
   font-style: italic;
   padding: 5px 0;
   width: 200px;
   border-bottom: 1px solid #D7D7D7;
   border-top: 1px solid #D7D7D7;
}
   .page-link a {
      padding: 0 3px;
   }
   
table {
   margin: 10px 0 20px 0;
   width: 100%;
   text-align: center;
}  

table th {
   color: #38A4FC;
   padding-top: 5px;
   background-color: #f9f9f9;
   width: 200px;
   height: 30px;
   border: 1px solid #d7d7d7;
   border-bottom: none;
}

table td {
   background-color: #fff;
   height: 35px;
   border: 1px solid #d7d7d7;
   padding: 10px;
}

table tr:hover td {
   background-color: #eee;
}

dl {
   margin: 10px 0 20px 20px;
}
   dt {
      font-weight: bold;
   }
   
   dd {
      margin-bottom: 20px;
   }
   
em, em, i {
   font-style: italic;
}


ul ul, ul ol, ol ol, ol ul {
   margin: 0px;
}

ul {
   list-style-type: circle;
   margin-left: 20px;
}

ul ul, ol ol{
   margin-left: 30px;
}

ol {
   list-style-type: decimal;
   margin-left: 20px;
}

ul, ol {
   margin-bottom: 20px;
}

ol ol {
   list-style-type: upper-alpha;
}

ol ol ol {
   list-style-type: lower-roman;
}

 kbd {
   font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
}

address {
   margin-bottom: 20px;
}

abbr, acronym {
   cursor: help;
   border-bottom: 1px dotted #D7D7D7;
}

ins {
   background-color: #FFF9C0;
   text-decoration: none;
}

pre, code {
    background: url("images/code.png") repeat top left;
    border: 1px solid #dedede;
    display: block;
    font: 11px/19.2px Consolas,"Andale Mono",Courier,"Courier New",monospace;
    margin: 0 0 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 18px 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code{
   padding-top: 0px;
}

strong {
   font-weight: bold;
}

sub {
   top: 5px;
}

sup, sub {
   font-size: 10px;
   height: 0;
   line-height: 1;
   position: relative;
   vertical-align: baseline;
}

sup {
   bottom: 5px;
}

img.size-full {
   max-width: 98%;
   height: auto;
}


/* 1.2 Template Core */

body {
   font-family: 'Open Sans', sans-serif;
   color: #67615a;
   line-height: 21px;
   font-size: 12px;
   line-height: 21px;
}

::selection {
   background: rgba(58, 166, 252, 0.7);
   color: #eee;
   text-shadow: none;
}

::-moz-selection {
   background: rgba(58, 166, 252, 0.7);
   color: #eee;
}

::-webkit-selection {
   background: rgba(58, 166, 252, 0.7);
   color: #eee;
   text-shadow: none;
}

.content p, #main p {
   margin-bottom: 20px;
}

.post-content p{
   margin-bottom: 5px!important;
}

.clearfix::after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

h1,h2,h3,h4,h5,h6{
   padding: 0;
   margin-bottom: 10px;
}

h1{
   font-size: 24px;
   line-height: 34px;
   font-weight: 300;
}

h2{
   font-size: 18px;
   line-height: 22px;
}

h3{
   font-size: 16px;
   line-height: 20px;
}

h4{
   font-size: 14px;
   line-height: 18px;
}

h5{
   font-size: 12px;
   line-height: 18px;
   font-weight: bold;
}

h6{
   font-size: 10px;
   line-height: 16px;
   text-transform: uppercase;
}

.homepage #main {
   padding: 20px;
   background: white;
}

/* Custom Pattern */ 

#container{
   background: #fff;
}

.page-title{
   background-color: #f5f5f5;
}

#sidebar h4, .page-title, .single-title {
   color: #444;
}

a, .blog-title a, .portfolio-title a, #twitter_update_list a,.tabs a.current, .table th, .sub-title, .call-to-action p, #sidebar ul li a, #sidebar .box a, #sidebar ul li a.rsswidget{
   color: #444;
}

#sidebar, #sidebar ul li, .page-title span {
   color: #444;
}

#container:after, #footer:after, .call-out:after, #slider-container:after, #header:after {
   content: ' ';
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   z-index: 1;
   filter: alpha(opacity=50);
}

#container, #footer {
   position: relative;
}

#footer div, .call-out div, .nivo-slider, .flexslider, .call-to-action, #main, #sidebar, .page-title, .single-title, #inner-header, #bottom-header {
   position: relative;
   z-index: 2;
}

/* End Custom Pattern */

.entry_edit {
   margin-top: 10px;
}

.clearboth {
   clear: both;
}

.inner_main {
   background: #fff;
   padding: 20px;
}

.inner_main_blog{
   background: #fff;
   padding: 50px 0 20px 0;
   min-height: 600px;
}

.no-results {
   padding: 20px;
}
   
a {
   text-decoration: none;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
   -ms-transition: color 0.3s linear;
   -o-transition: color 0.3s linear;
   transition: color 0.3s linear;
}

a:hover {
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
   -ms-transition: color 0.3s linear;
   -o-transition: color 0.3s linear;
   transition: color 0.3s linear;
}


/*  -----------------------------------------------------------------------------------------
2. Header Style
-----------------------------------------------------------------------------------------  */

#wrapper {
   width: 960px;
   position: relative;
   margin: 0 auto;
   box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
}

.header-widget-area {
   width: 100%;
   position: relative;
   display: none;
}

.header-widget-trigger-area {
   width: 100%;
   height: 5px;
   position: relative;
   cursor: pointer;
}

.header-widget-area-trigger-arrow {
   font-family: 'WebSymbolsRegular';
   font-size: 25px;
   position: relative;
   z-index: 100;
   position: absolute;
   top: -5px;
   left: 50%
}

#header {
   min-height: 120px;
   position: relative;
   padding-top: 20px;
}

#main {
   padding: 20px;
   height: 100%;
   background-color: white;
}

#bottom-header{
   width: 100%;
   height: 5px;
}

#logo{
   float: left;
   margin: 0px 0 0 20px;
}

.content{
   padding-bottom: 10px;
}

.bottom-color {
   background: red;
   height: 3px;
   position: absolute;
   bottom: 0;
   width: 100%;
   border-bottom: 2px solid #417ba1;
   background-color: #99d2f9;
}

.slogan{
   margin: 10px 0px;
   color: #9f9f9f;
   font-size: 12px;
}

#social-media {
   position: absolute;
   right: 0;
   color: #FFF;
   text-align: right;
   margin-right: 20px;
   float: right;
   font-size: 11px;
}

.social-media-images {
   list-style-type: none;
   margin: 0 0 10px 0;
   height: 25px;
}

.social-media-images li {
   float: right;
   height: 24px; 
   width: 24px;
   margin: 0 0 0 5px;
}

.social-media-images li a {
   display: block;
}


#sm_twitter a:before, #sm_vimeo a:before, #sm_youtube a:before, #sm_facebook a:before, 
#sm_linkedin a:before, #sm_skype a:before, #sm_rss a:before, #sm_tumblr a:before, #sm_google a:before{
   font-family: 'WebSymbolsRegular';
   font-size: 14px;
}

#sm_twitter a:hover:before, #sm_vimeo a:hover:before, #sm_youtube a:hover:before, #sm_facebook a:hover:before, 
#sm_linkedin a:hover:before, #sm_skype a:hover:before, #sm_rss a:hover:before, #sm_tumblr a:hover:before, #sm_google a:hover:before{
   -webkit-transition: color 0.3s ease-in-out;
   -moz-transition: color 0.3s ease-in-out;
   -ms-transition: color 0.3s ease-in-out;
   -o-transition: color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out;
}

#sm_twitter a:before{
   content: "t";
}

#sm_facebook a:before{
   content: "f";
}

#sm_linkedin a:before{
   content: "l";
}

#sm_google a:before{
   content: "g";
}

#sm_skype a:before{
   content: "s";
}

#sm_tumblr a:before{
   content: "k";
}

#sm_vimeo a:before{
   content: "m";
}

#sm_youtube a:before{
   content: "y";
}

#sm_rss a:before{
   content: "B";
}
 
.full-width{
   width: 100%;
}

.page-title-sep{
   width: 40px;
   height: 2px;
   display: block;
   float: left;
   margin: 18px 10px 0px 10px;
}

.page-title{
   padding: 20px 20px 10px 20px;
   border-bottom: 1px solid #e3e3e3;
}

   .page-title h1 {
      font-size: 18px;
      display: inline-block;
      float: left;
      font-weight: bold;
   }
   
   .page-title p {
      margin-top: 7px;
      font-size: 13px;
      float: left;
      color: #999;
   }
   
   .page-title #searchform {
      float: right;
   }
   
   .page-title #searchform input{
      background: #fff;
      border: 1px solid #e3e3e3;
      color: #d2d2d2;
      font-size: 11px;
      padding-left: 10px;
      height: 25px;
      width: 150px;
      margin: 3px 0 0 0;
   }
   
   .page-title #searchform input:focus{
      border: 1px solid #d2d2d2;
      color: #999;
      outline: none;
   }
   
   
/*  -----------------------------------------------------------------------------------------
3. Menu Style
-----------------------------------------------------------------------------------------  */

#nav-menu {
   position: relative;
   height: 25px;
   z-index: 10;
   padding: 0px 20px 20px 20px;
}

.select-menu {
   clear: both;
   display: none;
   margin: 20px 0 0 0;
   width: 440px;
   background: #F6F6F6;
   color: #666;
   font-size: 12px;
   line-height: 21px;
   border: 1px solid #CCC;
   height: 30px;
}

#header {
   position: relative;
   z-index: 10;
}

#nav-menu ul {
   margin: 0;
   list-style-type: none;
   font-weight: bold;
}

.primary li {
   float: left;
   position: relative;
   list-style-type: none;
   max-width: 140px;
   margin-right: 55px;
}

.primary li ul.sub-menu li.current-menu-item, .primary li.sfHover ul li:hover, .primary li ul.sub-menu li.current-menu-ancestor {
   border-top: 0!important;
   background: none;
   margin-top: 0;
}

.primary ul { 
   display: none;
}

.primary li a {
   text-decoration: none;
   color: #fff;
   font-size: 13px;
   padding-top: 10px;
   display: inline-block;
}

.primary > li > a {
   height: 30px;
}

.primary li a span.menu-title {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   padding: 0 20px;
}

.primary li a span {
   margin: 0 auto;
   padding: 0 20px;
   font-weight: normal;
   text-transform: lowercase;
   font-size: 11px;
   color: #999;
   display: block;
   text-align: center;
}

.primary li a:hover {
   color: #747474;
}

.primary li ul.sub-menu {
   display: none;
   list-style-type: none;
   position: absolute; 
   left: 0px; 
   top: 45px;
   margin: 0; 
   font-size: 11px;
   -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   z-index: 10; /* version 1.1 update from -10 to 10 */
}

.primary li ul.sub-menu li {
   font-weight: normal;
   text-align: left;
   margin: 0 10px 0 10px; 
   clear: both;
   width: 200px;
   padding-right: 0!important;
   padding-top: 5px;
   border-bottom: 1px solid rgba(0,0,0,0.15);
   min-height: 35px;
   position: relative;
}

.primary li ul.sub-menu li:last-child, .primary li ul.sub-menu li:last-child:hover {
   border-bottom: none;
}

.primary li ul.sub-menu li ul.sub-menu {
   list-style-type: none;
   position: absolute;
   left: 150px; 
   top: 0px;
   margin: 0; 
   display: none;
   float: right;
   font-size: 11px;
   -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.07);
   border-left: 0;
}     

.primary li ul.sub-menu li a {
   font-size: 11px;
   padding: 5px 0 0 0;  
   color: #999;
   display: block;
   width: 160px;
   min-height: 30px;
}

.primary li ul.sub-menu li a:hover { 
   border: none;
   margin: 0;
   color: #858585;
}

.primary .sf-sub-indicator{
   display: none;
}

.primary li ul.sub-menu .sf-sub-indicator{
   position: absolute;
   top: 10px;
   right: 0;
   display: inline;
   width: 20px;
   padding: 0;
}

/*  -----------------------------------------------------------------------------------------
4. Slider Style & Call To Action
-----------------------------------------------------------------------------------------  */

#slider-container, #calltoaction-container {
   position: relative;
}

#slider-container {
   background-color: #f5f5f5;
   border-bottom: 1px solid #E3E3E3;
}

#slider-progressbar {
   height: 5px;
   background-color: rgba(0,0,0,0.10);
}

#slider-progressbar .ui-widget-header {
   display: block;
   height: 5px;
}

   .call-to-action {
      padding: 20px;
      font-size: 18px;
      line-height: 24px;
      width: 920px;
   }
   
   .cta-big p {
      float: left;
      width: 700px;
   }
   
   .call-to-action-button a{
      display: block;
   }
   
   .call-to-action-button {
      font-size: 16px;
      position: relative;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
   }
   
   .call-to-action-button:hover {
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
   }
   
   .cta-small .call-to-action-button {
      text-align: center;
      margin: 20px auto 0px auto;
      max-width: 150px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
   }
   
   .cta-big .call-to-action-button {
      float: right;
      border-radius: 3px;
   }
   
   .call-to-action-button span {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      color: #FFFFFF;
      padding: 5px 17px;
      position: relative;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
      display: inline-block;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
   }

   .cta-small {
      float: right;
      width: 220px;
      font-size: 16px;
      padding: 20px;
   }
   
      .cta-small p {
         text-align: center;
      }

   .nivo-small {
      width: 700px;
      height: 300px;
      float: left;
   }
   
      .nivo-small .nivo-controlNav {
         display: none;
      }
   
   .nivo-big {
      width: 960px;
      height: 400px;
   }

.nivoSlider {
   position: relative;
}

.nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
}

.nivoSlider a.nivo-imageLink {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   border: 0;
   padding: 0;
   margin: 0;
   z-index: 6;
   display: none;
}

.nivo-slice {
   display: block;
   position: absolute;
   z-index: 5;
}

.nivo-box {
   display:block;
   position:absolute;
   z-index:5;
}

.nivo-caption {
   background: rgba(0,0,0,0.3);
   position:absolute;
   bottom: 0px;
   left: 0px;
   z-index:8;
   width: 700px;
   color: #fff;
   padding: 10px;
}

.nivo-small .nivo-caption {
   width: 680px;
}

.nivo-caption a {
   display:inline !important;
}

.nivo-html-caption {
   display:none;
}

.nivo-directionNav{
   position: absolute;
   bottom: 0px;
   right: 0;
   width: 60px;
   z-index: 9;
}

.nivo-prevNav, .nivo-nextNav{
   display: block;
   width: 30px;
   height: 30px;
   text-indent: -9999px;
   cursor: pointer;
}

.nivo-nextNav{
   background: transparent url('../_images/slider-dir-nav.png') no-repeat top left;
   float: right;
}

.nivo-prevNav{
   background: transparent url('../_images/slider-dir-nav.png') no-repeat bottom left;
   float: left;
}

.nivo-controlNav {
   position: absolute;
   bottom: -5px;
   z-index: 999;
}

   .nivo-controlNav a {
      background: rgba(0,0,0,0.10);
      float: left;
      display: block;
      width: 100px;
      height: 5px;
      z-index: 999;
      cursor: pointer;
      text-indent: -9999px;
   }

/* Cycle Slider */ 

.cycle_slider_container {
   width: 960px;
   height: 400px;
   position: relative;
   z-index: 2;
   background-color: rgba(0,0,0,0.15);
   overflow: hidden;
}

.cycle_slider_container ul {
   width: 960px;
   height: 400px;
   margin: 0;
}

.cycle-navigation {
   height: 30px;
   width: 60px;
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 9999;
   cursor: pointer;
}

   #cycle-prev {
      background: transparent url('../_images/slider-dir-nav.png') no-repeat bottom left;
      width: 30px;
      float: left;
      height: 30px;
   }
   
   #cycle-next {
      background: transparent url('../_images/slider-dir-nav.png') no-repeat top left;
      width: 30px;
      float: left;
      height: 30px;
   }

   .cycle_slider_container ul li{
      list-style-type: none;
      height: 420px;
      display: none;
   }

   .slider_background_image {
      width: 900px;
      height: 400px;
   }

   .cycle_slider h1, .cycle_slider p {
      color: #fff!important;
   }

   .slider_front_image {
      position: absolute;
      width: 960px;
      height: 400px;
      color: #494646;
   }
   
   .slider_text {
      position: absolute;
      width: 960px;
      height: 400px; 
   }
   
   .slider_text div {
      position: absolute;
   }
   
      .slider_text h1 {
         font-size: 28px;
         margin-bottom: 0;
         line-height: 28px;
      }

/* Flexslider */

/* FlexSlider Necessary Styles
*********************************/

.flexslider { 
   margin: 0; 
   padding: 0;
   list-style: none;
}

.flexslider iframe {
   border: 0;
   height: 100%;
   width: 100%;
}

.flexslider .slides > li { 
   list-style: none;
   height: 400px;
   display: none; 
   -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */


.flexslider .slides img { 
   max-width: 100%; 
   display: block;
}

.flex-pauseplay span {
   text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after { 
   content: "."; 
   display: block; 
   clear: both; 
   visibility: hidden; 
   line-height: 0; 
   height: 0;
}

html[xmlns] .slides {
   display: block;
}

* html .slides {
   height: 1%;
}

.flexslider ul{
   margin: 0;
}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
   position: relative; 
   zoom: 1;
}

.flexslider .slides {
   zoom: 1;
}
.flexslider .slides > li { 
   position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
   background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; }

.flex-caption {
   background: rgba(0,0,0,0.3);
   position:absolute;
   bottom: 0px;
   left: 0px;
   z-index:8;
   width: 700px;
   color: #fff;
   padding: 10px;
}

/* Direction Nav */
.flex-direction-nav {
   height: 0; 
}

.flex-direction-nav li a { 
   width: 25px; 
   height: 30px; 
   margin: -13px 0 0; 
   display: block; 
   position: absolute; 
   top: 50%; 
   cursor: pointer; 
   text-indent: -999em;
}

.flex-direction-nav li .next {
   background: transparent url('../_images/slider-dir-nav.png') no-repeat top left;
   right: -30px;
}

.flex-direction-nav li .prev {
   background: transparent url('../_images/slider-dir-nav.png') no-repeat bottom right;
   left: -30px;
}

.flex-direction-nav li .disabled {
   opacity: .3; 
   filter:alpha(opacity=30); 
   cursor: default;
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

      
      
/*  -----------------------------------------------------------------------------------------
5. Blog Overview Style & Blog Single Style & Comments
-----------------------------------------------------------------------------------------  */

.post {
   margin-bottom: 50px;
}

.blog-single .post-entry {
   width: 100%;
   float: none;
   margin: 0 0 5px 0;
}

.blog-single .title-container {
   width: 100%;
   padding: 10px 0 5px 0;
}

.single-post-categories-text a, .post-tags ul li a {
    background-color: #F5F5F5;
    float: left;
    margin-right: 5px;
    padding: 7px;
}

.single-post-categories-text ul, .post-tags ul {
   margin: 0;
}

.single-post-categories-text li, .post-tags ul li {
   list-style-type: none;
}

.single-post .post-comments-number {
   margin: 6px 0 0 0;
}

   .like-container {
      float: left; 
      width: 50px;
      margin: 10px 0 0 0;
   }
   
   .like-container-left {
      float: right; 
      width: 35px;
   }
   
   .like-container-right {
      float: left; 
      width: 50px;
   }

   .title-container {
      padding: 10px 0px;
      float: left;
      width: 100%;
   }
   
   .title-container-small {
      padding: 0 0 10px 0;
   }
   
   .postmeta-container {
      width: 100%;
      padding: 10px 0 5px 0;
   }
   
      .postmeta-row {
         width: 100%;
      }
      
   .blogmeta-container {
      min-height: 35px;
      width: 100%;
   }
   
   .posttype-diff{
      width: 35px;
      height: 35px;
   }
   
      .posttype-diff a {
         display: block;
         width: 35px;
         height: 35px;
      }
      
   .blog-container {
      width: 540px;
      float: left;
      padding: 0 20px 0 0;
   }

      .blog-left .blog-container {
         padding: 0 10px 0 20px;
      }
         
   .small-right-thumb {
      float: left;
   }
   
   .post-title {
      font-weight: bold;
   }
   
   .post-likes {
      margin: 5px 10px 0 0;
      background: #f5f5f5;
      width: 35px;
      height: 50px;
      float: left;
   }
   
   .post-likes-single {
      float: left;
      width: 35px;
      height: 35px;
   }
   
   .post-likes-single .count{
      background: #f5f5f5;
      width: 35px;
      height: 28px;
      float: left;
      padding: 7px 0 0 0;
      font-weight: bold;
   }

   .post-comments-number {
      margin: 6px 0 0 0;
   }
   
   .post-likes-single .post-like .like:before{
      color: #fff;
   }
   
   .post-likes-single .qtip {
      float: left;
      margin: 7px 0 0 -36px!important;
   }
   
   .post-like .qtip {
      float: left;
      margin: 2px 0 0 9px;
   }
   
   .post-like .count {
      float: left;
      width: 100%;
      text-align: center;
   }
    
   .like:before {
      font-family: 'WebSymbolsRegular';
      content: "O";
      font-size: 16px;
   }
   
   .blogpost-shortcode-like .qtip {
      margin: 5px 0 0 9px;
   }
      
    .like {  
        width: 17px;  
        height: 20px;  
        display: block;  
        float:right;  
        -moz-transition: all 0.2s ease-out 0.1s;  
        -webkit-transition: all 0.2s ease-out 0.1s;  
        -o-transition: all 0.2s ease-out 0.1s  
    }  
      
   .post-like a:hover .like {  
        background-position:-16px 0;  
    }  
      
    .voted .like:before, .post-like .alreadyvoted:before{  
   font-family: 'WebSymbolsRegular';
   content: "N";
    }  
   
   .post-entry {
      float: left;
      width: 100%;
      margin: 5px 0 0 0;
   }
   
   .post-entry-full {
      width: 100%;
   }
   
   .blog-divider {
      border-top: 1px solid #f5f5f5;
      width: 100%;
      height: 1px;
      margin-bottom: 50px;
   }

   .post-entry-small-left {
      min-height: 100px;
   }
   
   .post-entry-small-right {
      min-height: 80px;
   }
   
   .post-likes-small {
      float: left;
      width: 360px;
      padding: 0px 0px 0px 10px;
      height: 45px;
   }
   
   .small-right.post-likes-small .post-like {
      float: right;
      padding: 0px 10px 0px 0px;
   }
   
   .small-right.post-likes-small .post-like span.like {
      float: right;
   }
   
   .small-right.post-likes-small .post-like span.count {
      float: left;
      margin: 1px 5px 0px 0px;
   }
   
   .post-likes-small .post-like{
      float: left;
   }
   
   .post-likes-small .post-like span.like{
      float: left;
   }
   
   .post-likes-small .post-like span.count{
      float: right;
      margin: 1px 0px 0px 5px;
   }
   
   .small-left {
      float: left;
   }
   
   .post-website {
      float: right;
   }
   
   .single-post-categories-text, .post-tags {
      float: left;
      list-style-type: none;
      max-width: 450px;
      margin: 0;
      font-weight: bold;
   }
   
   .single-post-categories-text li, .post-tags ul li {
      float: left;
      margin: 0 5px 5px 0;
      background: #f5f5f5;
   }
   
   .post-website-link {
      float: right;
      margin-top: 5px;
      font-weight: bold;
   }
   
   .portfolio .title-container {
      width: 100%;
   }
   
   .post-author, .post-comments {
      float: right;
   }
   
      .post-title h3 {
         margin-bottom: 0;
      }
      
      .post-title a {
         color: #67615a;
      }
      
      .post-thumb a img, .post-thumb-small a img {
         -webkit-transition: opacity 0.2s linear;
         -moz-transition: opacity 0.2s linear;
         -o-transition: opacity 0.2s linear;
         -ms-transition: opacity 0.2s linear;
         transition: opacity 0.2s linear;
      }

      a .post-type:hover, .post-thumb a img:hover, .post-thumb-small  a img:hover {
      opacity: 0.8;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      }
      
   .sub-title {
      font-size: 12px;
      font-weight: bold;
   }

   .post-type {
      width: 35px;
      height: 35px;
      margin: 0 10px 0 0;
      float: left;
   }
   
   .post-type-shortcode{
      width: 30px;
      height: 30px;
      margin: 0 0 0 5px;
      float: left;
   }
   
   .blogpost-shortcode-date {
      float: left;
      font-weight: bold;
      font-size: 11px;
      margin: 4px 0px 0px 5px;
   }
   
   .blogpost-shortcode-likes {
      float: right;
      margin: 0px 5px 0px 0px;
   }
   
   .blogpost-shortcode-likes .post-like{
      height: 30px;
      float: right;
   }
   
   .blogpost-shortcode-like .qtip {
      margin: 5px 0 0 9px;
   }
   
   .blogpost-shortcode-likes .like:before{
      font-size: 12px;
   }
   
   .blogpost-shortcode-likes .post-like .count{
      float: right;
      font-size: 11px;
      padding: 2px 0px 0px 0px;
      width: auto;
   }
   
   .small-right {
      float: right;
      margin: 0;
   }
   
   .post-type:hover, .posttype-blog-shortcode:hover{
      background-color: #444;
      -webkit-transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      -ms-transition: background 0.3s ease-in-out;
      -o-transition: background 0.3s ease-in-out;
      transition: background 0.3s ease-in-out;
   }
   
   .posttype-blog-shortcode{
      width: 30px;
      height: 30px;
      background: transparent url('../_images/posttype-blog.png') no-repeat 50% 50%;
   }
   
   .posttype-blog {
      background: transparent url('../_images/posttype-blog.png') no-repeat 50% 50%;
   }
         
   .posttype-aside {
      background: transparent url('../_images/posttype-aside.png') no-repeat 50% 50%;
   }
   .posttype-quote {
      background: transparent url('../_images/posttype-quote.png') no-repeat 50% 50%;
   }
   
   .posttype-image {
      background: transparent url('../_images/posttype-image.png') no-repeat 50% 50%;
   }
   
   .posttype-video {
      background: transparent url('../_images/posttype-video.png') no-repeat 50% 50%;
   }
   
   .posttype-audio {
      background: transparent url('../_images/posttype-audio.png') no-repeat 50% 50%;
   }
   
   .postmeta-cat {
      background: transparent url('../_images/postmeta-categories.png') no-repeat 50% 50%; 
   }
   
   .postmeta-tags {
      background: transparent url('../_images/postmeta-tags.png') no-repeat 50% 50%; 
   }
   
   .postmeta-comments {
      background: transparent url('../_images/postmeta-comments.png') no-repeat 50% 50%;   
   }
   
   .postmeta-permalink, .posttype-link {
      background: transparent url('../_images/postmeta-permalink.png') no-repeat 50% 50%;  
   }
   
   .postmeta-author {
      background: transparent url('../_images/postmeta-author.png') no-repeat 50% 50%;  
   }
   
   .post-permalink {
      float: left;
      margin: 20px 0 0 0;
   }
   
   .post-like-container {
      float: right;
   }
   
   .posted-on {
      float: left;
   }
   
   .post-comments-number {
      float: right;
      font-weight: bold;
   }
   
   .post-categories-text {
      max-width: 450px;
   }
   
   .post-thumb {
      width: 100%;
      line-height: 0;
   }
   
      .post-thumb img {
         height: 250px;
      }
   
   .post-thumb-small {
      height: 200px;
      width: 300px;
   }
   
   .blog-content-container {
   width: 660px;
   }
   
   .blog-content-container .post-title {
   width: 615px;
   min-height: 35px;
   }
   
   .aside-content {
      width: 615px;
      float: right;
   }
   
   .quote-content {
      float: left;
      width: 89%;
      padding: 10px;
      background: #f9f9f9;
      margin: 10px 0 0 0;
   }
   
   .quote-content {
      font-size: 12px;
      font-style: italic;
   }
   
   .sub-author {
      color: #999;
      float: right;
      margin: 0 10px 0 0;
      font-size: 13px;
   }
   
   .sub-title {
      width: 615px;
      margin-bottom: 10px;
   }

      
      .post-meta a {
         color: #fff;
      }

         .metatype span, .sub-title-meta span {
            font-family: 'WebSymbolsRegular';
            margin-right: 5px;
            font-size: 11px;
         }
         
         .metatype span {
            float: left;
         }
         
         .metatype-author {
            margin-bottom: 10px;
         }
         
      .metatype .post-categories {
         margin: 0;
         list-style-type: none;
         padding-left: 20px;
      }
      
   .blog-left .post-thumb{
      float: left;
      margin-right: 20px;
   }

   .blog-right .post-thumb{
      float: right;
      margin-left: 20px;
   }


   .navigation {
      float: left;
      width: 100%;
      height: 30px;
      padding: 5px 0;
      line-height: 30px;
      margin-bottom: 10px;
      font-weight: bold;
   }
   
      .nav-previous { 
      float: left; 
      }
      .nav-next { 
      float: right; 
      }

/* 5.1 Page Navigation */ 
   
.pagenavi .current, .pagenavi .page, .pagenavi .nextpostslink, .pagenavi .previouspostslink {
   float: left;
   padding: 5px 10px;
   margin-right: 5px;
   background: #f5f5f5;
   border: 1px solid #ebebeb;
}

.pagenavi{
   float: left;
   margin-bottom: 20px;
}
   
.pagenavi .nextpostslink, .pagenavi .previouspostslink {
   padding: 5px 10px;
}
   
/* 5.2 Comments */

.page #respond {
   padding: 20px 0 0 0;
}

#respond {
   border-top: 1px solid #e3e3e3;
   margin: 40px 0 0 0;
   padding: 20px 0;
}

ol.commentlist {
   padding: 0;
   margin: 0;
}

.comments-number {
   margin: 20px 0;
}

.commentlist li.comment {
   line-height: 18px;
   position: relative;
   padding: 0 0 0 65px;
}
      
.commentlist > li {
   padding: 0!important;
   list-style-type: none;
}

.commentlist .children {
   list-style-type: none;
}

.comment-container {
   position: relative;
   padding: 20px;
   margin-bottom: 20px;
   border: 1px solid #f1f1f1;
   }

.comment-avatar {
   float: left;
   width: 70px;
}

.comment-author {
   float: left;
   color: #444;
}

.comment-author img:hover{
   cursor: default;
}
         
.reply {
   float: right;
}

.comment-body {
   position: relative;
   min-height: 70px;
   overflow: hidden;
   padding: 0 0 10px 5px;
   color: #858585;
}
      
.comment-meta{
   float: left;
   width: 100%;
}  
      
.comment-awaiting-moderation {
   font-style: italic;
}

.comment-date {
   font-size: 11px;
   font-style: italic;
   padding: 5px 0px;
}

.comment-content {
   padding-top: 5px;
}

.comment-content ul, .comment-content ol {
   margin-bottom: 20px;
}

.comment-content ol ol, .comment-content ul ul, .comment-content ul ol, .comment-content ol ul {
   margin: 0;
}

.comment-content ul {
   list-style-type: circle;
   margin-left: 20px;
}

.comment-content ul ul, .comment-content ol ol{
   margin-left: 30px;
}

.comment-content ol {
   list-style-type: decimal;
   margin-left: 20px;
}

.comment-content ul, .comment-content ol {
   margin-bottom: 20px;
}

.comment-content ol ol {
   list-style-type: upper-alpha;
}

.comment-content ol ol ol {
   list-style-type: lower-roman;
}


input[type="submit"] {
   color: #fff;
   margin-right: 20px;
   padding: 8px;
   border-radius: 3px;
   background: #FF6A00;
   border: none;
}

input[type="submit"]:hover{
   cursor: pointer;
}
      
/* 5.3 Protected Post */

.protected-post-form {
   margin-top: 20px;
}

.protected-post-form input[type="password"] {
   background: #f5f5f5;
   border: none;
   margin-bottom: 15px;
   color: #858585;
   font-size: 11px;
   padding-left: 10px;
   font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
   height: 25px;
   margin-right: 50px;
   width: 300px;
   border: 1px solid #e3e3e3;
}

.post-password-required .post-entry {
   clear: both;
   float: none;
}

.protected-post-form input[type="submit"] {
   position: relative;
}

p.nopassword {
   margin-bottom: 20px;
}

.post-archive {
   margin-bottom: 0px;
}
   
/* 5.4 Single Blog */   

.blog-single, .single-audio, .single-video {
   margin-bottom: 0;
}

.single-title h1 {
   font-size: 20px;
   margin: 20px 0 20px 30px;
   display: inline-block;
   line-height: 40px;
   padding: 0 20px 0 0;
   height: 50px;
}

.entry-navigation{
   text-indent: -9999px;
   width: 120px;
}

.entry-navigation a{
   display: block;
   width: 100%;
   height: 100%;
}

.entry-navigation .nav-next{
   float: left;
   background: url('../_images/slider-prev-next.png') no-repeat 0px -26px;
   width: 25px;
   height: 26px;
}

.entry-navigation .nav-previous{
   float: left;
   background: url('../_images/slider-prev-next.png') no-repeat top left;
   width: 25px;
   height: 26px;
   margin-right: 5px;
}

.entry-navigation .nav-next:hover{
   background: url('../_images/slider-prev-next.png') no-repeat 0px -78px;
}

.entry-navigation .nav-previous:hover{
   background: url('../_images/slider-prev-next.png') no-repeat 0px -52px;
}

.single-post .post-image:hover{
   background: #fff;
   cursor: default;
}

/* 5.5 Author Information */

#entry-author-info {
   background: #f9f9f9;
   border: 1px solid #e4e4e4;
   clear: both;
   float: left;
   padding: 5px 0 5px 0;
   margin: 20px 0 30px 0;
   width:  100%;
}
   
.author-avatar, .author-description {
   float: left;
}
      
.author-avatar img:hover{
   cursor: default;
}
      
.author-avatar {
   margin: 10px;
}
      
.author-avatar img, .comment-author img {
   padding: 3px;
   background: #fff;
}
      
.author-name {
   float: left;
   width: 100%;
   padding-bottom: 2px;
   color: #444;
}
      
.author-link {
   float: right;
   margin-top: 10px;
   margin-right: 20px;
}
      
.author-description {
   margin: 10px 0 0 10px;
   width: 75%;
   color: #858585;
   padding: 0 10px 0 0;
}

/* 5.6 Search loop */

.loop-search .post-posted {
   margin-bottom: 15px;
}

.loop-search .post-title{
   float: left;
   margin-bottom: 5px;
   height: 15px;
}

.loop-search .post-entry {
   min-height: 0;
   float: left;
}

/*  -----------------------------------------------------------------------------------------
6. Sidebar & Sidebar Box Style
-----------------------------------------------------------------------------------------  */

   #sidebar {
      height: 100%;
      float: right;
      width: 220px;
      padding: 20px 20px 50px 19px;
   }
   
   #sidebar li {
      list-style-type: none;
      border-bottom: 1px dashed #e3e3e3;
      padding: 5px 0;
   }
   
   #sidebar ul {
      margin: 0;
   }

.right-sidebar #main {
   float: left;
   width: 660px;
   padding: 20px;
   background: #fff;
   border-bottom: 1px solid #e3e3e3;
   border-right: 1px solid #e3e3e3;
   }

.left-sidebar #main {
   float: right;
   width: 660px;
   padding: 20px;
   border-bottom: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   background: #fff;
}


#sidebar .box{
   margin-bottom: 20px;
}

#footer ul, .header-widget-area ul{
   margin: 0;
   list-style-type: none;
}

#footer ul li ul li{
   list-style-type: none;
}

/*  -----------------------------------------------------------------------------------------
7. Footer & Bottom Footer Style
-----------------------------------------------------------------------------------------  */

#footer{
   position: relative;
}

.call-out {
   position: relative;
   min-height: 50px;
}

   .twitter_bird {
      margin: 20px 0 0 20px;
      float: left;
      width: 20px;
   }

   #twitter_update {
      float: left;
      font-size: 12px;
      width: 80%;
      line-height: 22px;
      padding: 15px 10px;
   }
   
   #twitter_update ul {
      margin: 0;
      list-style-type: none;
   }
   
      #twitter_update a {
         color: #fff;
         border-bottom: 1px dotted #fff;
      }
         #twitter_update a:hover {
         }
   
.footer_widgets, .header_widgets {
   padding: 20px;
}

#bottom-footer{
   float: left;
   border-top: 1px solid #d7d7d7;
   width: 100%;   
   padding: 30px 0px;
}

#sitemap-list {
   float: left;
}

   #sitemap-list ul li {
      float: left;
      margin-right: 20px;
   }

.footer_meta {
   border-top: 1px solid rgba(0,0,0, 0.10) ;
   padding: 20px;
}  
   
.copyright{
   float: right;
   font-size: 10px;
   line-height: 14px;
}

.callout-text{
   padding: 20px;

}

/*  -----------------------------------------------------------------------------------------
8.    Portfolio Style
-----------------------------------------------------------------------------------------  */

.portfolio_embed {
   margin: 0 auto;
   padding: 20px 0 0 0;
   width: 500px;
}

.blog-portfolio {
   padding: 20px 0 0 0;
}

.portfolio-title { 
   margin-bottom: 5px;
   width: 100%;
   text-align: center;
   margin-top: 5px;
   float: left;
   font-size: 12px;
}
   
.portfolio-content {
   width: 220px;
}
   
.portfolio-meta {
   padding-top: 5px;
   float: left;
   width: 100%;
}
   
.portfolio-meta a span {
   float: right;
   margin-right: 20px;
}
   
.portfolio-website-link {
   float: left;
   margin-left: 20px;
}

.single-portfolio .post-image:hover {
   background: #fff;
   cursor: default;
}

.single-portfolio .portfolio-website-button {
   float: left;
   height: 35px;
   margin-left: 125px;
   padding: 0px 25px;
   color: #fff;
   /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); */
   font-weight: bold;
   border-radius: 3px;
   background: transparent url('../_images/submit-bg.png') repeat-x top left;
   border: 1px solid #349BFB;
   margin-bottom: 20px;
   text-shadow: none;
}

.single-portfolio .portfolio-website-button:hover{
   cursor: pointer;
   background: transparent url('../_images/submit-bg.png') repeat-x bottom left;
}

.single-portfolio .portfolio-website-button span{
   margin-top: 8px;
   float: left;
}

.portfolio-image {
   width: 215px;
   height: 150px;
   position: relative;
   overflow: hidden;
}

.portfolioitem-container img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);

   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   transition-timing-function: ease-out;

   -webkit-transition-duration: 500ms;
   -moz-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   -ms-transition-duration: 500ms;
   transition-duration: 500ms;
}
.portfolioitem-container:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);

   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   transition-timing-function: ease-out;

   -webkit-transition-duration: 500ms;
   -moz-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   -ms-transition-duration: 500ms;
   transition-duration: 500ms;
}

/* 8.1 Filter */

.filter {
   padding: 20px;
   margin: 20px 0;
   background: #f9f9f9;
   border: 1px solid #e3e3e3;
}

.filter ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.filter ul li {
   float: left;
   margin: 0 10px 10px 0;
   height: 35px;
}
   
.filter a {
   display: inline-block;
   color: #fff;
   padding: 7px 14px;
   margin: 0;
   
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}  

.filter a:hover {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}  
   
#container-portfolio {
   display: block;
   overflow: hidden;
}

#container-portfolio li {
   float: left;
   position: relative;
   list-style-type: none;
   margin: 0 20px 20px 0;
}

#container-portfolio ul {
   overflow: hidden;
   margin: 0;
}

#sortable-portfolio ul li {
   float: left;
   position: relative;
}

#container-portfolio li:nth-child(4n) {
   margin-right: 0;
}

p.select-filter {
   float: left;
   margin-top: 4px;
   margin-left: 10px;
   padding-right: 10px;
   margin-right: 5px;
}
   
/*  -----------------------------------------------------------------------------------------
9. Widgets
-----------------------------------------------------------------------------------------  */


.widget_recent_entries li a:before {
   content: 'Z';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}

.widget_recent_comments li:before {
   content: 'c';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}

.widget_links li a:before {
   content: 'K';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}

.widget_categories li a:before {
   content: ',';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}

.widget_nav_menu li a:before, .widget_archive li a:before, .widget_pages li a:before {
   content: ')';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}

   .widget_nav_menu .sub-menu li {
      border: none!important;
   }

.widget_meta li a:before {
   content: ')';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}


.widget_google_maps {
   height: 240px!important;
   width: 200px!important;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { 
   position:relative; 
   margin-right:4%; 
   float:left; 
   height: auto;
}

.last, .widget-last{
   margin-right: 0px!important;
   clear:right; 
}

.widget-last, .footer-box, .header-box {
   float: left;
}

/* 9.1 Flickr Widget */

 .flickr_badge_image{
   float: left;
   margin-bottom: 8px;
   margin-right: 8px;
   line-height: 0;
}

 .flickr_badge_image img{
   width: 50px;
   height: 50px;
   padding: 3px;
}

.flickr_badge_image:hover{
   -webkit-transition: background 0.2s linear;
   -moz-transition: background 0.2s linear;
   -o-transition: background 0.2s linear;
   -ms-transition: background 0.2s linear;
   transition: background 0.2s linear;
   cursor: pointer;
}

.flickr_badge_image {
   -webkit-transition: background 0.3s linear;
   -moz-transition: background 0.3s linear;
   -o-transition: background 0.3s linear;
   -ms-transition: background 0.3s linear;
   transition: background 0.3s linear;
}

/* 9.3 Contact Widget */

.contactinfo li{
   margin-bottom: 10px;
   line-height: 15px;
}

/* 9.4 Recent Posts Widget */

.recentposts li {
   width: 100%;
   margin-bottom: 10px;
   min-height: 60px;
}

.recentposts .recentposts-title {
   margin-left: 5px;
   width: 57%;
   float: left;
   position: relative;
}

#footer .recentposts .recentposts-title  {
   width: 55%;
}

   .footer_widgets li {
      border-bottom: 1px dashed rgba(0,0,0,0.1);
      padding-bottom: 5px;
   }

.recentposts .recentposts-title a{
   color: #a4a4a4;
   padding-bottom: 2px;
}

.recentposts .recentposts-title a:hover{
   color: #858585;
}


.recentposts li img {
   float: left;
   padding: 3px;
   -webkit-transition: background 0.3s linear;
   -moz-transition: background 0.3s linear;
   -o-transition: background 0.3s linear;
   -ms-transition: background 0.3s linear;
   transition: background 0.3s linear;
}

.recentposts li img:hover {
   -webkit-transition: background 0.3s linear;
   -moz-transition: background 0.3s linear;
   -o-transition: background 0.3s linear;
   -ms-transition: background 0.3s linear;
   transition: background 0.3s linear;
}

.no-thumb {
   float: left;
   width: 75px;
   height: 50px;
   margin-right: 5px;
}

.recentposts li .no-thumb .no-thumb-img{
   width: 75px;
   height: 50px;
   float: left;
   background: #606366;
}

.no-thumb-img span {
   margin-left: 10px;
   margin-top: 10px;
}

/* 9.5 RSS Widget */

#sidebar ul li a.rsswidget, #footer ul li a.rsswidget{
   border: none;
   color: #444;
}

#sidebar h4 a.rsswidget{
   color: #fff;
   margin-top: -10px;
}

#sidebar h4 a.rsswidget img{
   display: none;
}

.rsswidget{
   width: 100%;
}

.rss-date{
   color: #858585;
}

/* 9.6 Menu Widget */

.box ul.menu li ul li{
   margin-left: 30px;
}

/* 9.7 Tagcloud Widget */

.tagcloud a{
   float: left;
   font-size: 12px!important;
   color: #a4a4a4;
   margin: 0 10px 10px 0;
   padding: 5px;
   background: #fff;
   border: 1px solid #e3e3e3;
}

/* 9.8 Search Widget (Also used in 404 page) */

#main  #searchform input[type="text"] {
   background: #fff;
   border: 1px solid #e3e3e3;
   color: #858585;
   font-size: 11px;
   padding-left: 10px;
   font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
   height: 25px;
   width: 200px;
   margin: 0 0 20px 0;
}

#sidebar #searchform input[type="text"]{
   background: #fff;
   border: 1px solid #e3e3e3;
   color: #858585;
   font-size: 11px;
   padding-left: 10px;
   font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
   height: 25px;
   width: 200px;
   margin: 0 0 20px 0;
}

/* 9.10 Pagenav widget */

#sidebar .children {
   padding-left: 15px;
}

/* 9.11 Google Maps */ 

.widgetMap {
   height: 200px;
   width: 100%;
}

.textwidget p {
   margin-bottom: 10px;
}

/* 9.12 Contact Form */

#contact-form-widget input[type="text"] {
   padding: 5px;
   color: #999;
   border: none;
   background-color: #fff;
   font-size: 11px;
   border: 1px solid rgba(0,0,0,0.1);
   margin: 0;
}

   #contact-form-widget input[type="text"]:focus, #contact-form-widget textarea:focus {
      outline: none;
   }
      
   #contact-form-widget div.contact-form-error {
      display: none!important;
      float: right: !important;
   }
   
   .contact-form-textarea {
      clear: both;
   }
   
   #contact-form-widget p {
      margin: 0 5px 10px 0;
   }

   
#contact-form-widget textarea {
   color: #999;
   width: 90%;
   border: none;
   background-color: #fff;
   height: 60px;
   resize: vertical;
   font-size: 11px;
   padding: 5px;
   font-family: inherit;
   border: 1px solid rgba(0,0,0,0.1);
   
}
.formsMain label{
   width: 150px;
   margin-right: 10px;
   float: left;
}

/*  -----------------------------------------------------------------------------------------
10. Shortcodes
-----------------------------------------------------------------------------------------  */

.quoteWrap cite {
    color: #585858;
    float: right;
    margin: 20px 0 0;   
   text-align: right;
}

/* 10.1 Columns */
.column_full {
   width: 100%;
}

.one_half, .column_two { 
   width: 48%; 
}

.one_third, .column_three { 
   width: 30.66%; 
}

.two_third { 
   width: 65.33%; 
}

.one_fourth, .column_four { 
   width: 22%; 
}

.three_fourth {
   width: 74%; 
 }
 
.one_fifth, .column_five { 
   width: 16.8%; 
}

.two_fifth { 
   width: 37.6%; 
}

.three_fifth { 
   width: 58.4%; 
}

.four_fifth { 
   width: 67.2%; 
}

.one_sixth, .column_six  { 
   width: 13.33%; 
}

.five_sixth { 
   width: 82.67%; 
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .widget-last, .footer-box, .header-box { 
   position: relative; 
   margin-right: 4%; 
   float: left; 
   height: auto;
}
   
.last { 
   margin-right: 0!important; 
   clear: right; 
}

/* 10.2 Blogposts */

.overlay-content {
   position: absolute;
   z-index: 9999;
   width: 195px;
   height: 130px;
   background: rgba(89, 89, 89, 0.7);
   top: 0;
   display: none;
   padding: 10px;
}

.overlay-content .entry-title {
   width: 100%;
   font-weight: bold;
   color: #f5f5f5;
   margin: 0 0 20px 0;
   font-size: 13px;
}

.overlay-content .portfolio-entry {
   width: 100%;
   color: #c3c3c3;
   line-height: 16px;
}

.overlay-divider {
   width: 30px;
   height: 1px;
   background-color: #515151;
   display: block;
   margin: 0 0 20px 0;
}

.zoom {
   width: 42px;
   height: 42px;
   position: absolute;
   top: 160px;
   left: 90px;
   z-index: 999;
   background: transparent url('../_images/perm-bg.png') no-repeat left top;
}

.zoom-overlay {
   position: absolute;
   top: 0;
   z-index: 900;
   background-color: rgba(89,89,89,0.7);
   display: none;
   width: 100%;
   height: 100%;
}

.blog-image a {
   display: block;
}

.latestblog-shortcode {
   float: left;
   width: 680px;
}

.blogpost-shortcode-meta {
   width: 100%;
   height: 30px;
   padding: 5px 0;
   margin: 5px 0 0 0;
   background: #f5f5f5;
}

.teasertext {
   float: left;
   width: 210px;
   margin-right: 25px;
}

.shortcode-one_fourth {
   margin: 0 25px 0 0;
   float: left;
   width: 210px;
}

.shortcode-full-width {
   width: 920px;
}

.blog-image {
   width: 210px;
   height: 150px;
   line-height: 0;
   position: relative;
   overflow: hidden;
   margin: 0 0 5px 0;
}

.blog-title, .portfolio-title {
   font-size: 12px;
   margin-bottom: 5px;
   font-weight: bold;
   line-height: 18px;
}

.blog-title a{
   color: #444444;
}
   
.blog-title a:hover{
   color: #38A4FC
}
   
.blog-entry {
   color: #a4a4a4;
}

   .blog-entry p {
      margin: 0!important;
   }

.blog-meta p {
   font-size: 11px;
   margin-bottom: 5px;
   color: #858585;
}
   
.blogpost-shortcode .post{
   border: none;
}

/* 10.3 Contactform */

#contact-form{
   margin-top: 20px;
}

.contact-form-select {
   height: 30px;
   width: 312px;
   margin: 0 10px 0 0;
   padding: 5px 0 0 0;  
}


#submit-box, .submit-box, #error-box, #contact-form-widget-submit-box {
   display: none;
   margin-top: 10px;
   margin-bottom: 20px;
   color: #D67371;
}
   
.submit-box, #submit-box, #contact-form-widget-submit-box {
   color: #809a63;
}
   
.contact-form-error {
   border: 1px solid #b46464!important;
}
   
div.contact-form-error {
   border: none!important;
   color: #b46464!important;
   margin-bottom: 5px;
}

/* 10.4 Infoboxes */

.infobox {
   width: 100%;
   margin: 0 0 10px 0;
}

.i-error{
   background: transparent url('../_images/shortcodes/infobox-error.png') repeat top left;
}

.i-info{
   background: transparent url('../_images/shortcodes/infobox-info.png') repeat top left;
}

.i-succes{
   background: transparent url('../_images/shortcodes/infobox-succes.png') repeat top left;
}

.i-warning{
   background: transparent url('../_images/shortcodes/infobox-warning.png') repeat top left;
}

.infobox p {
   padding: 15px;
}

.infobox .infotext a{
   color: #38A4FC;
}

.framebox {
   background-color: #f9f9f9;
   border: 1px solid #e3e3e3;
   padding: 20px;
}

/* 10.5 Tabs */

.tabs-align {
   margin-right: 40px;
}

.tabs {
   list-style-type: none;
   margin: 0;
}

.tabs { 
   padding-bottom: 2px;
   height: 30px;
   margin-left: 1px;
}

.tabs li { 
   float: left;    
   text-indent: 0;
   margin: 0!important;
   display: block;
}

.tabs a { 
   text-align: center;
   display: block;
   height: 30px;  
   line-height: 30px;
   background: #f7f7f7;
   border-left: 1px solid #dedede;
   border-top: 1px solid #dedede;
   border-right: 1px solid #dedede;
   color: #444;
   margin-left: -1px;
   padding: 0 20px;
}

.tabs a.current {
   color: #38A4FC;
   border-right: 1px solid #dedede;
}

.panes .pane {
   margin-top: -2px;
   display: none;    
   background: #fff;
   border: 1px solid #dedede;
   padding: 20px;
}

/* 10.6 Toggles */

.faq {
   margin-bottom: 5px;
}

.ui-state-default, .toggle-title {
   background: url('../_images/shortcodes/tab-icon-plus.png') no-repeat 10px 7px #f9f9f9;
}

.ui-state-active, .toggle .active {
   background: url('../_images/shortcodes/tab-icon-min.png') no-repeat 10px 7px #f9f9f9;
}

.toggle-title a {
   float: left;
   margin-left: 25px;
}

.toggle-title, .accordion-title {
   height: 30px;  
   line-height: 30px;
   padding-left: 10px;
   padding-right: 10px;
   border-top: 1px solid #dedede;
   border-left: 1px solid #dedede;
   border-right: 1px solid #dedede;
}

.toggle-title {
   display: block;
}

.accordion-title {
   width: auto;
   display: block;
}

.accordion-title span {
   margin-left: 25px;
}

.ui-accordion-header:hover {
   background-color: #fff;
}

.ui-accordion-header:focus {
   outline: none;
}

.accordion p, .faq p { /* reset */
   margin-bottom: 0!important;
}

.accordion p a {
   color: #444;
}

.toggle .faq .trigger a {
   color: #444;
}

.ui-state-active a span, .toggle .faq .active a {
   color: #38A4FC;
}

.toggle_container {
   text-align: justify;
}

.accordion-content, .toggle_container {
   padding: 10px;
   border-left: 1px solid #dedede;
   border-right: 1px solid #dedede;
}

.toggle_container, .toggle-title, .ui-accordion {
   border-bottom: 1px solid #dedede;
}

.trigger {
   cursor: pointer;
}

/* 10.7 Tables */

.table {
   text-align: center;
}  

.table th{
   padding-top: 10px;
   background-color: #f9f9f9;
   width: 200px;
   height: 40px;
   border: 1px solid #d7d7d7;
   border-bottom: none;
}

.table td{
   background-color: #fff;
   height: 35px;
   border: 1px solid #d7d7d7;
   padding: 10px;
}

.table tr:hover td{
   background-color: #f7f7f7;
}

/* 10.8 Dividers */

.divider {
   margin: 40px 0;
   background: #ebebeb;
   clear: both;
   height: 1px;
   padding: 0;
   width: 100%;
   position: relative;
}

   .divider-dotted {
      background: transparent url('../_images/divider-dotted.png') repeat-x left top;
   }

.divider.top a {
   float: right;
   font-size: 9px;
   position: absolute;
   right: 0;
   top: -20px;
   width: auto;
   text-align: right;
   color: #c9c9c9;
}

/* 10.9 Blockquote & Code & Pre */

blockquote {
   margin: 10px 0;
   background: transparent url('../_images/shortcodes/blockquote.png') no-repeat top left;
   padding-left: 30px;
   margin-right: 15px;
}

blockquote.alignright {
   width: 200px;
   padding-left: 30px;
   float: right;
}

blockquote.alignleft {
   width: 200px;
   padding-left: 30px;
   float: left;
}  

/* 10.10 Images & Video & Google Maps */

.google-frame, .shortcode-image img {
   padding: 1%;
   background: #f5f5f5;
   float: left;
   line-height: 0;
   margin-bottom: 20px;
   border: 1px solid #e3e3e3;
   width: 98%;
}


.video-shortcode { 
   border: 1px solid #D2D2D2;
   display: inline-block;
}

.video-shortcode .jp-progress {
   width: 30%;
   padding: 12px 5px 0 5px;
}

.video-shortcode .jp-volume-bar {
   width: 10%;
}



/* 10.11 Lists */

.listplus li, .listchecklist li, .listarrow li, .liststar li, .listplusbox li, .listminbox li {
   margin-bottom: 5px;
   padding-left: 15px;
   list-style-type: none;
}

.listplus ul, .listchecklist ul, .listarrow ul, .liststar ul, .listplusbox ul, .listminbox ul {
   margin: 0;
}

.listplus li {
   background: url('../_images/shortcodes/list-type-1.png') no-repeat center left;
}

.listchecklist li {
   background: url('../_images/shortcodes/list-type-2.png') no-repeat center left;
}

.listarrow li {
   background: url('../_images/shortcodes/list-type-3.png') no-repeat center left;
}

.liststar li {
   background: url('../_images/shortcodes/list-type-4.png') no-repeat center left;
}

.listplusbox li {
   background: url('../_images/shortcodes/list-type-5.png') no-repeat center left;
}

.listminbox li {
   background: url('../_images/shortcodes/list-type-6.png') no-repeat center left;
}

/* 10.12 Portfolio & Blog */

.portfolio-shortcode .p-one_fourth .portfolio-title{
   margin-top: 0px;
}

.portfolio-shortcode {
   position: relative;
   width: 680px;
   float: left;
   overflow: hidden;
   height: 200px;
}

   .portfolio-shortcode .portfolio-image { 
      width: 210px;
   }
   
   .portfolio-shortcode .overlay-content {
      width: 190px;
   }
   
.portfolio-shortcode .portfolio {
   margin: 0 25px 0 0;
   width: 210px;
}

.jcarousel-prev, .jcarousel-next {
   position: absolute;
   z-index: 5;
   width: 20px;
   height: 20px;
   bottom: 5px;
   cursor: pointer;
}
   .jcarousel-prev {
      right: 20px;
      background: url('../_images/portfolio-nav-prev.png') no-repeat left top;
   }
   
   .jcarousel-next {
      right: 0;
      background: url('../_images/portfolio-nav-next.png') no-repeat left top;
   }
   
   .jcarousel-prev:hover, .jcarousel-next:hover {
      background-position: left bottom;
   }
   
#portfolio-carousel {
   height: 200px;
}


.portfolio-shortcode .portfolio-content {
   background-color: #fff;
   border-bottom: 1px solid #e9e9e9;
   border-top: 1px solid #e9e9e9;
}

.blog-shortcode{
   float: left;
}

/* 10.13 Buttons */

.shortcode-button{
   height: 20px;
   padding: 5px 20px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-weight: bold;
}

/* Blue */

.button-blue{
   background: transparent url('../_images/shortcodes/button-blue.png') repeat-x top left;
   border: 1px solid #349bfb;
}

.button-blue:hover{
   background: transparent url('../_images/shortcodes/button-blue.png') repeat-x bottom left;
}

.button-blue span{
   color: #2475b2;
   text-shadow: 1px 1px 1px #dcdcdc;
}

/* Red */

.button-red{
   background: transparent url('../_images/shortcodes/button-red.png') repeat-x top left;
   border: 1px solid #ff4e6e;
}

.button-red:hover{
   background: transparent url('../_images/shortcodes/button-red.png') repeat-x bottom left;
}

.button-red span{
   color: #a9263b;
   text-shadow: 1px 1px 1px #cfcfcf;
}

/* Yellow */

.button-yellow{
   background: transparent url('../_images/shortcodes/button-yellow.png') repeat-x top left;
   border: 1px solid #ffc537;
}

.button-yellow:hover{
   background: transparent url('../_images/shortcodes/button-yellow.png') repeat-x bottom left;
}

.button-yellow span{
   color: #aa8121;
   text-shadow: 1px 1px 1px #fff;
}

/* green */

.button-green{
   background: transparent url('../_images/shortcodes/button-green.png') repeat-x top left;
   border: 1px solid #97bc64;
}

.button-green:hover{
   background: transparent url('../_images/shortcodes/button-green.png') repeat-x bottom left;
}

.button-green span{
   color: #63882f;
   text-shadow: 1px 1px 1px #ededed;
}

/* gray */

.button-gray{
   background: transparent url('../_images/shortcodes/button-lightgray.png') repeat-x top left;
   border: 1px solid #bfbfbf;
}

.button-gray:hover{
   background: transparent url('../_images/shortcodes/button-lightgray.png') repeat-x bottom left;
}

.button-gray span{
   color: #8c8c8c;
   text-shadow: 1px 1px 1px #ffffff;
}

/* purple */

.button-purple{
   background: transparent url('../_images/shortcodes/button-purple.png') repeat-x top left;
   border: 1px solid #ad7dba;
}

.button-purple:hover{
   background: transparent url('../_images/shortcodes/button-purple.png') repeat-x bottom left;
}

.button-purple span{
   color: #804890;
   text-shadow: 1px 1px 1px #c3c1c1;
}

/* black */

.button-black{
   background: transparent url('../_images/shortcodes/button-black.png') repeat-x top left;
   border: 1px solid #3b3b3b;
}

.button-black:hover{
   background: transparent url('../_images/shortcodes/button-black.png') repeat-x bottom left;
}

.button-black span{
   color: #fff;
   text-shadow: none;
}

/* white */

.button-white{
   background: transparent url('../_images/shortcodes/button-white.png') repeat-x top left;
   border: 1px solid #d7d7d7;
}

.button-white:hover{
   background: transparent url('../_images/shortcodes/button-white.png') repeat-x bottom left;
}

.button-white span{
   color: #747474;
   text-shadow: 1px 1px 1px #fff;
}

/* aqua */

.button-aqua{
   background: transparent url('../_images/shortcodes/button-aqua.png') repeat-x top left;
   border: 1px solid #66d8f7;
}

.button-aqua:hover{
   background: transparent url('../_images/shortcodes/button-aqua.png') repeat-x bottom left;
}

.button-aqua span{
   color: #318ea8;
   text-shadow: 1px 1px 1px #f3f3f3;
}

/* grayblue */

.button-grayblue{
   background: transparent url('../_images/shortcodes/button-grayblue.png') repeat-x top left;
   border: 1px solid #728b95;
}

.button-grayblue:hover{
   background: transparent url('../_images/shortcodes/button-grayblue.png') repeat-x bottom left;
}

.button-grayblue span{
   color: #345663;
   text-shadow: 1px 1px 1px #bdbdbd;
}

/*  -----------------------------------------------------------------------------------------
11. Contact Form & Button Style for comments (Also for the shortcode)
-----------------------------------------------------------------------------------------  */

#commentform{
   
}

#commentform input[type="submit"]{
      margin-bottom: 20px;
}

#commentform input[type="text"], #commentform textarea, .formsMain input[type="text"], .formsMain textarea, .contact-form-select {
   background-color: #fff;
   border: none;
   margin-bottom: 15px;
   color: #858585;
   font-size: 11px;
   padding-left: 10px;
   font: 12px/20px Arial,Helvetica,Garuda,sans-serif;
   border: 1px solid #e3e3e3;
}

#commentform input[type="text"]:focus, #commentform textarea:focus, .formsMain input[type="text"]:focus, .formsMain textarea:focus, .contact-form-select:focus{
   border: 1px solid #d2d2d2;
}

#commentform input[type="text"], .formsMain input[type="text"] {
   height: 25px;
   margin-right: 10px;
   width: 300px;
}
      
#commentform textarea, .formsMain textarea{
   resize: vertical;
   padding-top: 10px;
   min-height: 140px;
   width: 98%;
}
      

/*  -----------------------------------------------------------------------------------------
11.   Page style and template style
-----------------------------------------------------------------------------------------  */

/* 11.1 Template Style */

.left-sidebar #sidebar {
   float: left;
}

.margin-down {
   padding-top: 20px;
}

#homepage-out img {
   background: none;
   border: none;
}

#homepage-out {
   padding: 20px; 
   margin-left: -20px; 
   margin-top: 20px;
   width: 100%; 
   background: #f5f5f5; 
   border-top: 1px solid #e3e3e3; 
   border-bottom: 1px solid #e3e3e3;
   
}

/* 11.2 Sitemap */ 

.sitemap-content li {
   list-style-type: none;
}

.sitemap-content li a:before {
   content: 'K';
    font-family: 'WebSymbolsRegular';
   font-size: 9px;
   margin-right: 10px;
}


.sitemap-content li a:hover, .sitemap-content li:hover {
   
}

.sitemap-content h3 {
   margin-bottom: 5px;
}

.sitemap-content ul {
   margin-bottom: 20px;
}

/*  -----------------------------------------------------------------------------------------
12.   jPlayer Skin
-----------------------------------------------------------------------------------------  */

.video_container {
   padding: 10px 0 0 0;
}

.post-audio {
   width: 500px;
   margin: 20px auto;
   border: 1px solid #d2d2d2;
}

   .audio-content, .video-content, .image-content, .link-content, .standard-blog-content, .aside-content {
      float: left;
      width: 92%;
   }

.post-video {
   width: 500px;
   margin: 0 auto 20px;
   border: 1px solid #d2d2d2;
}

.jp-interface {
    position: relative;
    height: 30px;
    background: transparent url('../_images/jplayer/theme-player-bg.png') repeat-x top left;
}
 
.jp-controls {
    clear: both;
    width: 40px;
   list-style-type: none;
   margin: 0;
   height: 30px;
   padding: 0 0 0 10px;
   border-right: 1px solid #d2d2d2;
   float: left;
}

   .jp-play {
      display: block;
      position: relative;
      background: transparent url('../_images/jplayer/theme-player-play.png') no-repeat top left;
      width: 11px;
      height: 12px;
      margin: 8px 0 0 10px;
      float: left;
   }
   
   .jp-pause {
      display: block;
      position: relative;
      background: transparent url('../_images/jplayer/theme-player-pause.png') no-repeat top left;
      width: 11px;
      height: 12px;
      margin: 8px 0 0 10px;
      float: left;
   }


.jp-progress {
   border-left: 1px solid #f1f1f1;
    width: 220px;
    height: 18px;
    float: left;
   padding: 12px 10px 0 20px;
}

.jp-seek-bar {
   background-color: #bebebe;
    width: 0px;
    height: 7px;
    cursor: pointer;
}

.jp-play-bar {
   background: #ff6100 url('../_images/jplayer/theme-player-pattern.png') repeat-x top left;
    width: 0px;
    height: 7px;
    position: relative;
    z-index: 99;
}

.jp-time-holder {
   float: left;
   width: 80px;
   height: 24px;
   padding: 6px 0 0 0;
   border-right: 1px solid #d2d2d2;
}

   .jp-time-holder span {
      color: #999;
      float: left;
      margin-right: 3px;
   }

.jp-current-time, .jp-duration {
    font-size: 11px;
    color: #999;
    float: left;
   margin-right: 3px;
}

.jp-sound-controls {
    width: 20px;
   list-style-type: none;
   margin: 0;
   height: 30px;
   padding: 0 10px 0 10px;
   float: left;
   border-left: 1px solid #f1f1f1;
}

   .jp-mute{
      background: transparent url('../_images/jplayer/theme-player-sound.png') no-repeat top left;
      width: 25px;
      height: 16px;
      display: block;
      margin: 6px 0 0 0;
   }

   .jp-unmute{
      background: transparent url('../_images/jplayer/theme-player-mute.png') no-repeat top left;   
      width: 25px;
      height: 16px;
      display: block;
      margin: 6px 0 0 0;
   }


.jp-volume-bar {
   float: left;
   margin: 11px 0 0 5px;
   overflow: hidden;
   width: 60px;
   height: 7px;
   cursor: pointer;
   background-color: #bebebe;
}
 
.jp-volume-bar-value {
   background: #ff6100 url('../_images/jplayer/theme-player-pattern.png') repeat-x top left;
   width: 0px;
   height: 7px;
   position: relative;
}

.jp-play:hover{
   background: transparent url('../_images/jplayer/theme-player-play.png') no-repeat 0px -11px;
}

.jp-pause:hover{
   background: transparent url('../_images/jplayer/theme-player-pause.png') no-repeat bottom left;
}

.jp-unmute:hover{
   background: transparent url('../_images/jplayer/theme-player-mute.png') no-repeat bottom left;   
}
 
.jp-mute:hover{
   background: transparent url('../_images/jplayer/theme-player-sound.png') no-repeat bottom left;
}


/* Error page 404 */
.error-404-container{
   width: 400px;
   margin: 0px auto;
   text-align: center;
}

.error-404-img{
   background: transparent url('../_images/404.png') no-repeat top left;
   width: 221px;
   height: 93px;
   margin: 20px auto;
}

/* Kleuren style */

/*
** White/Orange Scheme
*/

/* General Theme Color  */ 
.page-title-sep{
   border-top: 2px solid #c0c0c0;
}

.primary li ul.sub-menu li:hover{
   border-bottom: 1px solid #c0c0c0;
}

#nav-menu .primary > li:hover, .primary li.current-menu-parent, .primary li.current-menu-ancestor, .primary li.current_page_item {
   border-top: 1px solid #c0c0c0;
   border-bottom: 5px solid #c0c0c0;
   margin-top: -1px;
}
         
.tabs a.current, .toggle-title:hover, .accordion-title:hover, 
.toggle-title.active, .ui-state-active .accordion-title, .table th{
   border-top: 1px solid #c0c0c0;
}

.posttype-blog-shortcode, input[type='submit'], .filter a, .call-to-action-button, .header-widget-trigger-area, 
.jp-play-bar, .jp-volume-bar-value, .nivo-controlNav a.active, .post-type, .flickr_badge_image:hover, ul.recentposts li img:hover, #slider-progressbar .ui-widget-header {
   background-color: #c0c0c0;
}
   
::selection{
   background: #c0c0c0;
   color: #fff;
}

::-moz-selection{
   background: #c0c0c0;
   color: #fff;
}

#footer a:hover, .copyright a:hover, .header-widget-area a:hover,
.header-widget-area ul li a:hover, #sidebar ul li a:hover, #sidebar .box a:hover,
#sidebar ul li a.rsswidget:hover, #footer .widget_recent_entries li a:before,
#footer .widget_recent_comments li:before, #footer .widget_links li a:before,
#footer .widget_nav_menu li a:before, #footer .widget_pages li a:before,
#footer .widget_archive li a:before, #footer .widget_meta li a:before,
#footer .widget_categories li a:before, .widget_recent_entries li a:before,
.widget_recent_comments li:before,.widget_links li a:before, .widget_archive li a:before, 
.widget_pages li a:before, .widget_nav_menu li a:before, .widget_meta li a:before,
.widget_categories li a:before, .ui-state-active a span, .toggle .faq .active a,
.tabs a.current, a:hover, .blog-title a:hover, #twitter_update_list a:hover,.tabs a.current:hover, 
.ui-state-active a span:hover, .toggle .faq .active a:hover, .table th:hover, .pagenavi .current,
.header-widget-area-trigger-arrow, .primary li a:hover, 
.primary li ul.sub-menu li a:hover, .primary li.current-menu-item a, .voted .like:before, 
.post-like .alreadyvoted:before, .sitemap-list li a:before, #sm_twitter a:hover:before, 
#sm_vimeo a:hover:before, #sm_youtube a:hover:before, #sm_facebook a:hover:before, 
#sm_linkedin a:hover:before, #sm_skype a:hover:before, #sm_rss a:hover:before, 
#sm_tumblr a:hover:before, #sm_google a:hover:before, .zoom:before {
   color: #c0c0c0!important;
}

.filter a:hover {
   color: #fff!important;
}

/* Header */

p.slogan {
   font-size: 55px;
   margin-top: 30px;
   color: #ffffff; /* Slogan Color */
}
      
#header {
   background-color: #f5f5f5; /* Header Background Color */
}

#bottom-header {
   background-color: #d9d9d9; /* Header Bottom Background Color */
}

#nav-menu {
   border-top: 1px solid #d9d9d9; /* Header Bottom Background Color */
}

#sm_twitter a:before, #sm_vimeo a:before, #sm_youtube a:before,
#sm_facebook a:before, #sm_linkedin a:before, #sm_skype a:before, #sm_rss a:before,
#sm_tumblr a:before, #sm_google a:before{
         color: #999999; /* Social Media Icon Color */
}

/* Menu */

.primary li a, .primary li ul.sub-menu li a, .header-widget-area h4, .primary li a span.menu-title {
   color: #5c5c5c; /* Menu Text Color */
}

.primary li a span, .header-widget-area ul li a, .header-widget-area a, .header-widget-area {
   color: #999999; /* Menu Text Description Color */
}

.primary li ul.sub-menu, .primary li ul.sub-menu li ul.sub-menu, #nav-menu, .header-widget-area{
   background: #f3f3f3; /* Menu Background Color */
}

.primary li.current-menu-item, .primary li.current-menu-parent{
   background: #f1f1f1; /* Menu Background Hover Color */
}

/* Buttons */

input[type='submit'], .filter a, .call-to-action-button a span {
   color: #f5f5f5; /* Button Text Color */
}

input[type='submit']:hover, .filter a:hover, .call-to-action-button:hover {
   background-color: #444444; /* Button Background Color */
}

/* Footer */

#footer {
   background-color: #f5f5f5; /* Footer Background Color */
}

#footer {
   color: #999999; /* Footer Text Color */
}

#footer ul li a, .copyright a, #footer p a {
   color: #7a7a7a; /* Footer Link Color */
}

#footer h4 {
   color: #999999; /* Footer Headings */
}
      
.call-out, #twitter_update_list a{
   color: #f5f5f5; /* Callout Text Color */
}

#twitter_update_list a:hover {
   color: #f5f5f5; /* Callout Text Color */
   border-bottom: 1px dashed #f5f5f5; /* Callout Text Color */
}

.call-out {
   background-color: #c0c0c0; /* Callout Background Color */
}

/* Patterns */

.call-out:after { /* Callout Pattern */
   background: transparent url('../_images/patterns/pattern-1.png') repeat top left;
   filter: alpha(opacity=0);
   opacity: 0.10;
}

#footer:after, .page-title:after { /* Header/Footer Pattern */
   background: transparent url('../_images/patterns/pattern-1.png') repeat top left;
   filter: alpha(opacity=0);
   opacity: 0.03;
}

#header:after{
   background: transparent url('http://www.dwebsite.nl/demos/1/media/image/id/30') repeat top left;

}

/* Einde kleurenstyle */
.fotoalbummain{
   margin-bottom: 15px;
}