/*

Theme Name: Mladá scéna
Theme URI: http://www.melnikoff.org
Description: Vzhled pro přehlídku Mladá scéna
Version: 1.0
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: Jiří Melnikov
Author URI: http://www.melnikoff.org

*/

/* reset CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    background: #fff;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* body
--------------------------------------------------*/
body {
    font:62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
    color:#333;
    margin:0;
    padding:0;
    background-color: #fde383;
}

* {
    margin:0;
    padding:0;
}

code {
    font:120% "Courier New", "Lucida Console", Arial;
}

/* wrapper
--------------------------------------------------*/
#wrapper {
    width:1015px;
    margin:0 auto;

    background-image:url('images/background.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* header
--------------------------------------------------*/
#header {
    width: 100%;
}

#header .description {
    float:right;
    color:#333;
    margin:15px 15px 0;
}

#header h1 {
    position: relative;
    display: block;
    height: 230px;
    font:4em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#333;
    left: 400px;
    top: 80px;
}

#header h1 a {

}

/* menu
-------------------------------------------------------------- */
#access {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.2);
    /*background: #ffffff;
    background: -moz-linear-gradient(#ffffff, #e5e5e5);
    background: -o-linear-gradient(#ffffff, #e5e5e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5));
    background: -webkit-linear-gradient(#ffffff, #e5e5e5);*/
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 5px;
    clear: both;
    display: block;
    float: left;
    margin: 0px 0px 0px 28px;
    width: 959px;
}
#access ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 0em;
    padding-left: 0;
}
#access li {
    float: left;
    position: relative;
}
#access a {
    color: #373737;
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
    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;
    margin: 0;
    position: absolute;
    top: 3.333em;
    left: 0;
    width: 188px;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    color: #444;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
    background: #d6d3d3;
}
#access li:hover > a,
#access a:focus {
    background: #d6d3d3; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#d6d3d3, #666666);
    background: -o-linear-gradient(#d6d3d3, #666666);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d3d3), to(#666666)); /* Older webkit syntax */
    background: -webkit-linear-gradient(#d6d3d3, #666666);
    color: #373737;
}
#access ul li:hover > ul {
    display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
    font-weight: bold;
}

/* content
--------------------------------------------------*/
#content {
    margin:60px 280px 50px 28px !important;
    padding:20px 20px 20px 20px;
    -webkit-border-top-left-radius: 30px 40px;
    -webkit-border-top-right-radius: 30px 40px;
    -webkit-border-bottom-right-radius: 30px 40px;
    -webkit-border-bottom-left-radius: 30px 40px;
    -moz-border-radius-topleft: 30px 40px;
    -moz-border-radius-topright: 30px 40px;
    -moz-border-radius-bottomright: 30px 40px;
    -moz-border-radius-bottomleft: 30px 40px;
    border-top-left-radius: 30px 40px;
    border-top-right-radius: 30px 40px;
    border-bottom-right-radius: 30px 40px;
    border-bottom-left-radius: 30px 40px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.4);
}
/*#content {
    margin:43px 280px 50px 50px !important;
    padding:20px 20px 20px 20px;
    -webkit-border-bottom-right-radius: 30px 40px;
    -webkit-border-bottom-left-radius: 30px 40px;
    -moz-border-radius-bottomright: 30px 40px;
    -moz-border-radius-bottomleft: 30px 40px;
    border-bottom-right-radius: 30px 40px;
    border-bottom-left-radius: 30px 40px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
}*/


#content2 {
    margin:0 !important;
    padding:10px 0 0px;
}

#content p,#content2 p {
    line-height:25px;
    font-size:120%;
    word-spacing:1px;
    margin:25px 0;
}

#content p.contact {
    background: #ffffff;
    width: 400px;
    padding: 7px;
}

#content p.contact img {
    margin-right: 10px;
}

#content a,#content2 a {
    text-decoration:none;
    color:#999;
}

#content a:hover,#content2 a:hover {
    background-color:#EFF8FB;
    color:#000;
}

#content h2,#content2 h2 {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    font-size:2.8em;
    font-weight:400;
    color:#999;
    /*border-bottom:1px solid #EFF8FB;*/
    line-height:30px;
    margin:15px 0;
    padding:5px 0;
}

