/*
Theme Name: Flexolio
Theme URI: http://demos.quarterpixel.de/flexolio/...
Description: A blog, bussines and portfolio theme for wordpress
Version: 1.0
Author: Johann Stwrtetschka
Author URI: http://www.quarterpixel.de
*/

/* ================ General STyling ===============*/
* {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    /*overflow-x: hidden;*/
    font-size: 13px;
    font-weight: normal;
    text-align: justify;
}

p {
    margin-bottom: 10px;
}

ul, ol {
    margin: 0 0 10px 10px;
}

li {
    list-style-position: inside;
    margin-bottom: 3px;
}

img {
    border: none;
}

h1 {
    font-size: 32px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 18px;       
}
h4 {

}
h5 {

}
h6 {

}

a:link, a:visited {
    text-decoration: none;
    cursor: pointer;
}

a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

/*layout*/
#top-background {
    margin: 0;
    width: 100%;
    clear: both;
}

#headerwrap {
    margin: 0 auto;
    width: 100%;
}

#head {
    width: 940px;
    margin: 0px 0px;
    overflow: hidden;
    padding: 0px 0 0 0;
    margin: 0 auto 0 auto;
}

#head h1 {
    float: left;
    margin-left: 0px;
}

.clearer {
    clear: both;
}

a.button-clear:link,
a.button-clear:visited,
a.button-clear:hover,
a.button-clear:active,
a.button-clear:focus {
    line-height: 27px;
    display: block;
    width: 108px;
    height: 28px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 0 0 0;
    /*text-align: center; */
    text-decoration: none;
    margin: 0 0 0 0;
}

a.button-clear-visit-site:link,
a.button-clear-visit-site:visited,
a.button-clear-visit-site:hover,
a.button-clear-visit-site:active,
a.button-clear-visit-site:focus {
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
}

a:link .button-clear,
a:visited .button-clear,
a:hover .button-clear,
a:active .button-clear,
a:focus .button-clear {
    line-height: 27px;
    display: block;
    width: 108px;
    height: 28px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    margin: 0px 0 0 0;
}

#bottom-of-site-content-background a.button-clear {
    font-size: 1.0em;
}

#toppanel a.button-clear {
    font-size: 1.0em;
}

/* ================ Content Style ================= */
#content {
    width: 100%;
}

.content-area {
    width: 1000px;
    margin: 0 auto 0 auto;
}

.content-area-frontpage {
    position: relative;
    top: 0;
    left: -20px;
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 40px 0 0 0;
}

#page-headline {
    float: left;
    margin: 10px 0 0 0px;
    font-weight: bold;
}

.wrapper-with-color-background {
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden;
}

/* ================ Navigation =====================*/
#navwrapp {
    float: left;
    width: 634px;
    margin: 0 0 0 0;
}

#nav {
    border-bottom: none;
    clear: both;
    padding: 0;
    width: 634px;
    margin: 0 auto 0 auto;
}

#nav ul {
    width: 565px;    /* avant 623  */
}

/* ================ FOOTER ====================== */
/* 1. Navigation */
#footermenu ul {
    margin: 0; padding: 0;
}

#footermenu li {
    float: left;
    list-style-type: none;
    padding: 0 0 0 0;
    font-size: 0.9em;
}

#footer-wrapper {
    position: relative;
    width: 800px;
    margin: 0 auto 0 auto;
    left: 0;
    padding: 0;
}

.footer-text {
    float: right;
    text-align: right;
    margin: -10px 0 0 0;
    font-size: 0.9em;
}

/* Content Headlines */
#contentheader {
    width: 1000px;
    margin: 40px auto 30px auto;
    position: relative;
    height: 60px;
}

.single_post_page #contentheader {
    margin-bottom: 0;
}

.single_portfolio_page #contentheader {
    margin-bottom: 0;
}

/* ================ Top Panel ====================*/
#qp_post_widget_title {
    float: left;
    height: 114px;
    width: 57px;
}

#toppanel {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
}

.toppanel-push {
    position: relative;
}

.toppanel-overlap {
    position: absolute;
}

#panel {
    width: 980px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    margin: 0 auto 0px auto;
    clear: both;
    padding-bottom: 25px;
    padding-top: 40px;
    left: -20px;
}

#panel h1 {
    font-size: 1.2em;
    padding: 5px 0 10px;
    margin: 0;
    text-align: left;
    letter-spacing: 0px;
}

#panel h2 {
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

#panel p {
    margin: 5px 0;
    padding: 0;
}

#panel a {
    text-decoration: none;
}

#panel a-lost-pwd {
    display: block;
    float: left;
}

#panel #rememberme {
    background: none;
    border: 0px;
}

#panel ul {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1.6em;
    list-style: none;
}

#panel .content {
    width: 900px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
    font-size: 0.85em;
    overflow: hidden;
}

#panel .content .left {
    width: 268px;
    float: left;
    margin-bottom: 0px;
    padding: 0 15px;
}

#panel .content .narrow {
    width: 115px !important;
}

#panel .content form {
    margin: 0 0 10px 0;
}

#panel .content label {
    float: left;
    padding-top: 8px;
    clear: both;
    width: 230px;
    display: block;
}

#panel .content input.field {
    margin-right: 5px;
    margin-top: 4px;
    width: 230px;
    height: 16px;
}

#panel .content-login-smaller {
    width: 900px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: left;
    font-size: 0.85em;
    overflow: hidden;
    position: relative;
    height: 80px;
}

#panel .content-login-smaller .left {
    width: 900px;
    float: left;
    margin-bottom: 0px;
    padding: 0 0px;
}

#panel .content-login-smaller form {
    margin: 0 0 10px 0;
}

#panel .content-login-smaller .username {
    width: 250px;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
}

#panel .content-login-smaller .password {
    width: 250px;
    display: block;
    position: absolute;
    top: 15px;
    left: 260px;
}

#panel .content-login-smaller label {
    padding-top: 0px;
    clear: both;
}

#panel .content-login-smaller input.field {
    margin: 0 0 4px 0;
    width: 245px;
    height: 16px;
}

#panel .content-login-smaller a {
    margin: 0px;
    padding: 0px;
}

#panel .content-login-smaller input.bt_login {
    width: 106px;
    height: 28px;
    color: white;
    position: absolute;
    top: 31px;
    left: 525px;
    border: 0px;
}

/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register {
    display: block;
    float: left;
    clear: left;
    text-align: center;
    cursor: pointer;
    border: none;
    font-weight: normal;
    margin: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

#panel .lost-pwd {
    display: block;
    float: left;
    clear: right;
    padding: 15px 5px 0;
    font-size: 0.95em;
    text-decoration: underline;
}

/* Panel Tab/button */
.tab {
    height: 42px;
    position: absolute;
    width: 940px;
    z-index: 999;
    text-align: right;
    margin: 0 auto 0 -470px;
    left: 50%;
}

.tab ul.login {
    display: block;
    position: relative;
    height: 42px;
    font-weight: bold;
    margin: 0;
    font-size: 80%;
    right: 0px;
    list-style-type: none;
}

.tab ul.login li {
    padding: 0 6px;
    display: block;
    height: 42px;
}

.tab ul.login li a {
}

.tab ul.login li a:hover {
}

.tab .sep {
}

.tab a.open, .tab a.close {
    height: 40px;
    cursor: pointer;
    width: 76px;
    position: absolute;
    display: block;
    margin-right: 40px;
    top: -15px;
    right: 0px;
}

