/*
Theme Name: vierkant-magazin.de
Theme URI: http://wp-themes.erikgyepes.com/?wptheme=Graffity+City
Version: 1.0
Description: Inspired By A Street Downtown
Author: Free Wordpress Themes
Author URI: http://wp-themes.erikgyepes.com
*/

a:link {
text-decoration : none;
color : #cc0000;
}
a:visited {
text-decoration : none;
color : #cc0000;
}
a:hover, a:active {
color : #999999;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
margin : 20px 0 10px;
}
h1 {
font-size : 32px;
margin-bottom : 0;
margin-top : 10px;
}
h2 {
font-size : 28px;
}
h3 {
font-size : 24px;
}
h4, h5, h6 {
font-size : 20px;
}
.titles {
font-weight : normal;
border-bottom-width : 0;
font-size : 24px;
text-decoration : none;
}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration : none;
font-size : 24px;
font-weight : normal;
border-bottom-width : 0;
}
pre, blockquote {
overflow : auto;
padding : 0 10px;
margin : 20px 30px;
line-height : 1.8em;
background-color : #f5f5f5;
border : 1px solid #e0e0e0;
}
pre:hover, blockquote:hover {
background-color : #f0f0f0;
border : 1px solid #d0d0d0;
}
pre {
padding-top : 10px;
padding-bottom : 10px;
}
code {
color : #779900;
font-family : Consolas, Verdana, "Courier New", Sans-Serif;
}
ul, ol {
line-height : 2em;
}
ul {
list-style-image : url(images/bullet.png);
}
abbr, acronym {
font-style : normal;
border-bottom : 1px dotted #333333;
cursor : help;
}
del {
text-decoration : line-through;
color : #999999;
}
ins {
text-decoration : none;
color : #009977;
}
body {
margin : 0;
padding : 0;
color : #232323;
background-image : url(images/bg.png);
background-repeat : repeat-y;
background-position : center 0%;
background-color : #000000;
font : normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
#wrapper2 {
width : 768px;
margin-left : auto;
margin-right : auto;
}
#header {
float : left;
width : 939px;
padding-bottom : 8px;
clear : right;
background-image : url(images/header-bg.png);
background-repeat : no-repeat;
padding-left : 0;
height : 352px;
margin-left : -85px;
}
#navigation {
margin-top : 0;
}
#wrapper {
clear : both;
float : left;
width : 100%;
color : #777777;
background : #232323;
margin-top : -10px;
}
#content-wrapper {
width : 65%;
float : left;
}
#content {
float : left;
padding : 0 0 10px 30px;
}
#sidebar-wrapper {
width : 35%;
float : right;
margin-top : -80px;
}
#sidebar {
float : right;
padding : 10px 15px 10px 10px;
width : 210px;
margin-right : 15px;
margin-top : 80px;
}
#footer {
clear : both;
width : 783px;
text-align : center;
padding-left : 0;
background : #000000;
color : #cc0000;
height : 40px;
font-size : 11px;
background-repeat : no-repeat;
margin : auto;
}
#footer a {
color : #cc0000;
font-size : 11px;
}
#footer a:hover {
color : #4c8aa2;
border-bottom : 1px dashed #4c8aa2;
}
#extras {
float : left;
width : 780px;
color : #444444;
text-align : left;
padding : 0 10px 10px;
margin : 10px 12px 20px;
background-color : #f5f5f5;
border-top : 1px solid #e0e0e0;
border-bottom : 1px solid #e0e0e0;
}
#header h1 {
padding-left : 100px;
margin-top : 245px;
}
#navigation ul {
list-style-type : none;
list-style-image : none;
float : left;
margin-left : 0;
padding : 0 0 0 0;
margin-top : 0;
}
#navigation li {
float : left;
margin-top : 0;
}
#navigation li a:link, #navigation li a:visited {
float : left;
color : #cc0000;
display : block;
padding : 12px 12px;
margin-right : 4px;
border : 1px #98c2d2;
background : #000000;
height : 15px;
font-size : 14px;
}
#navigation li a:hover, #navigation li a:active {
color : #cc0000;
border : 1px #ffffff;
background : #ffffff;
font-size : 14px;
}
#navigation li.active a {
color : #555555;
background-color : #ffffff;
}
#wrapper a:link {
font-weight : bold;
}
#wrapper a:visited {
font-weight : bold;
}
#content .post-title a {
border-bottom-width : 0;
}
#content .post p.img {
float : left;
margin : 0 15px 0 0;
}
#content .post p.img img {
padding : 8px;
border : 1px solid #d0d0d0;
background-color : #eeeeee;
}
#content .post-footer {
font-size : 90%;
color : #888888;
margin-bottom : 5px;
padding : 5px 5px 5px 15px;
background-color : #fffdf6;
border : 1px solid #e9dec2;
}
.sideblock {
padding : 5px 10px;
margin-bottom : 20px;
background-image : url(images/sbbg.png);
border : 1px solid #777777;
}
.sideblock h3 {
margin-top : 5px;
font-size : 14px;
color : #ffffff;
font-weight : bold;
}
#sidebar dt {
margin : 0;
padding-top : 5px;
font-weight : bold;
color : #666666;
}
#sidebar dd {
margin : 0 0 5px;
padding-bottom : 5px;
line-height : 1.8em;
}
#sidebar dd a:link {
border-bottom-width : 0;
font-weight : normal;
border-bottom : none;
text-decoration : none;
}
#sidebar dd a:visited {
border-bottom-width : 0;
font-weight : normal;
border-bottom : none;
text-decoration : none;
}
#sidebar dd a:hover, #sidebar dd a:active {
border-bottom : none;
text-decoration : none;
}
#extras h6 {
font-size : 14px;
text-transform : uppercase;
color : #555555;
}
#friends {
float : left;
width : 150px;
margin-left : 20px;
margin-right : 10px;
}
#links {
float : left;
width : 275px;
margin-right : 50px;
}
#about {
float : left;
width : 250px;
margin-right : 20px;
}
#friends ul {
padding-left : 20px;
}
#links dl, #links dt, #links dd {
margin : 0;
padding : 0;
}
#links dt {
font-weight : bold;
padding-top : 5px;
}
#links dd {
margin-bottom : 5px;
padding-bottom : 5px;
border-bottom : 1px dotted #999999;
}
#commentlist li {
margin-bottom : 1.5em;
padding-bottom : 1em;
border-bottom : 1px solid #700000;
}
#commentform {
margin : 1em 0;
background : #f8f1e0;
width : 280px;
}
#commentform textarea {
background : #f8f7f6;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform textarea:hover {
background : #f8f1e0;
border : 1px solid #d6d3d3;
}
#commentform textarea:focus {
background : #ffffff;
border : 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size : 1.1em;
background : #f8f7f6;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #d6d3d3;
width : 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #939793;
width : 280px;
}
#commentform input {
margin-bottom : 3px;
}
.date {
background : url(images/date.png) no-repeat;
height : 57px;
margin-bottom : 0;
width : 57px;
text-align : center;
float : left;
margin-top : 15px;
}
.date .month {
display : block;
color : #ffffff;
padding : 2px 0;
text-align : center;
text-transform : uppercase;
font-size : 10px;
margin-top : 2px;
font-weight : bold;
margin-bottom : 3px;
}
.date .day {
display : block;
color : #f8f1e0;
font : 2.3em Georgia;
padding-top : 0;
text-align : center;
margin-top : -8px;
}
#header h1 a {
color : #cc0000;
}
#left {
width : 60px;
float : left;
}
.slogan {
font-size : 13px;
color : #000000;
text-transform : lowercase;
}