/*
Theme Name: Gurrametoden
Theme URI: http://johannesholmberg.se
Description: Temat för Gurrametoden.se
Version: 1.0
Author: Johannes Holmberg
Author URI: http://johannesholmberg.se
*/

/*------------[ Reset ]-------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, 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 {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%;
font-family: inherit;vertical-align: baseline;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*------------[ Classes ]-------------*/

.right, .alignright 				{ float: right; margin: 0 0px 5px 15px; }
.left, .alignleft 					{ float: left; }
.clear 								{ clear: both; }
.hidden 							{ display: none; }
.bold 								{ font-weight: bold; }
.italic 							{ font-style: italic; }

.button								{ padding:9px 25px; text-decoration:none; color:#fff; 
										background:#7d96a3; cursor:pointer; margin:25px 0; -webkit-border-radius:15px;
										-moz-border-radius:15px; font-size:16px; font-weight:bold; }
.button:hover, 
.button:active, 
.button:focus						{ background:#426576; }

.pp_bottom .pp_middle							{ margin-top:30px; }

.wp-smiley							{ border: none; margin: 0; }

@font-face 							{ font-family: Quicksand; src: url('fonts/Quicksand-Book.otf'); }



/*------------[ Main styling ]-------------*/


body 								{ background:url(images/bg-body.png) repeat-x #fff; color:#3e3e3e; font-size:12px;
										font-family:Arial, Helvetica, sans-serif; line-height:20px; }

h1, h2, h3, h4 						{ font-family:Arial, Helvetica, sans-serif; color:#2f2f2f; text-shadow:0 1px 1px #fff; } 
h1 									{ font:40px/100% Arial, Helvetica, sans-serif; }
h2 									{ font:35px/100% Arial, Helvetica, sans-serif; margin-bottom:10px; }
h3									{ font-size:24px; }
h4 									{ font-family: Quicksand, Arial; font-size:20px; font-weight:normal; padding-bottom:15px; 
										background:url(images/divider.png) repeat-x bottom; }

p 									{ margin-bottom:25px; }

h1 + p,	h2 + p,	h3 + p,	h4 + p,
h1 +ul, h2 + ul, h3 + ul, h4 + ul	{ margin-top:10px; }

										
ins									{ text-decoration:underline; }

hr									{ background:#ddd; margin:20px 0; }

a 									{ color:#3e3e3e; text-decoration:underline; }
a:hover, a:active, a:focus			{ text-decoration:none; }

ul, ol 								{ padding-left:14px; margin:15px 0; }

img 								{ border:1px solid #6b6b6b; margin:0px 10px 10px 0; }

input								{ border:1px solid #c7c7c7; padding: 5px 5px; color: #000; }

strong								{ font-weight:bold; }


/*----------------------------------[ =Structure ]-----------------------------------------*/


#wrapper 							{ width:900px; margin:auto; padding:0 30px; }


/*---------------[ Header ]---------------*/


#header 							{ background:url(images/stroke.jpg) no-repeat 446px top; position: relative; }
#header h1							{ display:none; }
#header img							{ border: none; margin: 35px 0 15px 0; }
#header #picture					{ background:url(images/gurra.jpg) no-repeat top right; width:156px; height:233px; position: absolute; top: 0; right: 5px; }

#main-navigation					{ background:url(images/bg-menu.png) no-repeat;
										height:100px; padding-top:20px;  }
#main-navigation ul					{ list-style-type: none;  position: relative; z-index:100;
										  padding-top:12px; width:706px; margin: 1px 0 0 25px; }
#main-navigation ul li				{ display:inline; margin:0 auto; text-align:center;}
#main-navigation ul li a			{ text-decoration:none; padding:19px 29px 20px 28px;  margin:0 0px; color:#fff; text-shadow:1px 1px 2px #999;
										font-size:18px; }

#main-navigation ul li.current-cat-parent a,
#main-navigation ul li.current_page_item a,
#main-navigation ul li.current-cat a,
#main-navigation ul li a:hover, 
#main-navigation ul li a.active		{ background:url(images/menu-hover.png) no-repeat center; }



.category-gym #main-navigation ul li.current-cat-parent a,
.category-bilderfilmer #main-navigation ul li.current-cat a,
.category-recensioner #main-navigation ul li.current-cat a, 
.category-kosttillskott #main-navigation ul li.current-cat-parent a,
.category-smakrecension #main-navigation ul li.current-cat-parent a,
#main-navigation ul li.cat-item-6 a:hover,
#main-navigation ul li.cat-item-5 a:hover		{ background:url(images/menu-hover-big.png) no-repeat center; }


/*---------------[ Content ]---------------*/


#content 							{ margin-top:40px; }

#page-content						{ width:580px; padding-right:60px; float:left; background:url(images/sidepanel-divider.png) repeat-y right; }
#main-content						{ width:501px; padding-right:60px; float:left; padding-left:79px; background:url(images/sidepanel-divider.png) repeat-y right; }


.post-wrapper						{ background:url(images/divider.png) repeat-x bottom; padding-bottom:10px; margin-bottom:35px; }
.post-wrapper h2.header				{ width:455px; margin-right:10px; float:left; }
.post-wrapper 						{ font-size: 14px; }

h2.pagetitle						{ margin-bottom:50px; font-size: 42px; }
.comment-bubble						{ width:36px; height:33px;background:url(images/bg-comment.png) no-repeat; float:right;
										text-align:center; padding:3px 0px 0 0; text-shadow:0 1px 1px #fff; margin-bottom: 10px; font-size:12px; }
.comment-bubble a					{ text-decoration:none; }										
.date								{ background:url(images/bg-date2.png) no-repeat; margin:0px 15px 10px 0; 
										float:left; width:64px; height:120px; padding-top:29px; margin-left:-79px;
										 text-align:center; color:#fff; text-shadow:1px 1px 1px #666; }

.day								{ display:block; font-size:25px; }															
.month								{ display:block; font-size:15px; margin:-2px 0 -3px; }
.year								{ font-size:15px; }

.grade								{ margin:10px 0; }
.grade img							{ display: inline; margin: 0px 1px; }

.social .category					{ float:left; }
.social .facebook					{ background:url(images/facebook.png) no-repeat right; padding-right:25px; font-size:12px; float :right; }


/*---------------[ Comments ]---------------*/


.commentlist,
.commentlist ul						{ list-style: none; padding: 0;  }
.commentlist ul						{ padding-left: 20px; }
.comment-wrapper					{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; }
.comment-wrapper cite				{ font-weight: bold; margin-top: 10px; }
.comment-author img					{ float: left; }


/*---------------[ Sidepanel ]---------------*/


#sidepanel							{  width:210px; float:left; min-height:200px;
										padding:0 0 0 50px }

#sidepanel div						{ margin-bottom:30px; }
#sidepanel ul						{ list-style:none; margin-top:20px; padding: 0; }
#sidepanel ul li					{ margin:5px 0 5px; }
#sidepanel ul li.odd				{ background: #fff; }
#sidepanel ul li a					{ display: block; padding: 3px 5px; text-decoration: none; }
#sidepanel ul li a:hover			{ color: #4f99d4; }

#search-panel						{ position: relative; }
#search-panel input					{ width:140px; padding-right: 60px; }
#search-panel .magGlass				{ background:transparent url(images/icon-search.png) no-repeat left top;
										height:46px; position:absolute; right:-10px; top:-10px; width:44px; cursor:pointer; border:0; }

.news								{ margin-top: 10px; }

.linkcat							{ list-style: none; }

#samarbetspartners-panel h4			{ background: none; }

/*---------------[ Footer ]---------------*/

#footer 							{ margin-top:60px; text-align:center; }