/* ================ WIDGET STYLING ============ */

/* General */
.widget-headline {
    overflow: hidden;
}

.widget h2 p {
    line-height: 1.2em;
}

.widget p {
    line-height: 1.5em;
    font-size: 1.0em;
}

.widget-readmore {
    margin-top: 30px;
    display: block;
    width: 110px;
    height: 32px;
}

.widget-icon {
    float: right;
    margin: 0 0 0px 15px;
}

.widget ul {
    list-style-type: none;
    margin: 0px;
}

.widget ul li {
    display: block;
    height: auto;
    margin: 2px 0 2px 0;
    padding: 5px 10px 5px 0px;
    text-decoration: none;
    background: black;
}

.widget ul li a {
    padding: 0 0 0 25px;
}

.widget a.button-clear:link,
.widget a.button-clear:visited,
.widget a.button-clear:hover,
.widget a.button-clear:active,
.widget a.button-clear:focus {
    margin: 10px 0 0 0;
}

/* Text Widget STyle 2 */
.text-widget-img-wrapper2 {
    float: left;
    width: 140px;
}

.text-widget-text-wrapper2 {
    margin: 0 0 0 140px;
}

/* Text Widget STyle 3 */
.text-widget-img-wrapper3 {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

.text-widget-text-wrapper3 {
    margin: 0 0 0 0px;
    text-align: center;
}

/* Text Widget STyle 4 */
.text-widget-img-wrapper4 {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

.text-widget-text-wrapper4 {
    margin: 0 0 0 0px;
}

/* Text Widget STyle 5 */
.text-widget-text-wrapper5 {
    margin: 0 0 0 0px;
}

.text-widget-img-wrapper5 {
    float: left;
    margin: 0 15px 0 0;
}

/* Text Widget STyle 6 */
.text-widget-text-wrapper6 {
    margin: 0 0 0 0px;
}

.text-widget-img-wrapper6 {
    float: right;
    margin: 0 0px 15px 15px;
}

/* Text Widget STyle 7 */
.text-widget-img-wrapper7 {
    float: left;
    text-align: center;
    margin: 0 15px 0px 0;
}

/* Text Widget STyle 8 */
.text-widget-img-wrapper8 {
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}

.text-widget-text-wrapper8 {
    margin: 0 0 0 0px;
}

/* Top Panel Widgets */
#panel .toppanel-widget h2 {
    padding: 0px;
    /*font-size: 1.5em;   */
    /*margin: 0 0 25px 0;  */
    margin: 0;
    font-weight: normal;
}

.toppanel-widget {
    float: left;
    margin: 0px 10px 0 10px;
    padding: 0px 0px 0px 0px;
    font-size: 0.8em;
}

.toppanel-widget img {
    margin: 0 0 0 0;
}

.toppanel-widget .subline {
    font-size: 0.5em;
    margin: 0 0 10px 0;
}

/* Frontpage Widget */
.frontpage-widget {
    padding: 10px 0 20px 0;
}

.frontpage-widget h2 {
    margin: 0px 0px 20px 0px;
    padding: 5px 0 0 0;
}

/*Footer Widgets */
.footer-widget {
    margin: 0px 0 0 0;
    padding: 0px 0 20px 0;
    font-size: 0.8em;
}

.footer-widget h2 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0 0 0;
}

/* Portfolio, Blog Pages Widgets */
.pageswid-widget, .blog-widget, .portfolio-widget {
    margin: 0px 20px 20px 20px;
    font-size: 0.8em;
}

.pageswid-widget h2, .blog-widget h2, .portfolio-widget h2 {
    margin: 0 0 10px 0;
    padding: 0;
}

.pageswid-widget h2 p, .blog-widget h2 p, .portfolio-widget h2 p {
    margin: 0 0 20px 0;
    padding: 0;
}

.pageswid-widget p, .blog-widget p, .portfolio-widget p {
    margin: 0;
    padding: 0;
}

/* Sidbar Widget */
#sidebar .widget h3 {
    font-size: 1.7em;
    font-weight: bold;
    letter-spacing: -1px;
    clear: both;
}

.sidebar-2colum ul {
    list-style-type: none;
}

#sidebar .widget {
    padding: 0 0 25px 0;
    font-size: 0.9em;
}

#sidebar .widget a.button-clear:link,
#sidebar .widget a.button-clear:visited,
#sidebar .widget a.button-clear:hover,
#sidebar .widget a.button-clear:active,
#sidebar .widget a.button-clear:focus {
    line-height: 2.6em;
    height: 28px;
}

/* 2 Colum widget */
.sidebar-2colum {
    margin: 0 0 0 -10px;
    overflow: hidden;
}

.widget-2colum {
    width: 130px;
    float: left;
    margin-left: 10px;
}

/* Sidebar Search Form  */
#sidebar .widget_search {
    margin-bottom: 15px;
    margin-top: 13px;
}

.hidden {
    display: none;
}

#sidebar .widget_search form #s {
    padding: 7px 29px 7px 35px;
    width: 200px;
    margin: 10px 0 0px 0;
}

#sidebar .widget_search label {
    font-size: 0.9em;
    font-weight: bold;
    display: none;
}

#sidebar .widget_search form #searchsubmit {
    display: none;
}

/*flickr RSS widget */
#flickr-rss {
    width: 100%;
}

#flickr-rss img {
    border: 4px solid white;
    margin: 0 4px 10px 0px;
}

#sidebar #flickr-rss a:link, #sidebar #flickr-rss a:visited, #sidebar #flickr-rss a:hover, #sidebar #flickr-rss a:active, #sidebar #flickr-rss a:focus {
    background: none;
    display: inline;
    margin: 0 0px 0 0;
    padding: 0;
}

.toppanel-widget #flickr-rss img {
    border: 4px solid white;
    margin: 0 5px 10px 0px;
}

/* style Twitter widget */
ul.twitter {
    margin: 0;
}

ul.twitter li.twitter-item {
    list-style: none;
    margin-bottom: 10px;
    padding: 10px;
}

ul.twitter li.twitter-item span abbr {
    border-bottom: none;
    display: block;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 3px;
    font-weight: bold;
}

.widget_twitter h3 {
    margin: 0px 0 0 0px;
    padding: 0;
}

.dark-widget ul.twitter li.twitter-item {
}

#sidebar .widget_twitter a:link, #sidebar .widget_twitter a:visited {
    background: none;
    display: inline;
}

#sidebar ul.twitter li.twitter-item {
}

/*Tag Cloud */
#sidebar .widget_tag_cloud a:link, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:hover, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:focus {
    display: inline;
    padding: 0;
}

/*Calender Widget */
#calendar_wrap {
    margin: -45px 0 0 0;
}

#sidebar #calendar_wrap {
    margin: -30px 0 0 0;
}

#wp-calendar {
    width: 100%;
    padding: 0px;
    margin: 0px 0 0;
    font: normal 15px / 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.frontpage-widget #wp-calendar caption {
    text-align: left;
    font-weight: normal;
    font-size: 1.5em;
    letter-spacing: -1px;
    margin: 0 0 10px;
    font-family: Trebuchet MS;
    margin: 0 0 20px 0;
}

#wp-calendar caption {
    text-align: left;
    font-weight: bold;
    font-size: 1.7em;
    letter-spacing: -1px;
    margin: 0 0 10px;
    font-family: Trebuchet MS;
}

