/*  
Theme Name: GIFTORM
Theme URI: http://giftorm.se
Description: Giftorm Style for Wordpress
Version: 1.0
Author: Martin Ottosson
Author URI: http://defekt.se/

Please read the license in the README.txt included with the theme.
*/

/* --------------------------------------------------------------   
   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "css/grid.css";
/* End import/hide */

/* Basic */
body 		{ background: #a2a29a; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px; }
p			{ margin: 0px 0px 10px 0px; }
h1, h2, h3, h4, h5 	{ font-family: Georgia, "Times New Roman", serif; margin: 0px 0px 7px 0px; font-weight: normal; }
h1 a, h2 a, h3 a
			{ color: #333; text-decoration: none;}
h1 a:hover, h2 a:hover { color: #000; text-decoration: none; }
h1			{ font-size: 20px; line-height: 22px; color: #333; }
h2			{ font-size: 17px; line-height: 19px; color: #333; }
h3			{ font-size: 14px; line-height: 16px; color: #333; border-top: 2px solid #CCC; border-bottom: 1px solid #999; padding: 5px 0px; }
h4			{ font-size: 13px; line-height: 15px; color: #333; }
h5			{ font-size: 20px; line-height: 22px; color: #333; margin: 0px 0px 3px 0px; }
a			{ color: #7d6b56; text-decoration: none; }
a:hover		{ color: #ff5400; text-decoration: underline; }
img a, a img { border: none; }
.smalldate	{ font-size: 9px; line-height: 12px; margin-bottom: 10px; }

textarea	{ width: 400px; }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* Header */
#header { background: url('images/header.jpg') no-repeat; width: 985px; height: 173px; margin: 0px auto; display: block; }
#home 	{ margin-top: 50px; float: left; display: inline; }
#home a { width: 300px; height: 100px; display: block; }
#search		{ width: 245px; height: 100px; margin-top: 72px; float: right; display: inline; }
#search input { background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 210px; height: 20px; }

/* Footer */
div#footer {
	width: 935px;
	margin: 0px auto 20px auto;
	clear: both;
	display: block;
	padding: 10px 20px 20px 20px;
	border-left: 5px solid #ababa4;
	border-right: 5px solid #ababa4;
	border-bottom: 5px solid #ababa4;
	background: #333;
	color: #EEE;
	font-size: 11px; line-height: 17px;
}

div#footer h2 { color: #EEE; border-bottom: 2px solid #444; padding-bottom: 5px; }
div#footer a { color: #EEE; text-decoration: underline; }
div#footer a:hover { color: #ff5400; }
div#footer ul, div#footer li { list-style: none; margin: 0px; padding: 0px; }
div#footer ul li { padding: 2px 0px; }

/* Menu */
#menu 			{ background: url('images/menu.jpg') no-repeat; width: 985px; height: 47px; font-weight: bold;
				margin: 0px auto; display: block; clear: both; font-family: Arial, sans-serif; font-size: 12px; }
#menu ul		{ list-style: none; margin: 0px; padding: 0px; padding-left:10px; }
#menu ul li 	{ float: left; display: inline; list-style: none; margin: 0px; padding: 0px; }
#menu ul li a 	{ padding: 8px 15px 0px 15px; height: 23px; float: left; color: #FFF; text-decoration: none; text-shadow: #000 0px 1px 3px; }
#menu ul li a:hover { text-decoration: underline; }


/* Buttons */
.but1				{ background: #000; color: #CCC; padding: 5px; margin-right: 10px; text-decoration: none; }
.but1:hover			{ background: #ff5400; color: #FFF; text-decoration: none; }
.but2				{ background: #66cc33; color: #FFF; padding: 5px; margin-right: 10px; text-decoration: none; }
.but2:hover			{ background: #ff5400; color: #FFF; text-decoration: none; }

/* Posts */
.aimg1				{ width: 260px; height: 200px; float: left; display: inline; margin-right: 15px; }
.aimg2				{ width: 260px; height: 140px; float: left; display: inline; margin-right: 15px; overflow: hidden; }
.aimg3				{ width: 250px; height: 100px; display: block; margin-bottom: 10px; overflow: hidden; }

.post, .postnarrow	{ line-height: 16px; padding: 10px; background: #FFF; display: block; float: left; color: #333; }
.post				{ width: 535px; clear: both; }
.postnarrow 		{ width: 250px; height: 250px; padding-top: 7px; }
.postnarrow h2 		{ font-size: 14px; }
.postnarrowmeta		{ border-top: 1px solid #DDD; width: 250px; display: block; float: left; padding: 10px; background: #fafafa; margin-bottom: 15px; }

.firstpost			{ background: #FFF; font-size: 11px; line-height: 17px; }
.postmeta			{ background: #fafafa; border-top: 1px solid #DDD; margin-bottom: 15px; margin-top: 0px;
					padding: 7px 10px; clear: both; float: left; width: 535px; font-size: 10px; text-transform: uppercase; }
			
			
/* Single posts and page */

.single				{ font-size: 12px; line-height: 19px; padding: 10px; clear: both; background: #FFF; color: #444; margin-bottom: 15px; }
.single h1			{ font-size: 24px; line-height: 26px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.singlemeta 		{ font-size: 10px; line-height: 15px; border-bottom: 2px solid #DDD; padding-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; }
.singlemeta a 		{ color: #000; font-weight: bold; }


/* Latest issue */
.latest				{ height: 182px; background: url('images/bg_senaste.jpg') no-repeat; display: block; color: #FFF;
					font-size: 11px; line-height: 16px; margin-bottom: 15px; }
.cover				{ width: 120px; height: 160px; float: left; display: inline; margin: 11px 15px 0px 11px; }
.latestinfo			{ margin: 36px 15px 10px 0px; }

/* Simplepie RSS */

.simplepie			{ font-size: 11px; line-height: 15px; color: #555; margin-bottom: 15px;}
.simplepie ol 		{ list-style: none; margin: 0px; padding: 0px; }
.simplepie ol li 	{ list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; display: block; float: left;
					clear: both; border-bottom: 1px solid #999; }
.simplepie ol li a	{ display: block; float: left; color: #666; width: 365px; }
.simplepie ol li a:hover { text-decoration: none; color: #000; }
.simplepie h4		{ margin-bottom: 0px; }
.simplepie ol li a:hover h4 { color: #ff5400; }
.simpledate			{ font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 10px; margin-bottom: 1px; display: block; }


/* Comments */
#comments		{ padding: 0px; background: #666; color: #CCC; font-size: 11px; line-height: 16px; }
#comments ol		{ list-style: none; padding: 0px; margin: 0px; }
#comments ol li		{ list-style: none; padding: 10px; margin: 0px; border-bottom: 1px solid #edede8; }
#comments h3		{ color: #DDD; padding: 10px; margin: 0px; border: none; border-bottom: 2px solid #edede8; font-size: 14px; }
#comments h4		{ font-size: 12px; margin: 0px 0px 5px 0px; font-weight: normal; color: #f1f1f1; }
#comments h4 a, #comments a		{ color: #FFF; }
#comments ol li.alt	{ background: #444; }


/* Standard sidebar listings */
.scontent			{ font-size: 12px; line-height: 16px; margin-bottom: 15px; color: #555; }
.scontent a			{ color: #666; }
.scontent a:hover	{ color: #ff5400; }
.scontent ul, .scontent ul li		{ list-style: none; padding: 0px; margin: 0px; }
.scontent ul li		{ border-bottom: 1px solid #CCC; padding: 5px 0px; }
.scontent h3		{ margin-bottom: 0px; }
.scontent small		{ font-size: 10px; color: #888; }