/* 
Theme Name: wirwir
Theme URL: http://www.wirwir.de/
Description: Theme for the wirwir project.
Author: Thomas Sander
Author URI: http://thomassander.org
Version: 1.0
*/

/*  RESET  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

/* STYLE */

body {
background-image: url(images/blue_body_bg.jpg);
background-repeat: no-repeat;
background-position:center top;
background-attachment:fixed;
background-color: #23A1BC;
font-family: "Helvetica Neue", Helvetica, Arial;
font-size: 12px;
line-height: 18px;
color: #222;
}

#wrapper {
width: 940px;
margin: 0 auto;
padding: 0 10px 50px 0;
}
.announcement {
z-index: 99;
position: absolute;
margin: 0 0 0 80px;
}
#container{
background-image: url(images/container_bg.png);
background-repeat: repeat-x;
}
#header {
background-image: url(images/header_bg.png);
background-repeat: no-repeat;
background-position:center top;
}
#header h3 {
color: #FFF;
font-size: 11px;
width: 500px;
line-height: 16px;
float: left;
margin: 20px 0;
}

#logo {
background-color:#222222;
margin:0 0 0 560px;
padding:10px;
width:200px;
}
#logo h1, #logo h1 a {
color: #FFF;
font-size: 36px;
line-height: 36px;
}
#logo h2 {
color:#CCCCCC;
font-size:12px;
line-height:15px;
margin:6px 0;
text-transform:lowercase;
}
#logo p {
color:#999;
font-size:11px;
line-height: 15px;
margin:0;
}

/* ////////////////////////////////////END LAYOUT/////////////////////////////////////////*/

#navigation {
width: 540px;
margin: 0 0 2px 0;
float: left;
clear: both;
}
#navigation ul {
list-type: none;
}
#navigation li {
display: inline;
}
#navigation li a {
background-color:#222222;
color:#FFFFFF;
font-weight:bold;
line-height:30px;
text-decoration:none;
margin:0 2px 0 0;
padding:0 5px;
float:left;
}
#navigation li a:hover {
color: #222;
background-color: #FFF;
}


/* ////////////////////////////////////END NAVIGATION/////////////////////////////////////////*/

#banner {
color: #FFF;
margin: 24px 0 48px 0;
padding: 18px 0;
}
#banner h2 {
color: #FFF;
font-size: 36px;
font-weight: bold;
line-height: 36px;
letter-spacing: -1px;
text-indent: -16px;
}
#banner p {
margin: 0;
line-height: 12px;
font-weight: bold;
}

/* ////////////////////////////////////END BANNER/////////////////////////////////////////*/
.rss_small {
background-image:url("images/rss11.png");
background-repeat:no-repeat;
background-position: 0 1px;
padding-left:14px;
}
.rss_medium {
background-image:url("images/rss16.png");
background-position:4px 50%;
background-repeat:no-repeat;
text-indent:20px;
}
a {
color: #222;
}
small {
font-size: 11px;
line-height: 15px;
}
strong {
font-weight: bold;
}
p {
margin: 0 0 12px 0;
}
p a {
color: #23A1BC;
}
h1, h1 a {
font-size: 36px;
line-height: 42px;
font-weight: bold;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}
h2, h2 a {
font-size: 30px;
line-height: 36px;
font-weight: bold;
text-decoration: none;
margin: 0 0 9px 0;
}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
text-decoration: underline;
}
h3, h3 a {
font-size: 24px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
margin: 0 0 12px 0;
}
h4, h4 a {
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-decoration: none;
}
h5, h5 a {
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}
h6, h6 a {
font-size: 12px;
line-height: 18px;
font-weight: bold;
text-decoration: none;
}
blockquote {
background-color: #e9f5f8;
padding:12px 18px 18px 18px;
margin: 0 0 9px 0;
clear: both;
}
blockquote p {
margin: 0 0 9px 0;
}
.wp-caption-text {
font-size: 10px;
font-style: italic;
line-height: 15px;
margin: 0 0 12px 0;
}
/* ////////////////////////////////////END TYPOGRAPHY/////////////////////////////////////////*/
#content {
width: 540px;
float: left;
margin: 0 20px 0 0;
padding: 0;
}
#content p a:hover {
text-decoration: underline;
}
/* ////////////////////////////////////END CONTENT/////////////////////////////////////////*/