.dark-widget #wp-calendar caption {
    text-align: left;
    font-weight: normal;
    font-size: 1.6em;
    letter-spacing: -1px;
    margin: 0 0 10px;
    font-family: Trebuchet MS;
}

#wp-calendar td {
    font-size: 0.8em;
    width: 20px;
    height: 30px;
    text-align: center;
}

.dark-widget #wp-calendar td {
    font-size: 0.8em;
    width: 20px;
    height: 30px;
    text-align: center;
}

.toppanel-widget #wp-calendar td {
}

#sidebar #wp-calendar a:link, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:hover, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:focus {
    display: inline;
    padding: 0;
    text-decoration: underline;
}

.dark-widget #wp-calendar a:link, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:hover, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:focus {
    display: block;
    padding: 5px 0 5px 0px;
    text-decoration: none;
}

/* Recent comments */
#sidebar li.recentcomments {
    padding: 5px 10px 5px 10px;
}

#sidebar li.recentcomments a:link, #sidebar li.recentcomments a:visited, #sidebar li.recentcomments a:hover, #sidebar li.recentcomments a:active, #sidebar li.recentcomments a:focus {
    padding: 5px 10px 5px 10px;
    display: block;
}

/* POST WIDGET */

.light-widget .widget-blog-post h2 a:link, .light-widget .widget-blog-post h2 a:visited {
}

.Style1 .widget-blog-post {
    margin-bottom: 40px;
}

.Style1 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style1 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style1 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style1 .widget-blog-post ul.meta li a {
}

.Style1 .widget-blog-post .blog-img-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
}

.Style1 .widget-blog-post h2 {
    font-size: 28px;
    margin: 0px 0 10px 0;
    padding: 0px;
}

.Style2 .widget-blog-post {
    margin-bottom: 20px;
    width: 287px;
    float: left;
    margin-right: 20px;
}

.Style2 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style2 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style2 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style2 .widget-blog-post ul.meta li a {
}

.Style2 .widget-blog-post .blog-img-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
}

.Style2 .widget-blog-post h2 {
    font-size: 24px;
    margin: 0px 0 10px 0;
    padding: 0px;
    height: 60px;
    overflow: hidden;
}

.light-widget .Style2 .widget-blog-post h2 a {
    text-decoration: none;
}

.dark-widget .Style3 .widget-blog-post {
}

.Style3 .widget-blog-post {
    margin-bottom: 20px;
    width: 247px;
    float: left;
    margin-right: 20px;
    padding: 20px;
}

.Style3 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style3 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style3 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style3 .widget-blog-post ul.meta li a {
}

.Style3 .widget-blog-post .blog-img-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
    margin-top: 9px;
}

.Style3 .widget-blog-post h2 {
    font-size: 24px;
    margin: 0px 0 10px 0;
    padding: 0px;
    height: 60px;
    overflow: hidden;
}

.light-widget .Style3 .widget-blog-post h2 a {
}

.Style4 {
    padding-left: 100px;   
}

.Style4 .widget-blog-post {
    margin-bottom: 5px;
    width: 120px;
    float: left;
    margin-right: 10px;
}

.Style4 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style4 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style4 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style4 .widget-blog-post ul.meta li a {
}

.Style4 .widget-blog-post .blog-img-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    height: 100px;
    margin-bottom: 0px;
    /*margin-top: 4px;  */
}

.Style4 .widget-blog-post h2 {
    font-size: 24px;
    margin: 0px 0 10px 0;
    padding: 0px;
    height: 60px;
    overflow: hidden;
}

.Style5 .widget-blog-post {
    margin-bottom: 5px;
    width: 87px;
    float: left;
    margin-right: 10px;
}

.Style5 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style5 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style5 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style5 .widget-blog-post ul.meta li a {
    background: none;
}

.Style5 .widget-blog-post .blog-img-wrapper {;
    display: block;
    clear: both;
    overflow: hidden;
    height: 72px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.Style5 .widget-blog-post h2 {
    font-size: 24px;
    margin: 0px 0 10px 0;
    padding: 0px;
    height: 60px;
    overflow: hidden;
}

.Style6 .widget-blog-post {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 0.9em;
    padding: 0 0 0px 60px;
    min-height: 80px;
}

.Style6 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style6 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style6 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style6 .widget-blog-post ul.meta li a {
}

.Style6 .widget-blog-post .blog-img-wrapper {
    display: block;
    clear: both;
    overflow: hidden;
    height: 200px;
    margin-bottom: 10px;
    width: 270px;
}

.Style6 .widget-blog-post h2 {
    position: relative;
    font-size: 18px;
    margin: 0px 0 5px 0px;
    padding: 0px;
}

.Style6 .date-wrapper {
    padding: 5px 0 5px 0;
    width: 58px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 22px;
    text-transform: uppercase;
}

.Style6 .month {
    font-size: 0.9em;
    font-family: Trebuchet MS;
    margin: 0px;
    padding: 0px;
}

.Style6 .day {
    font-size: 1.6em;
    font-family: Trebuchet MS;
    padding: 0;
    margin: -5px 0 0 0;
}

.Style6 .year {
    font-size: 0.8em;
    font-family: Trebuchet MS;
    margin: -3px 0 0 0;
}

.Style7 .widget-blog-post {
    position: relative;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
    padding: 0px 0 10px 105px;
    min-height: 95px;
    font-size: 0.9em;
    margin-top: 4px;
}

.Style7 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style7 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style7 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style7 .widget-blog-post ul.meta li a {
}

.Style7 .widget-blog-post .blog-img-wrapper {
    position: absolute;
    display: block;
    clear: both;
    overflow: hidden;
    width: 72px;
    height: 72px;
    left: 0;
    top: 0;
}

.Style7 .widget-blog-post h2 {
    font-size: 18px;
    margin: 0px 0 10px 0;
    padding: 0;
    overflow: hidden;
}

.Style8 .widget-blog-post {
    position: relative;
    margin-bottom: 5px;
    margin-right: 0;
    overflow: hidden;
    padding: 3px 0 0 70px;
    min-height: 65px;
    font-size: 0.9em;
    margin-top: 4px;
}

.Style8 .dark-widget .widget-blog-post span.button-clear {
    font-size: 1.0em;
    margin-top: 15px;
}

.Style8 .widget-blog-post a.more-link {
    text-decoration: none;
}

.Style8 .widget-blog-post ul.meta li {
    float: left;
    margin: 0;
    padding: 0;
}

.Style8 .widget-blog-post ul.meta li a {
}

.Style8 .widget-blog-post .blog-img-wrapper {
    position: absolute;
    display: block;
    clear: both;
    overflow: hidden;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
}

.Style8 .widget-blog-post h2 {
    font-size: 18px;
    margin: 0px 0 10px 0;
    padding: 0;
    overflow: hidden;
}

/* ================ SUBNAVIGATION ================== */
#subnavigation {
}

#subnavigation h3 {
    letter-spacing: -1px;
    font-size: 1.5em;
    font-weight: bold;
}

#subnavigation ul li {
    margin: 0 0 0 0;
    list-style-type: none;
    font-size: 0.9em;
}

#subnavigation ul li a:link, #subnavigation ul li a:visited {
    padding-left: 0;
}

#subnavigation ul li a:hover {
}

#subnavigation ul li.current_page_item a {
}

