/*

	Theme Name: subculture
	URI: http://www.subculture-society.de
	Description: WP Theme for Subculture Society.
	Version: 1.0.2 Final
	Author: System Architekten / Charisma.Digital
	Author URL: http://www.system-architekten.de/

*/

/* ---------------------------------------------------------------------------------- */

html {}

body {margin: 0 auto; padding: 0px; background: url(images/bg.jpg) no-repeat center top #000000; font-family: Helvetica; font-size: 12px; color: #FFFFFF; text-align: justify;}

img {border: none;}

/* Container */

#html {margin: 0 auto; padding: 0px; width: 980px; height: 825px;}

#top {margin: 70px 0px 0px 350px; width: 630px; height: 30px; background: url(images/top_bg.jpg) no-repeat;}

#content {margin: 0px; padding: 0px; width: 980px; height: 345px;}

#left {float: left; margin: 0px; padding: 0px; width: 375px; height: 345px; background: url(images/left_bg.jpg) no-repeat;}

#text {float: right; margin: 0px; padding: 0px; width: 605px; height: 345px; background: url(images/text_bg.jpg) no-repeat;}

#info {margin: 52px 0px 0px 0px; padding: 0px; width: 980px; height: 128px; background: url(images/boxes_bg.jpg) no-repeat;}

#spon {margin: 56px 0px 0px 0px; padding: 27px 0px 0px 205px; width: 775px; height: 77px; background: url(images/spon_bg.jpg) no-repeat;}

#footer {margin: 35px 0px 0px 0px; padding: 0px; width: 980px; height: 20px; font-size: 11px; text-align: center; color: #999999;}

/* Navigation */

#top ul {list-style: none;}
#top ul li.navi1 a {float: left; margin: 10px 0px 0px 0px; width: 42px; height: 12px; background: url(images/start.png) no-repeat;}
#top ul li.navi2 a {float: left; margin: 10px 0px 0px 15px; width: 58px; height: 12px; background: url(images/catwalk.png) no-repeat;}
#top ul li.navi3 a {float: left; margin: 10px 0px 0px 15px; width: 35px; height: 12px; background: url(images/music.png) no-repeat;}
#top ul li.navi4 a {float: left; margin: 10px 0px 0px 15px; width: 48px; height: 12px; background: url(images/tickets.png) no-repeat;}
#top ul li.navi5 a {float: left; margin: 10px 0px 0px 15px; width: 47px; height: 12px; background: url(images/friends.png) no-repeat;}
#top ul li.navi6 a {float: left; margin: 10px 0px 0px 25px; width: 54px; height: 12px; background: url(images/contact.png) no-repeat;}
#top ul li.navi7 a {float: left; margin: 10px 0px 0px 100px; width: 67px; height: 12px; background: url(images/impressum.png) no-repeat;}

#top ul li.navi1 a:hover,
#top ul li.navi1ac a {float: left; margin: 10px 0px 0px 0px; width: 42px; height: 12px; background: url(images/starto.png) no-repeat;}
#top ul li.navi2 a:hover,
#top ul li.navi2ac a {float: left; margin: 10px 0px 0px 15px; width: 58px; height: 12px; background: url(images/catwalko.png) no-repeat;}
#top ul li.navi3 a:hover,
#top ul li.navi3ac a {float: left; margin: 10px 0px 0px 15px; width: 35px; height: 12px; background: url(images/musico.png) no-repeat;}
#top ul li.navi4 a:hover,
#top ul li.navi4ac a {float: left; margin: 10px 0px 0px 15px; width: 48px; height: 12px; background: url(images/ticketso.png) no-repeat;}
#top ul li.navi5 a:hover,
#top ul li.navi5ac a {float: left; margin: 10px 0px 0px 15px; width: 47px; height: 12px; background: url(images/friendso.png) no-repeat;}
#top ul li.navi6 a:hover,
#top ul li.navi6ac a {float: left; margin: 10px 0px 0px 25px; width: 54px; height: 12px; background: url(images/contacto.png) no-repeat;}
#top ul li.navi7 a:hover,
#top ul li.navi7ac a {float: left; margin: 10px 0px 0px 100px; width: 67px; height: 12px; background: url(images/impressumo.png) no-repeat;}


/* Classes */

.logo {margin-top: 270px; width: 375px; height: 75px;}
.infotext {float: left; margin: 5px 5px 5px 10px; width: 350px; height: 257px; font-size: 11px; overflow: auto;}
.news {float: right; margin: 23px 75px 0px 0px; width: 160px; height: 300px; font-size: 11px; text-align: left;}
.logo2 {float: left; margin: 3px 0px 0px 0px; width: 345px; height: 75px;}

.entrytitle h4 {margin: 0px 0px -3px 0px; font-family: "Times New Roman"; font-size: 18px; font-weight: normal; color: #990000;}

.entrybody {padding: 0px 5px 0px 0px;}
.entrybody h4 {color: #990000;}

.news h3 {margin-top: -5px; font-family: "Times New Roman"; font-size: 14px; color: #990000;}
.news ul {margin: 0px 0px 0px -40px;}
.news li {margin: 0px; list-style: none;}
.news li a {color: #FFFFFF;}

.info1 {float: left; margin-left: 122px; width: 210px; height: 128px;}
.info2 {float: left; margin-left: 48px; padding-top: 35px; width: 210px; height: 93px; text-align: center;}
.info2 img {margin-bottom: 5px;}
.info3 {float: left; margin-left: 48px; width: 210px; height: 128px;}

#spon span {margin-right: 25px;}

#content a {color: #FFFFFF;}
#content a:hover {color: #990000; text-decoration: none;}

.alignleft {float: left; text-align: left; padding: 5px 8px 5px 0px;}
.alignright {float: right; text-align: right; padding: 5px 0px 5px 8px;}
.entrybody img {display: inline;}

input,
select,
textarea {border: 1px solid #333333; background: #555555; font-size: 12px; color: #FFFFFF;}

/* Comments */

.commentsblock {margin: 2px; padding: 2px;}
.commentsblock textarea {width:25em; background: #555555;}
.commentsblock input, .commentsblock textarea {border: 1px solid #333333; background: #555555; color: #FFFFFF;}
.commentsblock textarea:focus {background:#444444; border:1px solid #222222;}
.commentsblock textarea:focus, .commentsblock input:focus {background:#444444; border:1px solid #222222;}
.commentsblock h3 {font-size: 13px; font-weight: bold; letter-spacing: +1px;}

.commentauthor{display:block; font-size: 12px;}

ol.commentlist{color:#cccccc; font-size: 11px; list-style-type:none; margin:0; margin-top:1.5em; padding:0;}

.commentlist li{margin-bottom:0.5em; padding:0.5em 1em;}

.alt {background: none; border:1px dotted #666666; padding:0.5em;}

h3#comments{font-size: 13px;}