/*
Theme Name: Ideologia
Theme URI: http://Pavlentij.com/
Description: Ideologia festival 2010
Version: 1.0
Author: Pavlentij
Author URI: http://Pavlentij.com/
Tags: virus music, ideologia 2010

*/

@font-face {
	font-family: 'HeliosCondRegular';
	src: url('/HeliosCond.eot');
	src: local('HeliosCond Regular'), local('HeliosCond'), url('/HeliosCond.otf') format('opentype'), url('/HeliosCond.svg#HeliosCond') format('svg');
}

* { margin: 0; padding: 0; }
body, p, td, div, pre { font-size: 14px; color: #fff; font-family: HeliosCondRegular, Tahoma; }
img { border: none; }
a { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }

html { height: 100%; }
body { height: 100%;  background: #000;}


#page { position: relative; width: 930px; height: 600px; background: url(images/bg_new2.jpg); display: block; }


.menu { margin-top: 12px; height: 23px; }
.menu a { float: left; display:block; margin-left: 15px; width: 70px; height: 18px; }
.menu a.a1 { width:68px; margin-left: 23px;}
.menu a.a2 { width:60px; margin-left: 28px; }
.menu a.a3 { width:64px; margin-left: 30px; }
.menu a.a4 { width:38px; margin-left: 30px; }
.menu a.a5 { width:42px; margin-left: 30px; }
.menu a.a6 { width:110px; margin-left: 30px; }
.menu a.a7 { width:50px; margin-left: 30px; }
.menu a.a8 { width:63px; margin-left: 27px; }
.menu a.a9 { width:35px; margin-left: 26px; }
.menu a.a10 { width:22px; margin-left: 25px; }
.menu a.a11 { width:57px; margin-left: 26px; }

.menu a:hover, .menu a.cur { border-bottom: 2px solid #000; }

#content { margin: 17px 0 0 445px; width: 460px; padding: 0 5px 0 0; height: 435px; overflow: auto; }

h2 { font-size: 22px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal;}
h3 { font-size: 18px; margin-bottom: 5px;  font-weight: normal;}

.post { margin-bottom: 20px; }

h2.red { color:#fff;  }


#logos a { position: absolute; display: block; }
#logos a.ks { top: 163px; left: 24px; width: 82px; height: 43px;}

#logos a.mt { top: 163px; left: 382px; width: 51px; height: 43px;}
#logos a.tw { top: 554px; left: 321px; width: 92px; height: 31px;}
#logos a.vk { top: 554px; left: 212px; width: 90px; height: 35px;}

#logos a.tb { top: 549px; left: 26px; width: 30px; height: 30px;}
#logos a.vr { top: 549px; left: 59px; width: 30px; height: 30px;}

.gallery a { float: left; margin-top: 4px; margin-right: 4px; }