#subnavigation ul li ul li a:link, #subnavigation ul li ul li a:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: none;
}

#subnavigation ul li ul li a:hover {
}

#subnavigation ul li ul li.current_page_item a {
}

#subnavigation ul li ul li {
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
}

/* ================== frontpage 2 3 and 4 Slider ==================== */
.slider2 {
    width: 920px;
    height: 232px;
    position: relative;
    margin: 10px 50px 0 0;
}

.slider3 .wrapper, .slider2 .wrapper {
    width: 920px;
    overflow: hidden;
    height: 232px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.slider3 img, .slider2 img {
}

.slider3 .wrapper ul, .slider2 .wrapper ul {
    width: 9999px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.slider3 ul li, .slider2 ul li {
    display: block;
    float: left;
    padding: 0 0 0 0;
    height: 232px;
    width: 920px;
    margin: 0 0 0 0;
    text-align: center;
}

.slider3 .arrow, .slider2 .arrow {
    border: 0 solid red;
    display: block;
    height: 200px;
    width: 19px;
    text-indent: -9999px;
    position: absolute;
    top: 38px;
    cursor: pointer;
    z-index: 990;
}

#thumbNav {
    display: none;
    position: absolute;
    left: 10px;
    top: 385px;
}

#thumbNav a {
    font-family: verdana;
    font-weight: normal;
    font-size: 1.2em;
    padding: 10px 15px;
    margin: 0 5px 0 0;
    text-align: center;
}

#thumbNav a:hover {
    background-image: none;
    text-decoration: none;
}

#thumbNav a.cur {
    text-decoration: none;
}

#start-stop {
    display: none;
    background: green;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 323px;
}

#start-stop.playing {
    background-color: red;
}

#start-stop:hover {
    background-image: none;
}

.readmore-small-white {
    position: absolute;
    top: 11px;
    right: 10px;
    display: block;
    width: 107px;
    height: 29px;
}

.slider4 {
    margin-bottom: 50px;
    margin-top: 10px;
}

/* Slider Prevents */
.slider3 .wrapper ul ul, .slider2 .wrapper ul ul {
    position: static;
    margin: 0;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}

.slider3 .wrapper ul ul li, .slider2 .wrapper ul ul li {
    float: none;
    height: auto;
    width: auto;
    background: none;
}

/* slidingboxes */

.slider3 .captionfull h3, .slider2 .captionfull h3 {
    margin: 4px 10px 0 10px;
    font-size: 1.7em;
    letter-spacing: -1px;
    font-weight: normal;
    font-family: trebuchet ms;
    text-align: left;
}

.slider3 .boxgrid2, .slider2 .boxgrid2 {
    width: 920px;
    height: 242px;
    margin: 0;
    float: left;
    overflow: hidden;
    position: relative;
}

.slider3 .boxcaption, .slider2 .boxcaption {
    float: left;
    position: absolute;
    height: 40px;
    width: 100%;
}

.slider3 .captionfull .boxcaption, .slider2 .captionfull .boxcaption {
    top: 342px;
    left: 0;
}

.slider3 .caption .boxcaption, .slider2 .caption .boxcaption {
    top: 0;
    left: 0;
}

/* only Slider 3 */

.slider3 {
    width: 940px;
    height: 242px;
    position: relative;
    margin: 0px auto 0 auto;
    padding: 0px 0 0px 0;
}

#slidershadow {
    width: 940px;
    height: 157px;
    margin: -95px auto 0 auto;
}

/* ===================== frontpages ==================== */

/* 1. Top Text */
.wrapper-whitout-background {
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 0 0 0 0;
}

.wrapper-whitout-background h2 {
    margin: 10px 0 0 35px;
}

.frontpage-top-text {
    float: left;
    position: relative;
    width: 355px;
    padding: 30px 0 0 37px;
    margin: 0 0 0 0;
}

.frontpage-top-text p {
    margin-bottom: 10px;
    font-weight: normal;
    text-align: justify;
}

.moretext-big {
    display: block;
    width: 175px;
    height: 47px;
    margin-top: 30px;
}

.frontpage-top-text h2 {
    font-size: 2.1em;
    position: relative;
    margin: 0 0 15px 0;
    padding: 14px 0 0 0;
    font-family: arial;
    letter-spacing: -2px;
    font-weight: bold;
    font-style: normal;
}

/* 1.1 Top Text 2 */
.frontpage-top-text2 {
    position: relative;
    width: 940px;
    padding: 20px 0 20px 0;
    margin: 0px 0 0 0;
}

.frontpage-top-text2 p {
    padding: 0px 0 0 37px;
    margin: 0px 0 10px 0;
    font-weight: normal;
    text-align: justify;
    margin: 0;
}

.frontpage-top-text2 h2 {
    text-align: center;
    font-size: 5.1em;
    position: relative;
    margin: 20px 0 0px 0;
    padding: 14px 0 25px 25px;
    font-family: Trebuchet MS;
    letter-spacing: -2px;
    font-weight: normal;
    font-style: normal;
}

/* 1.3 Top Text 3 */
.frontpage-top-text3 {
    position: relative;
    width: 940px;
    padding: 0px 0 40px 0;
    margin: -20px auto 0px auto;
}

.frontpage-top-text3 p {
    padding: 0px 0 0 0;
    margin: 0px 0 0px 0;
    font-weight: normal;
    text-align: justify;
    margin: 0;
    font-size: 2.0em;
}

.frontpage-top-text3 h2 {
    text-align: left;
    font-size: 3.1em;
    position: relative;
    margin: 0px 0 0px 0;
    padding: 0px 0 10px 0;
    font-family: Trebuchet MS;
    letter-spacing: -2px;
    font-weight: normal;
    font-style: normal;
}

/* 1.3 Top Text 3 */
.frontpage-top-text4 {
    position: relative;
    width: 940px;
    padding: 0px 0 20px 0;
    margin: 0px 0 20px 0;
    clear: both;
}

.frontpage-top-text4 p {
    padding: 0px 0 0 37px;
    margin: 0px 0 0px 0;
    font-weight: normal;
    text-align: justify;
    margin: 0;
}

.frontpage-top-text4 h2 {
    text-align: center;
    font-size: 5.1em;
    position: relative;
    margin: 45px 0 10px 8px;
    padding: 0px 0 0px 25px;
    font-family: Trebuchet MS;
    font-weight: normal;
    font-style: normal;
    letter-spacing: -3px;
}

/*3 Bottom Blog */

#bottom-of-site-begin {
    height: 30px;
    width: 100%;
    /*margin: 0 auto 0 auto;*/
    text-align: center;
    /*margin: 25px 0 0 0; */
    position: relative;
}

#wrapper-with-texture {
    width: 100%;
    position: relative;
    margin: 0px 0px 0px 0;
    padding: 20px 0px 0px 0;
}

#bottom-of-site-content-background {
    position: relative;
    width: 980px;
    margin: 0px auto 0 auto;
    padding: 0px 0 0 0;
    overflow: hidden;
    left: -23px;
}

#bottom-of-site-end {
    width: 100%;
    height: 13px;
    margin: 0 auto 0 auto;
    text-align: center;
}

.blogpost {
    margin: 0px 20px 15px 0;
    clear: both;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
}

