/*
Theme Name: Produktdesign 2010
Theme URI: http://www.erikostman.com
Description: Produktdesignprogrammet Malmö Högskola.
Author: Erik Östman
Author URI: http://www.erikostman.com
Tags: white, blue, two columns, valid, widget ready, simple, clean, grid-based
Version: 1.5
License: This theme is released under GPL
*/
body { margin: 0px; padding: 0px; font-family:"Times New Roman", Arial, Helvetica, sans-serif; color: #000; background: #fff; }

a img { border: none; }
p, li, li li { line-height: 160%; margin-top: 0; }
p {font-size: 14px;}
h1 { font-family: Arial; font-size:24px; color:#000; text-transform: uppercase; margin-bottom: 10px; margin-top:0;}
h1 a { color: #000; text-decoration: none; }
h2 { font-family: Arial; font-size:12px; color:#fff; background: #000; display: inline; padding:5px; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; }
h3 { font-family: Arial; font-size:12px; color:#000;  display: inline; text-transform: uppercase; padding-bottom: 20px; padding-top: 20px;}
small { font-size: 0.9em; line-height: 140%; }
a { color: #333; }
a:hover { color: #555; }

#container { width: 960px; margin: 15px auto; }
#wrapper { float: left; display: inline; width: 960px; }
#header { width: 960px; float: left; display: inline; overflow: hidden;  text-transform: uppercase; margin-bottom:  20px; }

#navigation{ padding:0;  font-size: 20px;  text-align: right; font-weight:bold;}
#navigation ul{ list-style: none; margin: 0; width: 30px; overflow: visible;  padding: 0;}
#navigation li a{ list-style: none; background: #000;  display: inline; line-height: 200%; text-decoration: none; padding: 5px; color: #fff;}
#navigation li a:hover{ list-style: none; background: #0080c7; display: inline; line-height: 200%; text-decoration: none;  padding: 5px; color: #fff;}

#postwrapper{ width: 720px; float: left;  margin-right: 20px;}
#post{ width: 720px;  margin-bottom: 15px; border-bottom: 5px dashed #000;}
#post p {margin-top: 5px;  margin-bottom: 10px;}

#date { width:50px; height: 70px; background:url(images/date.jpg) no-repeat; margin-left:-70px;color: #fff;font-family: Arial; float: left; font-size: 17px; padding:5px; text-align: right; font-weight: bold; }
.premeta{font-family: Arial; font-size: 11px; padding-top: -5px;}
#content{ width: 720px;  margin-bottom: 15px; float:left;}
.commentcount{background:url(images/comments.gif) no-repeat; min-width: 24px; min-height: 31px;  padding: 10px;}

#sidebar{ width: 220px; float: left; display: inline; overflow: visible; font-family: Arial; font-size:10px; text-transform: uppercase;}
.socialicon{float:left; width: 24px; height: 24px; margin-right: 5px;}
#content-bot{float:left; text-align: center;}
.prev a{background: #000; text-decoration: none; padding: 5px; color: #fff; font-size: 12px; text-transform: uppercase; text-align: left;}
.next a{background: #000; text-decoration: none; padding: 5px; color: #fff; font-size: 12px; text-transform: uppercase; text-align: right;}

/* Comments */
.comments {width:720px; float: left;}
.commentbox  { font-size: 11px; margin-left: 0px; width:700px; background: #000 url(images/comment_top.png) top center no-repeat; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: #fff; list-style: none; padding-right: 10px; }
.comments ul{ padding: 0;}
.comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }
.commentmeta{font-family: Arial; font-size: 11px; margin-left: 0px; width:670px; height: 50px; background:url(images/comment_bot.png) no-repeat top; padding-left: 50px; padding-top: 35px; color:#000; text-transform: uppercase; }
.commentmeta a{ text-decoration: none; color:#000; }


#footer-wrapper { margin-top: 20px; float: left; display: inline; width: 100%; }
#footer { margin: 0px auto; width: 960px; overflow: hidden; padding: 10px 0px 30px;  padding-top: 10px; color: #000; }
#footer ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #ccc solid; }
#footer li { margin: 0px; padding: 1px 0px 1px; border-bottom: 1px #ccc solid; width: 280px; }
#footer li a { display: block; text-decoration: none; padding: 1px 0px; }
#footer a, #footer li a { color: #999; }
#footer a:hover, #footer li a:hover { color: #eee; }
#footer h2, #footer h2 a { font-size: 1.1em; color: #524641; text-decoration:none; }
.size-thumbnail{margin-right: 10px; margin-bottom: 10px;}


#copyinfo{color: #000; font-size: 0.7em; padding-bottom: 10px; padding-top: 10px; text-align: right; padding-right: 10px;}