/* 
Theme Name: In Search of the Miraculous
Theme URL: http://insearchofthemiraculous.se/
Description: The search is on...
Author: Martin Ottosson
Author URI: http://dfkt.se
Version: 1.0

*/

/* --- RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;}caption, th, td {text-align:left;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/* Here is a list of all the <DIV>s in Whiteboard. */

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/* --- BASIC */

body				{ font-family: Georgia, "Times New Roman", serif; font-size: 13px; line-height: 18px;
					color: #333; margin: 0px; background: #999; }
a					{ text-decoration: underline; color: #FF0000; }
a:hover				{ text-decoration: none; color: #000; background: #EEE; }
ul, li				{ margin: 0px; padding: 0px; list-style: none; }
p					{ margin: 0px 0px 10px 0px; }
hr					{ display: block; height: 1px; border: none; border-top: 1px dashed #333; clear: both; margin: 20px 0px; }
small				{ font-size: 11px; }
#container			{ width: 100%; display: block; clear: both; min-width: 960px; }
#content			{ background: #FFF; padding: 25px 20px; width: 500px; display: inline; float: left;
					min-height: 650px; }

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

/* --- HEADINGS */

h1,h2				{ margin: 0px 0px 10px 0px; }
h1					{ font-family: Georgia, "Times New Roman", serif; font-size: 20px; line-height: 22px; color: #333; font-weight: normal; }
h3					{ margin: 0px 0px 4px 0px; }
h2					{ font-family: Univers, Arial, sans-serif; font-size: 25px; line-height: 27px; font-weight: bold; }

/* --- HEADER & MENU */

#header				{ width: 100%; min-width: 960px; height: 115px; display: block; margin-top: 30px; }
.logo				{ width: 80%; display: inline; float:left; }
.logo a				{ display: block; width: 540px; height: 80px; background: url('images/logo2.png') no-repeat;
					margin-left: 190px; }
.logolinks			{ width: 20%; display: inline; float: left; text-align: right; }
.logolinks a		{ background: none; }

#menu				{ width: 180px; float: left; display: inline; margin-right: 10px; }
#menu ul li			{ display: block; list-style: none; font-size: 11px; text-transform: uppercase; margin-bottom: 2px; }
#menu ul li a		{ padding: 6px 15px; background: #000; text-decoration: none; color: #DDD; display: block; text-align: right; }
#menu ul li a:hover, #menu ul li.current_page_item a:hover
					{ background: #FF0000; color: #FFF; }
					
#menu ul li.current_page_item a
					{ background: #990000; color: #f1f1f1;  }
					
/* --- POSTS -- */

.post				{ margin-bottom: 20px; }
.post h2 a			{ color: #333; text-decoration: none; padding: 5px 0px 1px 0px; }
.post h2 a:hover	{ color: #FF0000; background: #f1f1f1; }
.postmeta			{ clear: both; display: block; font-size: 11px; line-height: 14px; font-family: Arial, sans-serif;
					color: #666; border-bottom: 2px solid #333; border-top: 1px dashed #CCC; padding: 10px 0px 6px 0px; }
.postmeta p			{ margin: 0px 0px 3px 0px; }
.postmeta .tags		{ margin-top: 5px; }
.postmeta .tags a	{ color: #333; background: #DDD; padding: 2px; text-decoration: none; margin-right: 5px; }					
.postmeta .tags a:hover
					{ background: #333; color: #FFF; }
.firstpage			{ border-bottom: 1px solid #CCC;}				
.firstpage ul li	{ display: block;   }
.firstpage ul li a	{ padding: 5px 2px; border-top: 1px solid #CCC; text-decoration: none;
					color: #000; display: block; }
.firstpage ul li a small { float: right; }					
					
/* --- SIDEBAR */

#sidebar			{ width: 180px; margin-left: 10px; display: inline; float: left; background: #EEE;
					font-size: 11px; line-height: 15px; color: #666; padding: 20px 10px; }
#sidebar div		{ margin: 0px 0px 5px 0px; display: block; }
.sidecart div		{ border-bottom: 1px dashed #999; padding-bottom: 10px; }
#sidebar h2			{ font-size: 15px; line-height: 17px; margin: 0px 0px 5px 0px; }
.widget				{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #CCC; }
.widget_get_recent_comments li
					{ padding-top: 6px; margin-top: 6px; border-top: 1px solid #DDD; }
.widget_get_recent_comments .commentauthor { display: block; font-style: italic; }					

/* --- SUPERSIZE */
#supersize 			{ position: fixed; top: 0; left: 0; z-index: -1; }
#supersize img 		{ height:100%; position:absolute; width:100%; z-index:0; }

/* --- GALLERY */

.gallery 			{ margin: 0px; clear: both; display: block;}
.gallery-item		{ float: left; margin-top: 10px; width: 25%; }
.gallery img		{ border: 1px solid #cfcfcf; }
.gallery img:hover	{ border-color: #000; }
.gallery-caption	{ margin-left: 0; }

/*--- PRODUCTS */
.pthumbs			{ clear: both; display: block; margin: 10px 0px; }
.price				{ font-size: 22px; line-height: 24px; color: #FF0000; margin: 5px 0px; }
.shopping_cart td	{ border-bottom: 1px solid #CCC; padding: 5px 0px; }

/* --- FOOTER */

#footer				{ clear: both; display: block; margin-left: 190px; width: 500px; padding: 20px;
					background: #000; color: #CCC; font-size: 11px; line-height: 15px; }
					
/* --- COMMENTS */
#comments			{ font-size: 12px; line-height: 16px; color: #333; }
.comments_reply textarea
					{ width: 476px; border:none; padding: 10px; background: #EEE; }
.comments_meta		{ display: block; margin-bottom: 10px; font-size: 11px; line-height: 15px; font-style: italic; color: #888; }
.comment_text		{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999; }
.comment_text p		{ margin-left: 40px; }					
.avatar				{ float: left; margin: 0px 8px 8px 0px; }

/*--- CONTACT FORM */
.wpcf7 input, .wpcf7 textarea		{ border: none; background: #EEE; padding: 5px; border: 1px solid #DDD; width: 480px; }
input.wpcf7-submit		{ background: #FF0000; padding: 6px; color: #FFF; width: 80px; }