/*
Theme Name: Raum Theme
Theme URI: http://raum-7.com/
Description: Beat Film Festival
Version: 1.6
Author: Gleb Kalinin
Author URI: http://glebkalinin.ru/
Tags: blue, custom header, fixed width, two columns, widgets

*/


body {background-color: #E1E5E7; background-image: url(/assets/i/bg.jpg); background-size: 100% auto; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; font-family: helvetica,arial,sans-serif; font-size: 75%; color: #333}


a {color: #000}
a:visited {color: #333}
a:hover {text-decoration: none}

/*defaults*/

img {border: none}

table {border-collapse: collapse}
td, th {margin: 0; padding: 0; vertical-align: top}

label {cursor: pointer}

.d {display:none;}

.clear {clear: both; height: 1px; overflow: hidden; }

::-moz-selection { color: #fff;  background: #000; }
::selection { color: #fff;  background: #000; }

.stagenr {display: block; float: left; background: #000; color: #fff}

.container_12 {clear: both}
.grid_4, .grid_8 {margin-bottom: 40px}
.details {font-size: 13px; color: #555; display: block;border-bottom: 1px solid #b5b7b9; padding: 0 0 7px}
h2 {font-size: 24px; color: #000; margin-top: 0; padding: 0 0 7px; margin-bottom: 5px; border-bottom: 1px solid #b5b7b9}
h2, p, .details {margin-right: 20px}
p {line-height: 140%}
#header {margin-top: 40px; margin-bottom: 50px}
#services h2 {}

#menu a {font-size: 16px; display: block; float: left; margin: 0 15px 0 0; text-decoration: none}
#twi {margin-right: 0 !important;}

.more a {color: #000; font-size: 18px}

#services,#info {clear: both}

#logo img {display: block}


.blog ul {list-style-type: none; margin: 0; padding: 0}
.date {font-size: 90%; color: #555}

#clients-login {text-align: right}

#auth p {text-align: right; margin: 0}
#auth span {display: block; font-size: 85%; line-height: 120%; margin: 3px 0 0 0}

.grid_8 .grid_4 {margin-left: 0}

h1 {margin-top: 0}

.hr hr {display: none}
.hr {height: 7px; overflow: hidden; background: #b5b7b9; margin: 0 10px }



.edit {float: right; opacity: 0; -webkit-transition: opacity .5s linear; }
.edit a {background: #000; padding: 2px; color: #fff; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.post:hover .edit, .page:hover .edit {  opacity: 1; -webkit-transform: rotate(360deg);}

.location {margin-top: 0; margin-bottom: 20px}
.location ul {margin: 0; padding: 0; list-style-type: none}
.location a {color: #333; border-bottom: 1px solid #333}

.content p {line-height: 150%; margin-bottom: 1.2em; margin-right: 40px}


#auth img {vertical-align: middle; margin: 0 0 0 5px}

.first {clear: both;}

/* forms */

fieldset {border-width: 0}
fieldset legend {display: none}

form.auth {margin: 0 0 50px 0; width: 500px}
.auth .txt, .auth input[type=password], .auth input[type=text] {font-size: 170%}
.auth label {font-size: 120%; font-weight: bold}
.auth dt {margin: 0 0 5px}
.auth dd {margin: 0 0 30px}
.sbmt {font-size: 30px; font-weight: bold}


.tags {font-size: 90%}
.tags a {text-decoration: none; color: #777}
.tags a:hover {text-decoration: underline; color: #000}


#commentform label {display: block; font-weight: bold; font-size: 90%}
#commentform .txt {width: 290px}
#comment {width: 290px; }

.commentlist {list-style-type: none; margin: 0; padding: 0}
.commentmetadata a {text-decoration: none; color: #333; font-size: 90%}
cite.fn {font-style: normal; font-weight: bold}
.avatar {float: left; margin: 0 10px 10px 0}

.event-image {float: left; margin: 0 20px 20px 0; width: 110px; height: 74px;}

.future .event-image, .event-image-full {width: 300px; height: auto}

.event-info {float: left; width: 170px; margin: 0 0 10px 0; font-size: 90%; }
.event-info p {margin: 0 0 5px; color: #888;  -webkit-transition: color .5s linear;}
.event-info:hover p {color: #333}
.event-info strong {display: block; color: #333}
.event-info span.address {color: #888; display: inline}

.vevent {margin-top: 20px}

.vevent .description {clear: both}
.vevent .dtstart {font-size: 90%;}
.vevent h3 {margin-top: 5px !important; min-height: 40px; }
.future h3 {min-height: 20px !important; font-size: 24px; margin-bottom: 15px !important}

.event-data {font-size: 90%; padding: 10px 0 0; border-width: 1px 0 0; border-style: solid; border-color: #b5b7b9; line-height: 140%; margin-bottom: 40px}
.event-data .dtstart {font-size: 100% !important; font-weight: bold}
.event-data .location {font-weight: bold}
.event-data .location .address {font-weight: normal}

.future .description {clear: none; width: 400px; float: left;}
.future .description p {margin-top: 0}
.future .event-info {float: right}

.lector-image {display: block; margin: 3px 0 7px}

.cycle {font-weight: bold}
.cycle .link {font-size: 90%}

.events .more a {font-size: 14px; margin-top: 50px}
.events .more { margin-top: 50px !important}

.nobr {white-space: nowrap; display: inline !important;}
.hlaquo {display: inline !important}
.slaquo, .hbrace {display: inline !important}

#footer {font-size: 90%; margin-top: 70px; clear: both; padding: 20px 0}
#footer p {margin-right: 0}