/*
Theme Name: SandraFidalgo
Theme URI: http://sergiovieira.com
Author: Sérgio Vieira - @sergiovieiraweb
Author URI: http://sergiovieira.com
Description: Theme for Sandra Fidalgo - Singer
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
/* HTML5 display-role reset for older browsers */
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;
}
/*
generic classes
*/
.top{margin-top:0 !important;padding-top:0 !important;line-height:1 !important;}
.space{padding-top:30px;}
.left{float:left;margin-right:30px;}
.right{float:right;margin-left:30px;}
.center{margin:0 auto;}
.hidden{display:none;}
/* For modern browsers */
.cf:before,.cf:after {content:"";display:table;}
    .cf:after {clear:both;}/* For IE 6/7 (trigger hasLayout) */
    .cf {zoom:1;}
ul.hor{list-style:none;}
    ul.hor li{float:left;}
.hor ul{list-style:none;}
    .hor li{float:left;}
/*
colors
*/
.dark-gray{color:rgb(30,35,37) !important;}
/**/
.cyan{color:rgb(0,189,255) !important;}
.yellow{color:rgb(255,190,0) !important;}
.dark-gray{color:rgb(32,38,42) !important;}
.orange{color:rgb(255,102,0) !important;}
/*
typography
*/
/* @license
 * MyFonts Webfont Build ID 2103722, 2012-02-17T11:08:15-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Sans 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * Licensed pageviews: unlimited
 * 
 * Webfont: Museo Sans 500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2103722
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * © 2012 Bitstream Inc
*/
@font-face {font-family: 'MuseoSans-500';src: url('fonts/museo/2019AA_0_0.eot');src: url('fonts/museo/2019AA_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/museo/2019AA_0_0.woff') format('woff'),url('fonts/museo/2019AA_0_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSans-500Italic';src: url('fonts/museo/2019AA_1_0.eot');src: url('fonts/museo/2019AA_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/museo/2019AA_1_0.woff') format('woff'),url('fonts/museo/2019AA_1_0.ttf') format('truetype');}
body{
    font:90%/1.5 'MuseoSans-500', 'Helvetica Neue', Helvetica, Arial, serif;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
    background:rgb(255,170,0);
    background:#111;
    background:transparent url('images/dvsup.png') repeat 0% 0%;
    color:rgb(245,245,245);
}
h1{
    font-size:200%;
    font-weight:normal;
    line-height:1.2;
    text-transform:uppercase;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
    margin: 15px 0 0 0;
    }
    h1 a{
        text-decoration:none !important;
        font-weight:normal !important;
        text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
    }
    article h1{
        font-size:150%;
    }
    article article h1{
        font-size:100%;
    }
h2{
    font-size:120%;
    font-weight:normal;
    line-height:1.2;
    text-transform:uppercase;
    margin: 15px 0 0 0;
    }
    h2 a{
        text-decoration:none;
    }
    article h2{
        font-size:100%;
    }
p, ul, ol, dl {
    margin: 15px 0 0 0;
}
p{
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
}
a{
    font-weight:normal;
    text-decoration:none;
    color:rgb(205,205,205);
    text-shadow:none;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
    }
    a:hover,
    a:active,
    a:focus{
        text-decoration:underline;
        color:rgb(255,255,255);
    }
strong{
    font-weight:normal;
}
small{
    font-size:75%;
    color:rgb(225,225,225);
}
address{
    margin:30px 0;
    }
    address p{
        margin:0;
    }
ol{
    font-size:75%;
    color:rgb(225,225,225);
    list-style:decimal inside;
}
/*
redefine grid
*/
.row {
max-width: 980px;
}
/*
structure
*/
.flow{
    padding-top:90px;/*margin for page & WP adminbar*/
    margin-bottom:40px;
    padding-bottom:90px;
    }
    #home-section.flow{
        padding-top:0;
    }
    .flow h1{
        margin-bottom:0;
    }
    .flow h2{
        margin-top:0;
    }