.blogpost .img-wrapper {
    width: 150px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.blogpost .img-wrapper2 {
    width: 150px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.blogpost .content-wrapper {
    width: 600px;
    margin: 0 0 0 194px;
}

.blogpost .content-wrapper2 {
    width: 720px;
    margin: 0 0 0 194px;
}

.blogpost p {
    margin: 10px 0 10px 0;
}

.blogpost dl {
    margin: 0 30px 0 0;
}

.blogpost img {
    margin: 0px 0px 0 0;
}

.singleblog {
    overflow: hidden;
}

.blogpost a:link, .blogpost a:visited {
}

.blogpost a:hover, .blogpost a:active, .blogpost a:focus {
    text-decoration: none;
}

.blogpost-blog2 {
    width: 600px;
}

ul.meta li:first-child {
    border: 0px solid red;
    padding-left: 0;
}

.alignleft {
    float: left;
    margin: 0 10px 8px 0;
}

.alignright {
    float: right;
    margin: 0 0 8px 10px;
}

.aligncenter {
    margin: 10px auto;
}

.blogpost, .worksearch {
}

.frontpage-blog-seperator {
    margin: 20px auto 20px auto;
    width: 96%;
    height: 2px;
    padding-bottom: 0;
}

.blogpost h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
    width: 500px;
}

.frontpage-blog-moretext {
    width: 102px;
    height: 62px;
    display: block;
    position: absolute;
    left: 818px;
    top: 75px;
}

.frontpage-blog-comment {
    width: 102px;
    height: 50px;
    display: block;
    position: absolute;
    top: 25px;
    left: 818px;
}

.frontpage-blog-comment a:link, .frontpage-blog-comment a:visited, .frontpage-blog-comment a:hover, .frontpage-blog-comment a:active, .frontpage-blog-comment a:focus {
    width: 44px;
    height: 30px;
    display: block;
    text-align: center;
    margin: 23px 0 0 41px;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -2px;
}

/* ====================== PORTFOLIO 2 ======================== */

ul.portfolio-list2 {
    list-style-type: none;
    position: relative;
    margin: 30px auto 0 auto;
    overflow: hidden;
}

ul.portfolio-list2 .portfolio-seperator {
    height: 2px;
    width: 98%;
    display: block;
    clear: both;
    margin: 20px 0 20px 0;
}

ul.portfolio-list2 li {
    margin: 10px 0;
    position: relative;
    float: left;
}
ul.portfolio-list2 li.portfolio_left {
    margin-right: 20px;     /* 490 + 490 + 20 = 1000  */
}

ul.portfolio-list2 .img-wrapper {
    position: relative;
    width: 472px;    /* 472 + 2x9 = 490    */
    overflow: hidden;
}

ul.portfolio-list2 .img-wrapper img {
    float: left;
}

ul.portfolio-list2 .img-wrapper h3 {
    float: left;
}

ul.portfolio-list2 .img-wrapper ul.meta {
    float: right;
    margin-left: 0;
    padding-top: 7px;
}

ul.portfolio-list2 .img-wrapper ul.meta li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    text-transform: none;
}

ul.portfolio-list2 .portfolio-item-text {
    position: relative;
    text-align: justify;
    width: 385px;
    float: right;
    margin: 0;
}

ul.portfolio-list2 .portfolio-item-text p {
    clear: both;
}

ul.portfolio-list2 li h3 {
    font-size: 1.5em;
}

ul.portfolio-list2 ul.meta {
    margin: 0 0 0 -11px;
}

ul.portfolio-list2 ul.meta li {
    line-height: 1.8em;
    float: left;
    display: block;
    margin: 0 12px 20px 0;
    padding: 0 0 0 12px;
    font-size: 1.0em;
    text-transform: none;
}

/* ================== SINGLE PORTFOLIO ITEM ================ */

.portfolio-item-single .img-wrapper {
    height: 168px;   
}

.portfolio-item-single {
    margin: 0 auto 0 auto;
    position: relative;
    left: 0;
    width: 1000px;
}

.portfolio-item-single #portfolio_content {
    float: left;
    width: 500px;
    margin-top: 30px;
    padding-left: 40px;
}

.personnal_technical_content {
    float: left;
    clear: both;
}

#technical_content, #services_content {
    float: right;
    margin: 30px 20px 10px 0;
    width: 400px;
}
#services_content {
    margin-top: 5px;
}
.temoignage_title {
    float: right;
    margin: 30px 0 0 0;
    width: 430px;
    height: 30px;
    background: #5f0404;
}
.temoignage_title h3 a:link,
.temoignage_title h3 a:visited {
    color: white;
    line-height: 30px;
    padding-left:20px;
    text-decoration: none;
}
.temoignage_top {
    float: right;
    margin: 30px 0 0 0;
    width: 430px;
    height: 24px;
    background: url(styles/style11/barre_temoignage_haut.jpg) no-repeat;
}
.temoignage {
    float: right;
    margin: 0 0 10px 0;
    width: 430px;
    position: relative;
    top: -8px;
    background: url(styles/style11/barre_temoignage_bas.jpg) bottom no-repeat;
}
.temoignage_content {
    padding: 0 15px 15px 15px;
}

.portfolio-item-single img {
    margin: 0 0 40px 0;
}

.portfolio-item-single ul.meta {
    margin: 0 0 0 -11px;
}

#contentheader ul.meta {
    float: right;
    margin: 20px 0 0 0;
}

.portfolio-item-single ul.meta li,
#contentheader ul.meta li {
    line-height: 1.8em;
    float: left;
    display: block;
    margin: 0 12px 20px 0;
    padding: 0 0 0 12px;
    font-size: 1.0em;
    text-transform: none;
}

.portfolio-item-single  a.button-clear:link,
ul.portfolio-list2  a.button-clear:visited,
ul.portfolio-list2  a.button-clear:hover,
ul.portfolio-list2  a.button-clear:active, 
ul.portfolio-list2  a.button-clear:focus {
    display: block;
    width: 108px;
    height: 30px;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
}

/* ============== STYLES UL, Messagesboxes, blockquotes, sublines, colors =================*/

/* ul list styling */
ul.arrow {
    list-style-type: none;
    margin: 20px 0 20px 0;
    padding: 0;
}

ul.arrow  li {
    padding: 0 0 0 30px;
    margin: 5px 0 5px 0;
}

ul.star {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 20px 0 20px 0;
}

ul.star  li {
    padding: 0 0 0 30px;
    margin: 5px 0 5px 0;
}

ul.arrow2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 20px 0 20px 0;
}

ul.arrow2  li {
    padding: 0 0 0 30px;
    margin: 5px 0 5px 0;
}

ul.checkbox {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 20px 0 20px 0;
}

ul.checkbox  li {
    padding: 0 0 0 30px;
    margin: 5px 0 5px 0;
}

/* Message boxes */
.note {
    margin: 20px 0 20px 0;
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
}

