/*
Theme Name: Hulténs grillar
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: Georgia,"Times New Roman", Arial, Helvetica, sans-serif; color: #000; background: #fff url(images/bg_body2.jpg) no-repeat fixed center; }

a img { border: none; }
p, li, li li { line-height: 160%; margin-top: 0; }
p {font-size: 14px;}
h1 { font-family: Georgia,"Times New Roman"; font-size:30px; font-style: italic; font-weight: normal; color:#000; text-transform: uppercase; margin-bottom: 0px; margin-top:0;}
h1 a { color: #000; text-decoration: none;  }
h2 { font-family: Georgia,"Times New Roman"; font-size:24px; color:#000; display: inline; text-transform: uppercase; font-style: italic; font-weight: normal; }
h3 { font-family: Georgia,"Times New Roman"; font-size:18px; color:#000; display: inline; text-transform: uppercase; font-style: italic; font-weight: normal;}
small { font-size: 0.9em; line-height: 140%; }
a { color: #333; }
a:hover { color: #555; }

#container { width: 960px; margin: 0px auto; }
#wrapper { float: left; display: inline; width: 960px; }
#header{ width: 570px; height: 110px;  margin-bottom: 15px; padding: 15px;color:#000; background:url(images/bg_header.png) no-repeat; -moz-border-radius-bottomright: 15px; }
#header p{font-size: 12px; font-style: italic;}
#header h3{color:#000;}
#header_left{float: left; width: 31px; height: 130px; background:url(images/header_left.png) no-repeat; margin-left: -31px; margin-bottom: 15px;}

#logo{float: left; width:310px; text-align: center; padding-bottom: 10px; }
#navigation{  color:#000; text-transform: uppercase; margin-bottom: 0px; margin-top:0;  }
#navigation ul{margin:0; padding: 0;font-family: Georgia,"Times New Roman"; font-size:30px; font-style: italic; font-weight: normal;}
#navigation li{margin:0; padding: 0; list-style: none; font-family: Georgia,"Times New Roman"; font-size:30px; font-style: italic; font-weight: normal; line-height: 200%;}
#navigation li a{text-decoration: none; font-family: Georgia,"Times New Roman"; font-size:30px; font-style: italic; font-weight: normal; color: #000;}
#navigation li a:hover{text-decoration: underline;}
#postwrapper{ width: 600px; float: left;}
#post{ width: 570px;  margin-bottom: 15px; padding: 15px; background: #fff;  }
#post p {margin-top: 5px;  margin-bottom: 10px;}
#post ul {font-size: 14px; list-style-image:url(images/bullet.gif); }
#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;}
.divider{float: left; width:570px; height:10px; background:url(images/divider.gif) no-repeat; margin-top:5px; }
.divider_white{float: left; width:570px; height:10px; background:url(images/divider_white.gif) no-repeat; margin-top:5px; }

#sidebarwrapper{ float: left; margin-left: 20px; width: 340px; margin-top: -5px; }
#sidebar_top{ float: left;  width: 340px; height: 82px; background:url(images/sidebar_top.png) no-repeat;}
#sidebar_bot{ float: left;  width: 340px; height: 82px; background:url(images/sidebar_bot.png) no-repeat;}
#sidebar{ float: left; width: 310px; background: #fff; padding-left: 15px; padding-right: 15px; overflow: hidden; padding-top: 20px;}
#sidebar h2{margin-top: -20px; padding-top:-20px;  }
#sidebar ul{margin:0; padding: 0;}
#sidebar li{margin:0; padding: 0; list-style: none; font-size: 18px; text-transform: uppercase; font-style: italic;}
#sidebar li a{text-decoration: none; color:#000;}
#sidebar li a:hover{text-decoration: underline;}
.sidebar_divider{float: left; width:310px; height:10px; background:url(images/divider.gif) no-repeat; margin-top:5px; }


.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:600px; float: left;}
.commentbox  { font-size: 11px; margin-left: 0px; width:570px; background: #000; padding:15px; color: #fff; list-style: none; padding-right: 10px; margin-bottom: 15px; }
.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;  color:#fff; text-transform: uppercase; }
.commentmeta a{ text-decoration: none; color:#000; }


#footer-wrapper { 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;}