.callout{
    margin-top:15px;
    overflow:hidden;
    }
    .callout h1{
        font-size:130%;
        margin-top:0;
        margin-bottom:0px;
        }
        .callout h1 a:hover{
            text-decoration:none;
        }
    .callout p{
        font-size:90%;
        line-height:1.5;
        margin-top:1em;
        }
.box article{margin-bottom:30px;}
/*#page-wrap { width: 500px; margin: 60px auto; }*/

/*start*/
#start-container{
    background:#fff;
    min-height:80%;
    padding-bottom:60px;
    min-height:760px;
    }
#start{
    position:relative;
    color:#333;
    text-shadow:none;
    padding-top:30px;
    }
    #start .title{
        }
    #start-image{
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        -webkit-box-shadow:  0px 3px 6px -2px rgba(0, 0, 0, 0.6), inset 0px -1px 0px rgba(255, 255, 255, 0.8);
           -moz-box-shadow:  0px 3px 6px -2px rgba(0, 0, 0, 0.6), inset 0px -1px 0px rgba(255, 255, 255, 0.8);
                box-shadow:  0px 3px 6px -2px rgba(0, 0, 0, 0.6), inset 0px -1px 0px rgba(255, 255, 255, 0.8);
        }
    #start p{
        font-size:90%;
        text-shadow:none;
        text-align:center;
    }
    #start .links li{
        }
        #start .links li a{
            }
        #start .links li a:hover,
        #start .links li a:active,
        #start .links li a:focus{
        
            }
    #main-menu{
        text-align:center;
        margin:0 auto 30px;
        }
        #main-menu.not-fixed{

            }
        #main-menu li{
            display:inline;
            
            }
            #main-menu li a{
                font-size:85%;
                text-transform: uppercase;
                text-shadow:none;
                margin: 150px 30px 0 0;
                padding: 3px 11px;
                color: #111;
                -webkit-transition: all 200ms ease-in-out;
                   -moz-transition: all 200ms ease-in-out;
                    -ms-transition: all 200ms ease-in-out;
                     -o-transition: all 200ms ease-in-out;
                        transition: all 200ms ease-in-out;
                }
                #main-menu li a:hover,
                #main-menu li a:active,
                #main-menu li a:focus{
                    text-decoration:none;
                    background-color:rgb(30,35,37);
                    color:#fff;
                    padding:3px 11px;
                    -webkit-border-radius: 3px;
                       -moz-border-radius: 3px;
                            border-radius: 3px;
                    -webkit-box-shadow:  0px 1px 2px  rgba(0, 0, 0, 0.3);
                       -moz-box-shadow:  0px 1px 2px  rgba(0, 0, 0, 0.3);
                            box-shadow:  0px 1px 2px  rgba(0, 0, 0, 0.3);
                
                    }
    #main-menu.not-fixed{}
    #main-menu.fixed {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        background-color:#fff;
        background:rgba(255,255,255,0.9);
        padding:30px 0 10px;
        -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.1);
           -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.1);
                box-shadow: 0 2px 1px rgba(0,0,0,0.1);
        }
        .main-menu #menu-main {
            margin: 0 auto;
            }
            .fixed #menu-main li a{
                font-size:85%;
                text-transform: uppercase;
                text-shadow:none;
                margin: 150px 30px 0 0;
                padding: 3px 11px;
                color: #111;
                -webkit-transition: all 200ms ease-in-out;
                   -moz-transition: all 200ms ease-in-out;
                    -ms-transition: all 200ms ease-in-out;
                     -o-transition: all 200ms ease-in-out;
                        transition: all 200ms ease-in-out;
                }
                .fixed #menu-main li a:hover,
                .fixed #menu-main li a:active,
                .fixed #menu-main li a:focus{
                    text-decoration:none;
                    background-color:transparent;
                    color:#111;
                    -webkit-box-shadow: none;
                       -moz-box-shadow: none;
                            box-shadow: none;
                    }