#title {
background-color: #FFF;
margin: 0;
padding: 10px 20px 0;
}
#title h2 {
font-size: 12px;
margin: 0;
padding: 0;
color: #999;
line-height: 20px;
}
/* ////////////////////////////////////END TITLE/////////////////////////////////////////*/

.post h1, .post h1 a {
font-size: 30px;
line-height: 36px;
margin: 0 0 12px 0;
}
.post h2, .post h2 a {
font-size: 18px;
line-height: 24px;
margin: 0 0 12px 0;
clear: both;
}
.post h3, .post h3 a {
font-size: 14px;
line-height: 20px;
margin: 0 0 12px 0;
clear: both;
}
.post h4, .post h4 a {
font-size: 12px;
line-height: 18px;
margin: 0;
}
.post h5, .post h5 a {
font-size: 11px;
line-height: 16px;
margin: 0;
}
.post h6, .post h6 a {
font-size: 10px;
line-height: 15px;
margin: 0;
}
.post{
background-color: #FFFFFF;
padding: 10px 20px;
margin: 0 0 2px 0;
float: left;
width: 500px;
}
.postinfo {
font-size: 11px;
line-height: 15px;
color: #666;
margin: 0;
padding: 0;
}
.post table {
border-collapse: collapse;
}
.post td {
border: solid 1px #ccc;
padding: 5px;
vertical-align: middle;
}
.post td textarea {
font-size: 11px;
border: none;
}
.postmeta{
border-top:1px dashed #999999;
border-bottom:1px dashed #999999;
padding:4px 0;
margin: 0 0 9px 0;
}
.postmeta p {
font-size: 11px;
line-height: 15px;
color: #666;
margin: 0;
padding: 0;
}
.postmeta a {
color: #23A1BC;
text-decoration: none;
}

.postnavigation{
background-color: #FFFFFF;
padding: 5px 20px;
margin: 0 0 2px 0;
float: left;
width: 500px;
}

.wp-pagenavi {
float: right;
white-space: nowrap;
}
.more-link {
background-color: #222;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
padding: 4px;
text-decoration: none;
}
.more-link:hover {
background-color: #23A1BC;
text-decoration: none !important;
}
/* ////////////////////////////////////END POST/////////////////////////////////////////*/
label {
}
#searchform {
}
#s {
width: 120px;
}
#searchsubmit {
border: none;
background-color: #222;
color: #FFF;
padding: 4px 2px;
}
#s {
padding: 4px;
border: solid 1px #222;
}
#author, #email, #url {
padding: 4px;
border: solid 1px #222;
width: 270px;
}
#comment {
width: 478px;
padding: 10px;
}
#submit {
border: none;
background-color: #222;
color: #FFF;
padding: 4px;
}
#submit:hover, #searchsubmit:hover {
background-color: #23A1BC;
text-decoration: none;
cursor: pointer;
}
/* ////////////////////////////////////END FORMS/////////////////////////////////////////*/
#sidebar{
width: 380px;
float: right;
}
#sidebar ul {
list-style-type: none;
}
#sidebar li {
}
#sidebar li a {
text-decoration: none;
}
#sidebar li a:hover {
text-decoration: underline;
}
#sidebar h2 {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}

#sidebar_left {
width: 220px;
float: left;
}
#sidebar_left h2 {
font-size: 18px;
}
#sidebar_left li a {
border-top: dashed 1px #999;
padding: 2px 0;
display: block;
}
#sidebar_left li a:hover {
background-color: #e9f5f8;
}