#content h2 a,#content2 h2 a {
    text-decoration:none;
    border:none;
}

#content h1 {
    font:3em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
    margin:10px 0;
}

#content h3 {
    font:2em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
    margin:10px 0;
}

#content h4 {
    font:1.8em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
    margin:10px 0;
}

#content h5 {
    font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
    margin:10px 0;
}

#content2 h3 {
    font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
    margin:10px 0;
}

#content ul,ol {
    font-size:120%;
    margin:10px 10px 10px 25px;
}

#content2 ul,ol {
    margin:10px 10px 10px 25px;
}

/* blockquote + links
--------------------------------------------------*/

blockquote {
    background:#EFF8FB;
    border:1px solid #ccc;
    margin:10px 0;
    padding:5px 15px;
}

a:hover {
    color:#000;
    text-decoration:none;
    /*background-color:#EFF8FB;*/
}

a.more {
    display:block;
    text-align:right;
    color:#2F460D;
    text-decoration:none;
    margin:10px 0 0;
}

a.more:hover {
    text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
    margin:0 0 50px 0;
    text-align:justify;
}

.post img {
    background:#ccc;
    border:5px solid #eee;
    padding:1px;
}

.post .info {
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    background-color:#EFF8FB;
    font-size:1em;
    color:#333;
    padding:2px 3px 3px 8px;
    margin: 25px 0;
}

.date {
    margin: 0 0 15px 0;
}

.post small {
    margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
    background:#EFF8FB;
    color:#333;
    font-size:120%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    margin:10px 0 28px;
    padding:10px;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
    width:220px;
    float:right;
    padding:28px 10px 30px;
    margin: 40px 20px 0px 0px;
    height:100%;
    /*border:1px solid black;*/
}

#sidebar h2 {
    letter-spacing:1px;
    font-size:1.6em;
    color:#333;
    padding:0 0 15px;
}

#sidebar ul {
    list-style:none;
    font-size:120%;
    margin:0 0 23px;
}

#sidebar li {
    border-bottom:1px dashed #333333;
    list-style:none;
    padding:3px;
    margin-bottom: 5px;
}

#sidebar li img {
    padding-top: 3px;
}

#sidebar li a:hover {
    color:#000;
    background-color:#EFF8FB;
}

#sidebar input {
    width:102px;
    background:#fff;
    color:#444;
    border:1px solid #eee;
    font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    padding:3px;
}

#sidebar input:focus {
    background:#fff;
    border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
    border:1px solid #CCC;
    font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    padding:3px;
}

input:hover {
    border:1px solid #262626;
}

input:focus {
    border:1px solid #262626;
    color:#333;
}

/* comments
--------------------------------------------------*/
#comments {
    font-size:0.9em;
}

#commentlist li {
    margin-bottom:1.5em;
    padding-bottom:1em;
}

#commentform {
    width:350px;
    text-align:left;
    margin:0 0 15px 0;
}

#commentform textarea {
    background:#f8f7f6;
    border:1px solid #d6d3d3;
    width:480px;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
    font-size:1.1em;
    background:#f8f7f6;
    border:1px solid #d6d3d3;
    width:350px;
}

#commentform input {
    margin-bottom:3px;
}

#gravatar {
    align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.alignleft {
    float:left;
}

.alignright {
    float:right;
}

.navigation {
    text-align:center;
    font-size:120%;
}

.wp-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding:4px 0 0 0;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px;
}

.wp-caption img {
    border:0 none;
    margin:0;
    padding:0;
}


.wp-caption-dd {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

#footer a:hover {
    text-decoration:none;
    color:#333;
    background:#EFF8FB;
}

#content li,#content2 li {
    border-bottom:1px solid #EFF8FB;
    padding:10px;
}

a,#sidebar li a,#footer a {
    color:#999;
    text-decoration:none;
}

/* footer
--------------------------------------------------*/
#footer {
    color:#333;
    margin:0;
    padding:20px 0;
    text-align: center;
}

/* standart
--------------------------------------------------*/
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}