/*
header
*/
header hgroup{position:relative;}
#site-title a{
    width:100%;
    height:100px;
    display:block;
    font-size:1em;
    font-weight:normal;
    text-indent:-100%;
    background:transparent url(images/sandra-fidalgo-title.png) no-repeat 50% 0%;
    margin:0 0 15px;
    overflow:hidden;
}
#site-description{
    display:none;
    font-size:1em;
    font-weight:normal;
    margin:0 0 1em;
}
.language-select{
    position:absolute;
    top:30px;right:0;
    }
    .language-select ul{margin:0;}
    .language-select li{list-style:none;float:left;margin:0 5px;}
    .language-select a{
        font-size:80%;
        color:#333;
        padding:2px 5px;
        -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
                border-radius: 3px;
        text-shadow:none;
        }
        .language-select a:hover,.language-select a:active, .language-select .active a{
            background:#333;
            color:#fff;
            text-decoration:none;
        }
    #feature-box{
        width:100%;
    }
/*
main
*/
a.back-to-top{
    margin-right:3px !important;
    padding:60px 0;
    float:left;
    clear:both;
    }
.shifted-right{
    position:relative;
    float:right;
    margin-right:-190px;
    margin-left: 3.8%;
    -webkit-box-shadow:
        0px 15px 25px -20px rgba(0, 0, 0, 0.5),
            0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        
        -moz-box-shadow:
            0px 15px 25px -20px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            box-shadow:
                0px 15px 25px -20px rgba(0, 0, 0, 0.5)
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
}
/*testimonials*/
.testmonial-link{
    font-size:120%;
}
#testimonials-section{}
    #testimonials-section .row{padding:60px 0 60px;}
    .testimonial-image {
        position:relative;
        -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
                border-radius: 3px;
        overflow:hidden;
        }
        .testimonial-image a:hover{
            text-decoration:none;
            color:rgb(56,61,66)
            }
        .testimonial-image a img.after-photo{
            -webkit-box-shadow:
                0px 15px 25px -18px rgba(0, 0, 0, 0.5),
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
                
                -moz-box-shadow:
                    0px 15px 25px -18px rgba(0, 0, 0, 0.5),
                        0px 1px 3px 0px rgba(0, 0, 0, 0.3);
                    
                    box-shadow:
                        0px 15px 25px -18px rgba(0, 0, 0, 0.5)
                            0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        }
        .testimonial-image a{
            -webkit-transition: all 2000ms ease-in-out;
                -moz-transition: all 2000ms ease-in-out;
                    -ms-transition: all 2000ms ease-in-out;
                        -o-transition: all 2000ms ease-in-out;
                            transition: all 3000ms ease-in-out;
            }
            .testimonial-image a .after-hover{
                position:absolute;
                width:100%;
                height:15%;
                bottom:6px;
                left:0;
                text-align:center;
                font-size:90%;
                background:rgba(255,255,255,0.7);
                }
                .testimonial-image a .after-hover span{
                    display:block;
                    text-align:center;
                    margin:15px 30px;
                    color:rgb(56,61,66);
                    text-transform:uppercase;
                    }
            .testimonial-image a:hover img.hidden-photo{
                display:block !important;
                position:absolute;
                top:0;
                left:0px;
                }
    #testimonials-section article.left-aligned{overflow:hidden;}
    #testimonials-section article.right-aligned{text-align:right;}
        #testimonials-section article.right-aligned .testimonial-image {
            float:right;
            margin-right: 0;
            margin-left: 3.8%;
                }
    #testimonials-section blockquote{margin-top:30px;}
    #testimonials-section img{
        -webkit-box-shadow:
            0px 15px 25px -18px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            -moz-box-shadow:
                0px 15px 25px -18px rgba(0, 0, 0, 0.5),
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
                
                box-shadow:
                    0px 15px 25px -18px rgba(0, 0, 0, 0.5)
                        0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
                border-radius: 3px;
        }
        #testimonials-section article h1{
            text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
        }
        #testimonials-section article h2{
            text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
        }
/*
single testimonials
*/
#single-testimonial{}
    #single-testimonial .row{padding:0;}
    #single-testimonial blockquote{margin-top:30px}
    #single-testimonial img{
        -webkit-box-shadow:
            0px 15px 25px -20px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            -moz-box-shadow:
                0px 15px 25px -20px rgba(0, 0, 0, 0.5),
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
                
                box-shadow:
                    0px 15px 25px -20px rgba(0, 0, 0, 0.5)
                        0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
                border-radius: 3px;
        }
        #single-testimonial article h1{
            text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
        }
        #single-testimonial article h2{
            text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
        }