.info {
    margin: 20px 0 20px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.alert {
    margin: 20px 0 20px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.download {
    margin: 20px 0 20px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.tip {
    margin: 20px 0 20px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.blogpost .note {
    margin: 5px 0 5px 0;
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
}

.blogpost .info {
    margin: 5px 0 5px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.blogpost .alert {
    margin: 5px 0 5px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.blogpost .download {
    margin: 5px 0 5px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

.blogpost .tip {
    margin: 5px 0 5px 0;
    padding: 10px 15px 10px 40px;
    font-size: 0.9em;
}

/*blockquote*/
blockquote {
    text-align: justify;
    padding: 0 10px 10px 80px;
}

blockquote p {
    padding: 5px 80px 10px 0;
}

blockquote.big {
    text-align: left;
    padding: 0 10px 10px 30px;
    font-size: 2.4em
}

blockquote.big p {
    padding: 5px 30px 10px 0;
}

blockquote.small {
    text-align: justify;
    padding: 0 10px 10px 40px;
    font-size: 0.9em;
}

blockquote.small p {
    padding: 5px 40px 10px 0;
}

.blogpost blockquote {
    text-align: justify;
    padding: 0 10px 10px 80px;
}

.blogpost blockquote p {
    padding: 5px 80px 10px 0;
}

.blogpost blockquote.big {
    text-align: left;
    padding: 0 10px 10px 30px;
    font-size: 2.4em
}

.blogpost blockquote.big p {
    padding: 5px 30px 10px 0;
}

.blogpost blockquote.small {
    text-align: justify;
    padding: 0 10px 10px 40px;
    font-size: 0.9em;
}

.blogpost blockquote.small p {
    padding: 5px 40px 10px 0;
}

/*em*/
em.box {
    padding: 0 5px 0 5px;
    font-style: normal;
    font-size: 0.9em;
}

.blogpost em.box {
    padding: 0 5px 0 5px;
    font-style: normal;
}

/*sublines*/
.subline-welcome {
    display: block;
    font-size: 0.5em;
    margin: -1px 0 0 15px;
    padding: 0;
    font-family: arial;
    font-style: normal;
    letter-spacing: -1px;
}

.subline-welcome-smile {
    display: block;
    font-size: 0.5em;
    margin: -1px 0 0 7px;
    padding: 0 0 10px 30px;
    font-family: arial;
    font-style: normal;
    letter-spacing: -1px;
}

.subline {
    display: block;
    font-size: 0.5em;
    margin: 0 0 0 1px;
    padding: 0;
    font-family: arial;
}

/*sublines sidebar*/
#sidebar .subline {
    display: block;
    font-size: 0.55em;
    margin: -3px 0 15px 1px;
    padding: 0;
    font-family: arial;
    font-weight: normal;
    letter-spacing: 0;
}

/*sidebar*/
#sidebar {
    float: left;
    width: 271px;
}

.content-area-blog {
    width: 1000px;
    margin: 0 auto 25px auto;
}

.content-area-blog #mainarea {
    padding-right: 0;
    width: 600px;
}
.single_post_page .content-area-blog #mainarea {
    padding-right: 0;
    width: 1000px;
}
.single_portfolio_page .content-area-blog #mainarea {
    padding-right: 0;
    width: 1000px;
}

.sidebar-right {
    margin: -40px 0 0 19px;
}

.sidebar-left {
}

.mainarea-right {
    float: right;
}

.mainarea-left {
    float: left;
}

.blog-background-sidebar-left {
}

.blog-background-sidebar-right {
}

/* ==================== BLOG 4 =================== */
.mainarea-left .blogpost-blog4 {
    clear: both;
    margin: 0 0 30px 20px;
    padding: 0 0 10px 0;
    position: relative;
}

.mainarea-right .blogpost-blog4 {
    clear: both;
    margin: 0 35px 30px 0;
    padding: 0 0 10px 0;
    position: relative;
}

.blogpost-blog4 img {
    margin: 0 0 0 0;
}

.mainarea-left .blogpost-blog4 .post-content {
    width: 505px;
    margin: 0 0 0 0;
    position: relative;
    padding: 20px 0 0 87px;
}

.mainarea-right .blogpost-blog4 .post-content {
    width: 470px;
    margin: 0 0 0 0;
    position: relative;
    padding: 10px 0 0 18px;
}

.blogpost-blog4 .post-content {
    width: 470px;
    margin: 0 0 0 0;
    position: relative;
    padding: 20px 0 0 87px;
}

.singleblog {
    overflow: hidden;
}

.blogpost-blog4 .post-content h2 {
    padding-bottom: 10px;
}

.blogpost-blog4 .post-content ul.meta {
    margin: 0 10px 15px 0;
}

.blogpost-blog4 .post-content ul.meta li {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.3em;
    margin-right: 10px;
    padding-left: 12px;
    text-transform: uppercase;
}

.blogpost-blog4 .post-content ul.meta li:first-child {
    border: none;
    padding-left: 0;
}

.blogpost-blog4, .worksearch {
}

.blogpost-blog4 .post-content ul.meta li {
}

.blogpost-blog4  h2 a:link, .blogpost-blog4 h2 a:visited, .blogpost-blog4 h2 a:hover, .blogpost-blog4 h2 a:active, .blogpost-blog4 h2 a:focus {
    text-decoration: none;
}

.blogpost-blog4 a .button-clear {
    margin: 30px 0 0 0;
}

.blogpost-blog4 .blog-img-wrapper {
    text-align: center;
    display: block;
    width: 450px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blogpost-blog4 .blog-img-wrapper img {
    float: left;
}

.blogpost-blog4 .month {
    font-size: 0.9em;
    font-family: verdana;
    margin: 0;
    padding: 0;
}

.blogpost-blog4 .day {
    font-size: 1.6em;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    margin: -5px 0 0 0;
}

.blogpost-blog4 .year {
    font-size: 0.8em;
    font-family: Verdana;
    margin: -3px 0 0 0;
}

.mainarea-left .blogpost-blog4 .date-wrapper {
    padding: 5px 0 18px 0;
    width: 62px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 0;
    text-transform: uppercase;
}

.mainarea-right .blogpost-blog4 .date-wrapper {
    padding: 5px 0 18px 0;
    width: 62px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 0;
    text-transform: uppercase;
}

.mainarea-left .blogpost-blog4 .commentscount-blog {
    display: block;
    width: 62px;
    height: 55px;
    text-align: center;
    padding: 4px 0 0 0;
    font-size: 1.5em;
    line-height: 1.8em;
    position: absolute;
    top: 90px;
    left: 0;
}

.mainarea-right .blogpost-blog4 .commentscount-blog {
    display: block;
    width: 62px;
    height: 55px;
    text-align: center;
    padding: 4px 0 0 0;
    font-size: 1.5em;
    line-height: 1.8em;
    position: absolute;
    top: 90px;
    right: 0;
}

.blogpost-blog4 .commentscount-blog a:link, .blogpost-blog4 .commentscount-blog a:visited, .blogpost-blog4 .commentscount-blog a:hover, .blogpost-blog4 .commentscount-blog a:active, .blogpost-blog4 .commentscount-blog a:focus {
    text-decoration: none;
    letter-spacing: -2px;
}

/*single Blog post*/
.post-content-single img {
    margin: 0 0 40px 0;
}

.post-content-single {
    margin: 0 auto 0 auto;
    position: relative;
    left: 0;
    width: 1000px;
}

.post-content-single #post_content {
    float: left;
    width: 500px;
    margin-top: 30px;
    padding-left: 40px;
}





.blogpost-blog-single img {
    margin: 0 20px 0 0;
}

.blogpost-blog-single ul.meta {
    margin: 0 0 25px 0;
}

.blogpost-blog-single ul.meta li {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.3em;
    margin-right: 10px;
    padding-left: 12px;
    text-transform: uppercase;
}

.blogpost-blog-single ul.meta li:first-child {
    border: none;
    padding-left: 0;
}

/* Comments */
.mainarea-left #comments {
    clear: both;
    margin: 0 0 0 22px;
    padding: 0;
}

.mainarea-right #comments {
    clear: both;
    margin: 0 35px 0 0;
    background: #e5dec2;
    padding: 0;
}

