/*
Theme Name: TwonkyCake.net
Theme URI: http://www.twonkycake.net/
Description: Tema för websidan Twonkycake.net
Version: 1.0
Author: Mosse Stenström
Author URI: http://themosse.net/blog/
Tags: twonkycake
*/

* { margin:0; padding:0; }
body { font-family: "Arial", sans-serif; background:#fff url(./images/twonkybg.jpg) bottom right no-repeat fixed; }
a img { border:0px; }

.alignright { float:right; margin:0 0 5px 5px; }
.alignleft { float:left; margin:0 5px 5px; }

#top-bar { height:50px; width:100%; background:#cf0000 url(./images/twonkycake-bar.png) top left repeat-x scroll; }
#top-bar img#logo { height:50px; width:249px; position:absolute; top:0; left:20px; }
#top-bar ul { list-style-type:none; position:absolute; top:0; left:300px; }
#top-bar ul li { font:italic 16px "Trebuchet MS", sans-serif; display:block; float:left; margin:15px 10px;  }
#top-bar ul li a { padding:5px; color:#fff; text-decoration:none; }
#top-bar ul li a:hover { color:#000; }

#content-holder { width:900px; margin:20px auto; position:relative; }

#ct-main { width:600px; position:absolute; top:0; left:150px; }
#ct-main .blog-entry { margin:0 0 20px 0; border-bottom:3px solid #cf0000; }
#ct-main .blog-entry .img-cat { width:50px; height:75px; display:block; float:left; margin:0 5px 5px 0; }
#ct-main .blog-entry p.date { font:normal 14px "Verdana", sans-serif; margin:0 0 5px 0; }
#ct-main .blog-entry h1, #ct-main .blog-entry h1 a { font:normal 24px "Trebuchet MS", sans-serif; color:#000; text-decoration:none; }
#ct-main .blog-entry h1 a:hover { color:#00f; text-decoration:underline; }
#ct-main .blog-entry p.tags { font:normal 14px "Verdana", sans-serif; margin:10px 0 20px 0; }
#ct-main .blog-entry div.body {  }
#ct-main .blog-entry div.body p { font:normal 14px/22px "Verdana", sans-serif; margin:0 0 10px 0; }
#ct-main .blog-entry div.body p img.alignright { float:right; margin:0 0 5px 5px; }
#ct-main .blog-entry div.body p img.alignleft { float:left; margin:0 5px 5px; }
#ct-main .blog-entry p.readmore { font:normal 14px "Verdana", sans-serif; text-align:right; }
#ct-main .blog-entry p.foot { font:normal 12px "Verdana", sans-serif; text-align:right; margin-bottom:20px; }
#ct-main .blog-entry p.postnav { text-align:right; margin-bottom:10px; font-size:75%; }
#ct-main .blog-entry p.postnav span { display:block; }

#ct-left { width:130px; position:absolute; top:0; left:0; }

#ct-right { width:130px; position:absolute; top:0; right:0; }

.sidebar li { list-style-type:none; }
.sidebar li.widget h2, h2.twitter { text-transform:uppercase; font:bold 12px "Arial", sans-serif; margin-bottom:5px; letter-spacing:2px;  }
.sidebar li.widget ul { margin-bottom:20px; }

/* Kommentera */
h3#comments, div#respond h3 { font:normal 14px "Verdana", sans-serif; color:#000; text-align:left; margin-bottom:10px; }
div#respond { margin-top:20px; }
ol.commentlist li.comment { background-color:#eee; padding:10px; margin-bottom:10px; list-style-type:none; }
	ol.commentlist li.comment div.comment-body { font:normal 14px "Verdana", sans-serif; color:#000; }
		ol.commentlist li.comment div.comment-body div.comment-author, ol.commentlist li.comment div.comment-body div.comment-meta { text-align:center; }
			ol.commentlist li.comment div.comment-body div.comment-author img.avatar { display:none; }
		ol.commentlist li.comment div.comment-body p { color:#000; padding-top:10px; }
div#respond form#commentform { padding:0 10px 30px 10px; }
	div#respond form#commentform p { margin-bottom:4px; }
	div#respond form#commentform p input { width:300px; font:normal 18px "Verdana", sans-serif; padding:2px; }
		div#respond form#commentform p input#submit { margin-left:135px; }
	div#respond form#commentform p label { font:normal 14px "Verdana", sans-serif; color:#666; }
	div#respond form#commentform p textarea{ width:572px; font:normal 18px "Verdana", sans-serif; padding:2px; }

/* twitter */
ul.twitter { margin:0 0 10px 0; font:9px/9px "Verdana", sans-serif; width:130px; overflow-x:hidden; }
.twitter li a { display:block; padding:2px 4px 3px 4px; color:#000; text-decoration:none; }
.twitter li a:hover { color:#fff; background-color:#cf0000; }
.twitter li a span { display:block; font-size:75%; text-align:right; padding-top:2px; }

/* kalender */
table#wp-calendar { width:100%; }
.sidebar li.widget_calendar { font:10px "Verdana", sans-serif; }
.sidebar li.widget_calendar td { text-align:center; padding:0 1px; }
.sidebar li.widget_calendar td a { color:#cf0000; text-decoration:none; font-weight:bold; display:block; }
.sidebar li.widget_calendar td a:hover { color:#fff; background-color:#cf0000; }

/* lanklista */
.sidebar li.widget_recent_entries ul li a, .sidebar li.widget_links ul li a, .sidebar li.widget_pages ul li a, .sidebar li.widget_meta ul li a { font:12px "Verdana", sans-serif; color:#000; text-decoration:none; display:block; padding:2px 4px; }
.sidebar li.widget_recent_entries ul li a:hover, .sidebar li.widget_links ul li a:hover, .sidebar li.widget_pages ul li a:hover, .sidebar li.widget_meta ul li a:hover { color:#fff; background-color:#cf0000; }