.slider-wrapper,
.nivoslider,
.nivoslider img{
    max-width: 100% !important; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.nivoslider img{
    display:none;
}

/*
press
*/
#press-section{}
    #press-section .row{padding:15px 0 30px;}
    #press-sectionarticle.left-aligned{overflow:hidden;}
    #press-sectionarticle.right-aligned{text-align:right;}
        article.right-aligned .press-image {background:#fff;float:right;margin-right: 0;margin-left: 3.8%;}
    #press-section blockquote{margin-top:30px;}
    #press-section img{
        -webkit-box-shadow:
            0px 15px 25px -15px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            -moz-box-shadow:
                0px 15px 25px -15px rgba(0, 0, 0, 0.5),
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
                
                box-shadow:
                    0px 15px 25px -15px rgba(0, 0, 0, 0.5)
                        0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
                border-radius: 3px;
        }
    #press-section article h1{
        font-size:100%;
        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
        margin-top:10px;
    }
    #press-section article h2{
        text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    }
/*
.flip_card{}
.flip_card img{
    -webkit-box-shadow:
        0px 15px 25px -20px rgba(0, 0, 0, 0.5),
            0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        
        -moz-box-shadow:
            0px 15px 25px -20px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            box-shadow:
                0px 15px 25px -20px rgba(0, 0, 0, 0.5)
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    }

    .flip_card img:hover{
    }
*/
aside h1{font-size:140%;margin-top:10px;}
aside h2{font-size:110%;}
blockquote{font:400 90%/1.4 'MuseoSans-500Italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
p.large-quote{width:100%;position:relative;margin-left:-150px;font:800 200%/1.2 'MuseoSans-500', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#fff;padding:30px 0;text-shadow:none;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
    }
/* =Structure
-------------------------------------------------------------- */
#page {
    display: block;
}
#main .widget-area {
    float: right;
    overflow: hidden;
    width: 220px;
}
#colophon {
    clear: both;
    display: block;
    width: 100%;
}
#colophon{margin-bottom:60px;}
/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
    margin: 0;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--*/
section{display:block;margin:0;}
/* =Header
-------------------------------------------------------------- */

/* =Menu
-------------------------------------------------------------- */
#access {
    background: #eee;
    display: block;
    float: left;
    margin: 0 auto 1em;
    width: 100%;
}
#access ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
#access li {
    float: left;
    position: relative;
}
#access a {
    display: block;
    line-height: 2em;
    padding: 0 1em;
    text-decoration: none;
}
#access ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
            box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #dedede;
    line-height: 1em;
    padding: .5em .5em .5em 1em;
    width: 10em;
    height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background: #dedede;
}
#access ul ul a:hover {
    background: #cecece;
}
#access ul li:hover > ul {
    display: block;
}
/* =Content
-------------------------------------------------------------- */
.sticky {}
.entry-meta {
    clear: both;
    display: block;
}
.single-author .entry-meta .byline {
    display: none;
}
#content nav {
    display: block;
    overflow: hidden;
}
#content nav .nav-previous {
    float: left;
    width: 50%;
}
#content nav .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#content #nav-above {
    display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
    display: block;
}
#nav-below {
    margin: 1em 0 0;
}
.page-link {
    clear: both;
    margin: 0 0 1em;
}
.page .edit-link {
    clear: both;
    display: block;
}
/* 404 page */
.error404 .widget {
    float: left;
    width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
    margin-right: 1em;
}
.error404 .widget_tag_cloud {
    clear: both;
    float: none;
    width: 100%;
}
/* Notices */
.post .notice,
.error404 #searchform {
    background: #eee;
    display: block;
    padding: 1em;
}
/* Image Attachments */
.image-attachment div.entry-meta {
    float: left;
}
.image-attachment nav {
    float: right;
    margin: 0 0 1em 0;
}
.image-attachment .entry-content {
    clear: both;
}
.image-attachment .entry-content .entry-attachment {
    background: #eee;
    margin: 0 0 1em;
    padding: 1em;
    text-align: center;
}
.image-attachment .entry-content .attachment {
    display: block;
    margin: 0 auto;
    text-align: center;
}
/* Aside Posts */
.format-aside .entry-header {
    display: none;
}
.single .format-aside .entry-header {
    display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
    padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
    padding-top: 0;
}
/* Gallery Posts */
.format-gallery .gallery-thumb {
    float: left;
    margin: 0 1em 0 0;
}
/* Image Posts */
.format-image .entry-header {
    display: none;
}
.single .format-image .entry-header {
    display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
    padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
    padding-top: 0;
}
/* =Images
-------------------------------------------------------------- */
a img {
    border: none;
}
p img {
    margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
    margin-right: 1em;
}
img.alignright {
    margin-left: 1em;
}
.wp-caption {
    padding: .5em;
    text-align: center;
}
.wp-caption img {
    margin: .25em;
}
.wp-caption .wp-caption-text {
    margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
    margin: 0;
}
/* =Forms
-------------------------------------------------------------- */

