﻿/*
Theme Name: Twitching
Theme URI: http://www.twitching.de/
Description: Wordpress Design f�r Twitching
Version: 1.0
Author: Jascha Brinkmann
Author URI: http://www.luchador-gfx.de/
*/

body, html {margin:0px; padding:0px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(img/bg.jpg)}

a {color:#0072ff; text-decoration:none; border:none}
a:hover {text-decoration:underline}
.left {float:left}
.right {float:right}
strong {font-weight:bold}

input {width: 200px;height: 18px;padding: 4px 0px 0px 5px;margin: 2px 0px 2px 0px;background: #fff;border: 1px solid #e0e0e0;font-size: 11px;color: #595959;font-family: "Verdana";}
#submit {height: 24px;background: #f0f0f0;overflow: hidden;margin: 4px 0px 0px 0px;padding: 0px 0px 0px 5px;border: none;color: #595959;font-size: 9px;font-family: "Verdana";font-weight: bold;text-align: right;text-align:center;cursor: pointer;}
textarea {width: 98%;height: 150px;padding: 4px 0px 0px 5px;margin: 2px 0px 2px 0px;background: #fff;border: 1px solid #e0e0e0;font-size: 11px;color: #595959;font-family: "Verdana";}

#head {width:100%; height:100px; position:absolute; left:0; background:url(img/headbg.gif); top:0}
#header {width:905px; height:220px; background:url(img/headerbg.jpg); position:absolute; top:0; left:0}
#page {width:905px; min-height:100%; background:url(img/pagebg.jpg); float:left}
#links, #rechts {display:inline; margin-top:220px}
#links {width:600px; margin-left:40px}
#rechts {width:230px; margin-right:10px}
#foot {width:100%; height:100px; color:#FFF; font-weight:bold; background:url(img/footbg.gif); float:left; margin-top:-100px;}
#foot p {margin-left:40px; margin-top:70px;}
#foot a {color:#ec002f}

#logo {width:270px; height:70px; display:block; margin-left:116px; margin-top:37px}
#logo a {width:270px; height:70px; display:block; background:url(img/logo.jpg)}
#logo h1 {display:none}
#logo h2 {color:#FFF; font-weight:bold; margin-top:-30px}

#navigation {margin-bottom:20px}
#navigation a {width:180px; height:30px; display:block; line-height:30px; font-size:20px; color:#000; font-weight:bold; text-transform:uppercase; padding-left:20px}
#navigation a:hover {width:160px; color:#FFF; text-decoration:none; background:url(img/navigation.gif); padding-left:40px}

#content {width:570px; padding:15px; background:url(img/rundlefttop.gif) no-repeat top left #FFF; position:relative; margin-bottom:100px;}
.topright, .bottomleft, .bottomright {width:5px; height:5px; background:url(img/rund.gif); position:absolute; display:block; line-height:1px;}
.topright {top:0; right:0; background-position:right top}
.bottomleft {bottom:0; left:0; background-position:left bottom}
.bottomright {bottom:0; right:0; background-position:right bottom}
#content p {margin:10px 0 10px 0;}
#content h3 {margin:10px 0 10px 0; font-weight:bold; font-size:13px;}

.kategorie, .datum {font-size:13px; font-weight:bold; margin:5px 10px;}
.post h2 {width:570px; height:30px; line-height:30px; background:url(img/headline.jpg); clear:both}
.post h2 a {font-size:16px; font-weight:bold; color:#FFF; margin-left:40px}
.post h2 a:hover {text-decoration:none}
.post p {margin:10px}
.more {width:520px; background:#f2f2f2; padding:20px; margin:0px 5px; margin-bottom:20px;}
.tags {font-weight:bold;}
.tags a {font-weight:normal}

.linie {width:230px; height:1px; margin:10px 0px; display:block; background:#8a8988; font-size:1px; clear:both}
#rechts h2 {font-size:13px; font-weight:bold; margin-bottom:10px;}
#s {width:154px; height:18px; padding:3px; border:none; font-size:12px; color:#FFF; background:url(img/searchformbg.jpg); display:block}
#searchsubmit {width:60px; height:24px; background:url(img/searchsubmit.jpg) no-repeat; border:none; display:block}
#rss table tr td {vertical-align:top}

#kategorien li {width:220px; height:26px; background:url(img/listbg.gif) repeat-x bottom; margin-left:5px}
#kategorien a {width:200px; height:23px; line-height:23px; display:block; padding-left:20px; background:url(img/liststyleimage.gif) no-repeat left top; color:#1f1f1f; text-decoration:none}
#kategorien a:hover {width:190px; padding-left:30px; background:url(img/liststyleimagehover.gif) no-repeat left #b4b2b1; color:#FFF}

#twitter {margin-left:5px;}
#twitter h2 {width:210px; height:26px; line-height:26px; background:url(img/twitter.jpg);padding-left:10px; color:#FFF; margin-bottom:1px}
#twitter-button {width:151px; height:24px; line-height:24px; text-align:center; background:url(img/twitter-button.jpg); color:#FFF; font-weight:bold; display:block; text-decoration:none; margin-left:69px}
#twitter ul {margin:0px; padding:0px;}
#twitter li {list-style:none; width:200px; background:#262626; margin-bottom:1px; padding:10px; color:#FFF}
#twitter li a {text-decoration:none; color:#999}
#twitter li a:hover {text-decoration:underline}

#tagcloud a {color:#E60042; font-weight:bold;}

.commentlist li {background:#f2f2f2; padding:20px; width:520px; margin:0px 5px; margin-bottom:20px;}
.vcard img {float:left; margin-right:20px;}
.fn, .says {font-weight:bold;}