#sidebar_right {
width: 140px;
float: right;
}
#sidebar_right h2 {
background-color: #FFF;
font-size: 12px;
padding: 0 10px 0 10px;
margin: 0 0 2px 0;
width: 120px;
float: left;
clear: both;
}
#sidebar_right img {
margin: 0 0 2px 0;
border: none;
float: left;
clear: both;
}
#sidebar_right p {
background-color: #FFF;
padding: 14px 10px;
margin: 0 0 2px 0;
font-size: 12px;
line-height: 16px;
font-weight: bold;
float: left;
clear: both;
width: 120px;
}
#sidebar_right a {
margin: 0;
}
.sponsor_btn {
background-color: #23A1BC;
color: #fff;
width: 120px;
display: block;
font-weight: bold;
text-decoration: none;
float: left;
clear: both;
padding: 5px;
font-size: 11px;
border: solid 5px #fff;
}
.sponsor_btn:hover {
background-color: #222;
}
/* ////////////////////////////////////END SIDEBAR/////////////////////////////////////////*/
#topfooter {
background-color: #fff;
color: #222;
width: 500px;
margin: 0 0 2px 0;
padding: 20px;
float: left;
}

#footer {
background-color: #222;
color: #FFF;
width: 500px;
margin: 0 0 2px 0;
padding: 20px;
float: left;
}
#footer p{
font-size: 11px;
line-height: 15px;
margin: 0 0 12px 0;
}
#footer a {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
color: #FFF;
text-decoration: underline;
}

.subfooter {
font-size: 11px;
line-height: 14px;
float: left;
padding: 0 20px;
margin: 10px 0 50px 0;
width: 500px;
}
.subfooter a {
text-decoration: underline;
color: #222;
}
/* ////////////////////////////////////END FOOTER/////////////////////////////////////////*/
.widget {
background-color: #FFFFFF;
margin: 0 0 2px 0;
padding: 10px;
}

.widget_tag_cloud .widgettitle {
display: none;
}
.widget_tag_cloud {
list-style: none;
}

#random-tags-cloud .widgettitle {
display: none;
}
#random-tags-cloud {
list-style: none;
text-align: center;
}
#random-tags-cloud a {
text-decoration: none;
color: #23A1BC;
vertical-align: middle;
}
#random-tags-cloud a:hover {
text-decoration: none;
color: #222;
}

.widget_recent_entries li a {
font-size: 11px;
}
.widget_recent_entries li a:hover {
color: #23A1BC;
text-decoration: none !important;
}
.widget_recent_entries li {
line-height: 14px;
}

.widget_recent_comments li a {
font-size: 11px;
border: none !important;
}
.widget_recent_comments li a:hover {
color: #23A1BC;
text-decoration: none !important;
}
.widget_recent_comments li {
line-height: 14px;
font-size: 11px;
border-top: dashed 1px #999;
padding: 5px 0;
}

.widget_text {
background-color: #222;
color: #CCC;
}
.widget_text a {
color: #CCC;
border: none !important;
padding: 0 !important;
}
.widget_text a:hover {
color: #FFF;
background-color: transparent !important;
}
.textwidget h2 {
font-size: 11px !important;
line-height: 16px !important;
font-weight: normal !important;
margin: 0;
}
.textwidget p {
font-size: 11px;
line-height: 16px;
margin: 0;
}
/* ////////////////////////////////////END WIDGETS/////////////////////////////////////////*/
#comments{
background-color: #FFF;
padding: 10px 20px;
margin: 0 0 2px 0;
float: left;
width: 500px;
}
#comments_list {
list-style: none;
}
.comments_navigation{
}
.comments_reply{
background-color: #FFF;
padding: 10px 20px;
margin: 0 0 2px 0;
float: left;
width: 500px;
}
#comment {

}
.comments_text{

}
.comments_meta{
margin: 12px 0 0 0;
font-weight: bold;
border-top: dashed 1px #999;
padding: 10px 0 0 0;
}
.comments_meta p {
line-height: 18px;
margin: 0;
}
.alt {
}
.standard {
}
/* ////////////////////////////////////END COMMENTS/////////////////////////////////////////*/

.wp-pagenavi span.current {
background-color: #23A1BC;
}
.wp-pagenavi a:active {
}
.wp-pagenavi a:hover {
background-color: #23A1BC;
color: #FFF;
}

/* ////////////////////////////////////END PLUGINS/////////////////////////////////////////*/

.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
margin: 0 auto 0 auto;
display: block;
}
.clear {
clear: both;
}