#searchform label {
    display: none;
}
#searchform input#s {
    width: 60%;
}
input[type=text],
input#s {
    margin: 0 1em 0 0;
    width: 60%;
}
textarea {
    width: 80%;
}

/* Class for labelling required form items */
.required {
    color: #cc0033;
}
/* =Comments
-------------------------------------------------------------- */

article.comment {
    display: block;
}
#respond input[type=text] {
    display: block;
    width: 60%;
}
#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 80%;
}
#respond .form-allowed-tags {
    clear: both;
    width: 80%;
}
#respond .form-allowed-tags code {
    display: block;
}
/* =Widgets
-------------------------------------------------------------- */

.widget {
    display: block;
}
.widget-area .widget_search {
    overflow: hidden;
}
.widget-area .widget_search input {
    float: left;
}
/* =Footer
-------------------------------------------------------------- */

#colophon {
    padding: 1em 0 0;
}
/* Basic form styles
----------------------------------------------------------
@package:   atatonic CSS framework 2009 
@Author:    Tim Benniks <tim@timbenniks.com>
@Created:   05-02-2009
@Changed:   21-05-2009
---------------------------------------------------------- */

fieldset { 
    margin: 0 0 22.5px 0; 
    padding: 0;
}
legend { 
    font-size: 18px;
    line-height: 18px;
    padding: 0;
}
label { 
    float: left; 
    display: block; 
    margin: 0 12px 0 0; 
    text-align: left;  
    cursor: pointer;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}