.mainarea-left #comments h4, .mainarea-right #comments h4 {
    clear: both;
    margin: 0 0 15px 40px;
    font-size: 1.5em;
    padding: 20px 0 0 0;
    font-weight: bold;
}

.commentlist li {
    font-size: inherit;
}

.commentlist li .avatar {
    float: left;
    margin: 0 10px 0 0;
}

.commentlist cite {
    font-weight: bold;
    font-style: normal;
    font-size: 0.95em;
}

.commentlist p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 10px 5px 10px 0;
    text-transform: none;
}

.commentmetadata {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0;
}

.commentlist .reply {
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 0 20px 0;
}

.commentlist {
    margin: 0 0 0 0;
}

.commentlist li {
    margin: 0 20px 0 20px;
    padding: 20px 20px 0 20px;
    list-style: none;
}

.commentlist li ul li {
}

.comms-navigation, .navigation {
    clear: both;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
}

.children {
    padding: 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.reply {
}

.reply a:link, .reply a:visited, .reply a:hover, .reply a:active, .reply a:focus {
    cursor: pointer;
    display: block;
    width: 108px;
    height: 28px;
    text-transform: uppercase;
    font-size: 1.0em;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    line-height: 2.2em;
    margin: 20px 0 0 0;
}

/* Comment Form */
#comments form {
    padding: 20px 0 10px 35px;
}

#respond h4 {
    clear: both;
    margin: 0 0 0 40px;
}

form p {
    padding-bottom: 10px;
    margin: 5px 0;
}

form p label {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    width: 5em;
}

form p label[for="comment"] {
    vertical-align: top;
}

input, textarea {
    padding: 3px;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    overflow: auto;
}

input#submit {
    padding: 5px 3px;
    width: 108px;
    height: 30px;
    text-transform: uppercase;
    font-size: 0.7em;
    cursor: pointer;
}

.cancel-comment-reply {
    margin: 0 0 10px 40px;
}

/*Color Style comments*/
.commentlist li .avatar {
}

.commentlist cite a:link, .commentlist cite a:visited {
}

.commentlist .commentmetadata a:link:first-child, .commentlist .commentmetadata a:visited:first-child {
}

.thread-alt {
}

.thread-even {
}

.depth-1 {
}

.even, .alt {
}

input, textarea {
}

input:focus, textarea:focus {
}

/*#Pagination*/
#nav-num {
    position: relative;
    text-align: right;
    top: -7px;
}

.nav-position-right {
    right: 35px;
}

.nav-position-left {
    right: 0;
}

#nav-num a:link, #nav-num a:visited, #nav-num a:hover, #nav-num a:active, #nav-num a:focus {
    padding: 5px 10px 5px 10px;
    margin: 0 2px 0 2px;
    text-decoration: none;
}

#nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {
    padding: 5px 10px 5px 10px;
    margin: 0 2px 0 2px;
    text-decoration: none;
}

#nav-num.portfolio {
    position: relative;
    text-align: center;
    margin: 25px 0 0 0;
}

#nav-num a:link, #nav-num a:visited, #nav-num a:hover, #nav-num a:active, #nav-num a:focus {
    padding: 5px 10px 5px 10px;
    margin: 0 2px 0 2px;
    text-decoration: none;
}

#nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {
    padding: 5px 10px 5px 10px;
    margin: 0 2px 0 2px;
    text-decoration: none;
}

/* =============== SEARCH BOX (not the widget) ============== */
.mainarea-left #search-box {
    clear: both;
    margin: 0 0 20px 35px;
    padding-bottom: 40px;
    overflow: hidden;
    padding: 25px;
    position: relative;
}

.mainarea-right #search-box {
    clear: both;
    margin: 0 0 20px 0;
    padding-bottom: 40px;
    overflow: hidden;
    padding: 25px;
    position: relative;
}

.hidden {
    display: none;
}

#search-box  form #s {
    padding: 7px 29px 7px 35px;
    width: 350px;
    margin: 0 0 0 0;
}

#search-box  label {
    font-size: 0.9em;
    font-weight: bold;
    display: none;
}

#search-box  form #searchsubmit {
    float: right;
    display: block;
    width: 108px;
    height: 30px;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    line-height: 2.2em;
    margin: 4px 0 0 0;
}

/* ================== CONTACT ====================== */
.screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.thanks {
    border: 0 solid #b8b39e;
    padding: 10px 10px 10px 20px;
}

/*****Forms*****/
ol.forms {
    float: left;
    list-style: none;
    margin: 20px 0 0 0;
    width: 100%;
}

ol.forms li {
    clear: both;
    float: left;
    margin-bottom: 18px;
    position: relative;
    width: 100%;
}

ol.forms label {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 20px;
    width: 100px;
}

ol.forms input, ol.forms textarea {
    font: inherit;
    padding: 2px;
    width: 214px;
}

ol.forms textarea {
    height: 300px;
    width: 334px;
}

ol.forms input:focus, ol.forms textarea:focus {
}

.error {
}

ol.forms li .error {
    font-size: 12px;
    margin-left: 20px;
}