.form-item { 
    margin: 0 0 11px 0;
}
textarea,
input[type="text"]{ 
    padding: 4px;
    font:normal 14px/22px "MuseoSans-500", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color:rgb(32,38,42);
    background-color:rgb(245,245,245);
    border:none;

    -moz-border-radius: 3px;
        -khtml-border-radius:3px;
            -webkit-border-radius: 3px;
                -o-border-radius:3px;
                    -ie-border-radius:3px;
                        border-radius:3px;

    -webkit-transition:all 300ms ease-in-out;  
        -moz-transition:all 300ms ease-in-out;  
            -o-transition:all 300ms ease-in-out;
                -ie-transition:all 300ms ease-in-out; 
                    transition:all 300ms ease-in-out;
}
textarea {

    font:normal 14px/22px "MuseoSans-500", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    -moz-border-radius: 3px;
    -khtml-border-radius:3px;
    -webkit-border-radius: 3px;

    -webkit-transition:all 300ms ease-in-out;  
    -moz-transition:all 300ms ease-in-out;  
    -o-transition:all 300ms ease-in-out;
    -ie-transition:all 300ms ease-in-out; 
    transition:all 300ms ease-in-out;
}
textarea:hover,
textarea:focus,
input:hover,
input:focus { 
    background-color:rgb(255,255,255);
    border:none;

    -moz-box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.2);
            -ie-box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.2);
                -o-box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.2);
                    box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.2);

    -webkit-transition:all 300ms ease-in-out;  
        -moz-transition:all 300ms ease-in-out;  
            -o-transition:all 300ms ease-in-out;
                -ie-transition:all 300ms ease-in-out; 
                    transition:all 300ms ease-in-out;
}
input.form-field-error,
textarea.form-field-error {
    border-style: solid;
    border-color: #FBC2C4 #FBC2C4 #ee9b9e #FBC2C4;
    border-width: 1px 1px 2px 1px;
    background: #FBE3E4;
    color: #8A1F11;
}
input.form-field-notice,
textarea.form-field-notice {
    border-style: solid;
    border-color: #FFD324 #FFD324 #e3bb1b #FFD324;
    border-width: 1px 1px 2px 1px;
    background: #FFF6BF;
    color: #514721;
}
select {  
    border: 1px solid #ccc;
    background: #f9f9f9; 
    color: #333; 
}
input[type="checkbox"],
input[type="radio"] { 
    margin: 3px 4px 0 0;
}
input[type="checkbox"] { 
    color: #000; 
}
input[type="radio"] {  
    background-color: #fff; 
    color: #000;
}
option {    
    background: #fff; 
    color: #000; 
}
optgroup { 
    background: #f2f2f2; 
    color: #111; 
}
/*  Buttons
-------------------------------------------------------------- */
a.button,
button,
input[type=submit]{
    display: block;
    float: left;
    margin:0 0 15px;
    padding:3px 17px;
    border:none;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    font-size:13px !important;
    line-height:1.5;
    text-decoration: none;
    font-weight: normal !important;
    color:rgb(30,35,37);
    cursor: pointer;
    white-space: nowrap;
    vertical-align: baseline;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d3d4d2 81%, #c4c4c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(81%,#d3d4d2), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d4d2 81%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#d3d4d2 81%,#c4c4c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#d3d4d2 81%,#c4c4c4 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#d3d4d2 81%,#c4c4c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.9);
            box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.9);
    text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
}

button,
input[type=submit]  {
    width: auto;
    overflow: visible;
    padding: 3px 15px;   /* IE6 */ 
}
a.button,
input[type=submit]  {
    line-height: 20px;
}

button[type],
input[type=submit] {
    padding: 3px 15px;  /* Firefox */
    line-height: 20px;  /* Safari */
}
a.button:hover,
button:hover,
input[type=submit]:hover {
    text-decoration: none;
    color:rgb(0,189,255);
}
a.button:active,
button:active,
input[type=submit]:active {
    background: #ffffff; /* Old browsers */
    color:rgb(0,189,255);
    background: -moz-linear-gradient(bottom,  #ffffff 0%, #d3d4d2 91%, #c4c4c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ffffff), color-stop(91%,#d3d4d2), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  #ffffff 0%,#d3d4d2 91%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  #ffffff 0%,#d3d4d2 91%,#c4c4c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  #ffffff 0%,#d3d4d2 91%,#c4c4c4 100%); /* IE10+ */
    background: linear-gradient(bottom,  #ffffff 0%,#d3d4d2 91%,#c4c4c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:
        inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8),
        0px 1px 0px 0px rgba(255, 255, 255, 0.5);

        -moz-box-shadow:
            inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8),
            0px 1px 0px 0px rgba(255, 255, 255, 0.5);

            box-shadow:
            inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8),
            0px 1px 0px 0px rgba(255, 255, 255, 0.5);

    text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
}
a.reset-button{
    background:rgb(220,225,235);
    color:#fff;
    margin-left:15px;
    }
    a.reset-button:hover{
    background:rgb(220,225,235);
    color:rgb(32,38,42);
    }