ol.forms li.textarea .error {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

ol.forms li.screenReader {
    margin-bottom: 0;
}

ol.forms li.buttons button {
    border: none;
    cursor: pointer;
    font: 16px / 16px "Avenir LT Std", Helvetica, Arial, sans-serif;
    overflow: hidden;
    padding: 6px 3px 3px 3px;
    text-transform: uppercase;
    width: auto;
    display: block;
    width: 108px;
    height: 28px;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0 0 0 0;
    text-align: center;
    text-decoration: none;
    line-height: 2.2em;
    margin: 10px 0 0 0;
}

ol.forms li.buttons button:hover {
}

ol.forms li.buttons button:active {
    left: -1px;
    position: relative;
    top: -1px;
}

ol.forms li.buttons, ol.forms li.inline {
    width: 460px;
    margin: 0 0 0 120px;
}

ol.forms li.inline input {
    width: auto;
}

ol.forms li.inline label {
    display: inline;
    float: none;
    width: auto;
}

/* Prettyphoto */
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

div.light_rounded .pp_top .pp_left {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}

/* Top left corner */
div.light_rounded .pp_top .pp_middle {
    background: #fff;
}

/* Top pattern/color */
div.light_rounded .pp_top .pp_right {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

div.light_rounded .pp_content .ppt {
    color: #000;
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff;
}

div.light_rounded .pp_content {
    background-color: #fff;
}

/* Content background */
div.light_rounded .pp_next:hover {
    background: url(styles/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

/* Next button */
div.light_rounded .pp_previous:hover {
    background: url(styles/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

/* Previous button */
div.light_rounded .pp_expand {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

/* Expand button */
div.light_rounded .pp_expand:hover {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

/* Expand button hover */
div.light_rounded .pp_contract {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

/* Contract button */
div.light_rounded .pp_contract:hover {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

/* Contract button hover */
div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

/* Close button */
div.light_rounded #pp_full_res .pp_inline {
    color: #000;
}

div.light_rounded .pp_arrow_previous {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}

/* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.light_rounded .pp_arrow_next {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}

/* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.light_rounded .pp_bottom .pp_left {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}

/* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {
    background: #fff;
}

/* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {
    background: url(styles/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

div.light_rounded .pp_loaderIcon {
    background: url(styles/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}

/* Loader icon */

/* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */

div.dark_rounded .pp_top .pp_left {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}

/* Top left corner */
div.dark_rounded .pp_top .pp_middle {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

/* Top pattern/color */
div.dark_rounded .pp_top .pp_right {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

div.dark_rounded .pp_content_container .pp_left {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

/* Left Content background */
div.dark_rounded .pp_content_container .pp_right {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

/* Right Content background */
div.dark_rounded .pp_content {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

/* Content background */
div.dark_rounded .pp_next:hover {
    background: url(styles/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

/* Next button */
div.dark_rounded .pp_previous:hover {
    background: url(styles/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

/* Previous button */
div.dark_rounded .pp_expand {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

/* Expand button */
div.dark_rounded .pp_expand:hover {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

/* Expand button hover */
div.dark_rounded .pp_contract {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

/* Contract button */
div.dark_rounded .pp_contract:hover {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

/* Contract button hover */
div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

/* Close button */
div.dark_rounded .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded .pp_description {
    /*color: #fff;*/
}

div.dark_rounded #pp_full_res .pp_inline {
    /*color: #fff;*/
}

div.dark_rounded .pp_arrow_previous {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}

/* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.dark_rounded .pp_arrow_next {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}

/* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}

/* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

/* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right {
    background: url(styles/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

div.dark_rounded .pp_loaderIcon {
    background: url(styles/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

/* Loader icon */

/* ----------------------------------
        Dark Square Theme
    ----------------------------------- */

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: url(styles/prettyPhoto/dark_square/contentPattern.png) top left repeat;
}

div.dark_square .currentTextHolder {
    color: #c4c4c4;
}

div.dark_square .pp_description {
    /*color: #fff;*/
}

div.dark_square .pp_loaderIcon {
    background: url(styles/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

/* Loader icon */

div.dark_square .pp_content_container .pp_left {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

/* Left Content background */
div.dark_square .pp_content_container .pp_right {
    background: url(styles/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

/* Right Content background */
div.dark_square .pp_expand {
    background: url(styles/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

/* Expand button */
div.dark_square .pp_expand:hover {
    background: url(styles/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

/* Expand button hover */
div.dark_square .pp_contract {
    background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

/* Contract button */
div.dark_square .pp_contract:hover {
    background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

/* Contract button hover */
div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(styles/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

/* Close button */
div.dark_square #pp_full_res .pp_inline {
    /*color: #fff;*/
}

div.dark_square .pp_arrow_previous {
    background: url(styles/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
    height: 100px;
    width: 100px;
}

/* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.dark_square .pp_arrow_next {
    background: url(styles/prettyPhoto/dark_square/sprite.png) -37px -71px no-repeat;
    height: 100px;
    width: 100px;
}

/* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.dark_square .pp_nav {
    margin: -2px 0 0 0;
}

div.dark_square	.pp_nav p {
    font-size: 20px;
    padding: 0 6px 0 6px;
    margin: -3px 0 0 0;
}

div.dark_square .pp_next:hover {
    background: url(styles/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

/* Next button */
div.dark_square .pp_previous:hover {
    background: url(styles/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

/* Previous button */

/* ----------------------------------
        Light Square Theme
    ----------------------------------- */

div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff;
}

div.light_square .pp_content .ppt {
    color: #000;
}

div.light_square .pp_expand {
    background: url(styles/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

/* Expand button */
div.light_square .pp_expand:hover {
    background: url(styles/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

/* Expand button hover */
div.light_square .pp_contract {
    background: url(styles/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

/* Contract button */
div.light_square .pp_contract:hover {
    background: url(styles/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

/* Contract button hover */
div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(styles/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

/* Close button */
div.light_square #pp_full_res .pp_inline {
    color: #000;
}

div.light_square .pp_arrow_previous {
    background: url(styles/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}

/* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.light_square .pp_arrow_next {
    background: url(styles/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}

/* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.light_square .pp_next:hover {
    background: url(styles/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

/* Next button */
div.light_square .pp_previous:hover {
    background: url(styles/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

/* Previous button */

/* ----------------------------------
        Facebook style Theme
    ----------------------------------- */

div.facebook .pp_top .pp_left {
    background: url(styles/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}

/* Top left corner */
div.facebook .pp_top .pp_middle {
    background: url(styles/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}

/* Top pattern/color */
div.facebook .pp_top .pp_right {
    background: url(styles/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

div.facebook .pp_content .ppt {
    color: #000;
}

div.facebook .pp_content_container .pp_left {
    background: url(styles/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}

/* Content background */
div.facebook .pp_content_container .pp_right {
    background: url(styles/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}

/* Content background */
div.facebook .pp_content {
    background: #fff;
}

/* Content background */
div.facebook .pp_expand {
    background: url(styles/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

/* Expand button */
div.facebook .pp_expand:hover {
    background: url(styles/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

/* Expand button hover */
div.facebook .pp_contract {
    background: url(styles/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

/* Contract button */
div.facebook .pp_contract:hover {
    background: url(styles/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

/* Contract button hover */
div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(styles/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

/* Close button */
div.facebook #pp_full_res .pp_inline {
    color: #000;
}

div.facebook .pp_loaderIcon {
    background: url(styles/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

/* Loader icon */

div.facebook .pp_nav .pp_arrow_previous {
    background: url(styles/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

/* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default;
}

div.facebook .pp_nav .pp_arrow_next {
    background: url(styles/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

/* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default;
}

div.facebook .pp_nav {
    margin-top: 0;
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px;
}

div.facebook .pp_next:hover {
    background: url(styles/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}

/* Next button */
div.facebook .pp_previous:hover {
    background: url(styles/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

/* Previous button */

div.facebook .pp_bottom .pp_left {
    background: url(styles/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}

/* Bottom left corner */
div.facebook .pp_bottom .pp_middle {
    background: url(styles/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}

/* Bottom pattern/color */
div.facebook .pp_bottom .pp_right {
    background: url(styles/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

/* ------------------------------------------------------------------------
   DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_top {
    height: 20px;
    position: relative;
}

* html .pp_top {
    padding: 0 20px;
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_content {
    height: 40px;
}

.pp_content .ppt {
    left: auto;
    margin-bottom: 5px;
    position: relative;
    top: auto;
}

.pp_fade {
    display: none;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}

.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    margin: 10px 0 2px 0;
}

.pp_description {
    display: none;
    margin: 0 0 5px 0;
}

.pp_nav {
    clear: left;
    float: left;
    margin: 3px 0 0 0;
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
}

.pp_nav a.pp_arrow_previous,
.pp_nav a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

a.pp_next {
    background: url(styles/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(styles/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    display: block;
    float: right;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_bottom {
    padding: 0 20px;
}

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px 0;
}

div.ppt {
    /*color: #fff;*/
    display: none;
    font-size: 17px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9999;
}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


.required_field {
    font-size: 9px;   
}

/* End hide from IE-mac */

/* =============  PERSO  ==================*/

.content_left {
    float: left;
    width: 2%;
    height: 30px;
}
.content_left img {
    float: left;
    width: 30px;
    height: 30px;
}

.content_middle {
    float: left;
    width: 96%;
}

.content_right {
    float: right;
    width: 2%;
    height: 30px;
}
.content_right img {
    float: right;
    width: 30px;
    height: 30px;
}