/* notices
-------------------------------------------------------------- */
.notification {
    margin: 0 0 17px 0; 
    padding: 0 4px;
    font-size: 11px;
    line-height: 18px;
}
.notice {
    background: #FFF6BF; 
    color: #514721; 
    border-bottom: 1px solid #FFD324;
}
.error {
    background: #FBE3E4; 
    color: #8a1f11; 
    border-bottom: 1px solid #FBC2C4;
}
.success {
    background: #E6EFC2; 
    color: #264409; 
    border-bottom: 1px solid #C6D880;   
}
/*
libraries reset
*/
/*
1140 gs - push columns in 1140gs
*/
.row .oneright {
margin-left: 8.65%;
}
.row .tworight {
margin-left: 17.25%;
}
.row .threeright {
margin-left: 25.85%;
}
.row .fourright {
margin-left: 34.555%;
}
.row .fiveright {
margin-left: 43.25%;
}
.row .sixright {
margin-left: 51.8%;
}
.row .sevenright {
margin-left: 60.55%;
}
.row .eightright {
margin-left: 69.2%;
}
.row .nineright {
margin-left: 77.85%;
}
.row .tenright {
margin-left: 86.5%;
}
.row .elevenright {
margin-left: 95.15%;
}
/*
clean contact - form
*/
.CleanContact { text-align: left; width: 100%; display: block; border:0;margin-top:22.5px;}
/*.CleanContact input[type="submit"] {background:rgb(56,61,66);color:#fff;margin:0;padding:5px 15px;box-shadow:none;}
    .CleanContact input[type="submit"]:hover {background:rgb(0,189,255);color:#fff;}*/
.CleanContact input[type="text"] { background:#ddd;width: 98%; margin-bottom: 22.5px; }
.CleanContact input[type="submit"] {
    padding:5px 35px;
    border:1px solid #ccc;
        }
.CleanContact label { clear: none; display: inline; text-align: left;margin-bottom: 5px; }
.CleanContact textarea{background:#ddd;width: 98%; height: 12em; margin-bottom: 22.5px;}
.CleanContact label em {color: red; padding-left:2px;}
.CleanContact_msg { padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}
form#clean_contact{
    background:#fff;
    margin:30px 0;
    padding:15px 30px;
    -webkit-border-radius:3px;
        -moz-border-radius:3px;
            border-radius:3px;
    -webkit-box-shadow:
        0px 15px 25px -15px rgba(0, 0, 0, 0.5),
            0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        
        -moz-box-shadow:
            0px 15px 25px -15px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            box-shadow:
                0px 15px 25px -15px rgba(0, 0, 0, 0.5)
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
    }
    article.right-aligned a.button{
         float:right !important;
        }
    article.left-aligned a.button{
        float:left !important;
        }
/*
iframe
*/
iframe{
    max-width:100%;
    margin:15px auto;
    -webkit-box-shadow:
        0px 15px 25px -15px rgba(0, 0, 0, 0.9),
            0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        
        -moz-box-shadow:
            0px 15px 25px -15px rgba(0, 0, 0, 0.9),
                0px 1px 3px 0px rgba(0, 0, 0, 0.6);
            
            box-shadow:
                0px 15px 25px -15px rgba(0, 0, 0, 0.9)
                    0px 1px 3px 0px rgba(0, 0, 0, 0.6);
/*
jp video
*/
.jp-video{
    max-width:100%;
    padding:15px auto;
    -webkit-border-radius:3px;
        -moz-border-radius:3px;
            border-radius:3px;
    -webkit-box-shadow:
        0px 15px 25px -15px rgba(0, 0, 0, 0.5),
            0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        
        -moz-box-shadow:
            0px 15px 25px -15px rgba(0, 0, 0, 0.5),
                0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            
            box-shadow:
                0px 15px 25px -15px rgba(0, 0, 0, 0.5)
                    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    }
.jp-jplayer{max-width:100%;}
video{max-width:100%;}
.jp-video-768p {
    width:768px;
    max-width:100%;
}
.jp-video-512p {
    width:512px;
    max-width:100%;
}
div.jp-controls-holder {
    clear: both;
    width:768px;
    margin: 0;
    
    position: relative;
    overflow:hidden;
}
/*http://webdesign.tutsplus.com/tutorials/site-elements/skin-orman-clarks-video-interface-using-jplayer-and-css/*/
.jp-video-full {
width: 100%;
height: 100%;
}
.jp-volume-bar{
padding: 0 3px;
}
.jp-volume-bar-value{
padding: 0 3px; width: 68px;
}