/*  
Theme Name: Spel-Malmer
Theme URI: http://spel.malmer.nu
Description: Custom theme for spel.malmer.nu
Version: 1.0
Author: Malmer
Author URI: http://spel.malmer.nu/

*/

/* Global properties. */
*{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

html, body
{
 height: 100%;
}

html
{
  /*font-size: 100%;*/
}

body
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 13px;
  font-style: normal;
  color: Black;
  background: White url(images/header_background.png) repeat-x left 0px;
  min-height:100%;
  height:auto !important; /* ie6 ignores it */
  height:100%; /* fix */
  position: relative;
}


/* General elements */
a
{
  color: #2d83d5;
  text-decoration: underline;
}

a:hover
{
  color: White;
  background: #2d83d5;
  text-decoration: none;
}

img
{
  border: 0;
}

table{
  margin: .5em 0 1em;
  border-bottom: 3px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}

table td, table th{
  text-align: left;
  padding: .2em .4em;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

table th{
  background: #ebebeb;
  border-bottom: 2px solid #d9d9d9;
}

table tr.odd{
  background: #ebebeb;
}

table tr:hover{
  background: #d9d9d9;
}

p{
  line-height: 140%;
  margin: .4em 0 1em;
}

form p{
  margin: 0;
}

input, textarea, select{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  /*font-size: 100%;*/
  margin: .2em 0;
}

input, textarea{
  padding: .2em .4em;
	border: solid 1px #969696;
}

form label{
  font-weight: bold;
}

fieldset{
  padding: .8em;
  border: 1px solid #E7E8E6;
}

legend{
  padding: 2px 15px 10px 15px;
  color: #8b8b89;
  text-transform: uppercase;
  font-style: italic;
  font-size: 115%;
}

small{ font-size: 86%; }

/* lists */
li{
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1.2em;
}

ol li{
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 1.2em;
}

dl{
  padding: .3em 0 .8em;
}

dt {
  float: left;
  clear: left;
  width: 9em;
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
}

dd {
  margin: 0 0 0 10em;
  padding: 0 0 0.5em 0;
}


/* Headings */

h1
{
	font-size: 26px;
	letter-spacing: -0.04em;
	font-weight: normal;
}

h2
{
	font-size: 24px;
	letter-spacing: -0.04em;
	font-weight: normal;
	margin-top: 20px;
	color: #606060;
	margin-bottom: 10px;
}

h3
{
	font-size: 20px;
	letter-spacing: -0.04em;
	font-weight: normal;
	color: #606060;
}



/*** LAYOUT ***/

#logo
{
	height: 127px;
}

#page
{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#header
{
	margin-bottom: 82px;
}

#header a:hover
{
	background: transparent;
}
#header #banner
{
	background: Black;
	width: 900px;
	height: 250px;
}

#header #banner a,
#header #feedicon a,
#header #twittericon a,
#header #vimeoicon a
{
	display: block;
	width: 100%;
	height: 100%;
}

#header #feedicon
{
	background: url(images/feedicon.png) left top;
	width: 28px;
	height: 28px;
	margin-top: 74px;
	margin-right: 20px;
	float: right;
}

#header #twittericon
{
	background: url(images/twittericon.png) left top;
	width: 28px;
	height: 28px;
	margin-top: 74px;
	margin-right: 10px;
	float: right;
}

#header #vimeoicon
{
	background: url(images/vimeoicon.png) left top;
	width: 28px;
	height: 28px;
	margin-top: 74px;
	margin-right: 10px;
	float: right;
}

#content
{
	float: left;
	margin-left: 20px;
	/*margin-right: 20px;*/
	width: 560px;	
}

#sidebar
{
	float: right;
	width: 260px;
	margin-right: 20px;
}

/* Tabs */
#tabs
{
	font-size: 14px;
	letter-spacing: -0.06em;
	margin-top: -36px;
	padding-right: 20px;
}

#tabs ul
{
	list-style: none;
	display: inline;
	float: right;
}

#tabs li
{
	display: inline;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#tabs a, #tabs a:hover
{
	float: left;
	background: url(images/tab_left.png) no-repeat left top;
	color: #e0e0e0;/*#313131;*/
	padding-left: 20px;
	padding-right: 0px;
	margin-left: 4px;
	text-decoration: none;
	cursor: pointer;
}

#tabs a span
{
	float:left;
	display:block;
	background: url(images/tab_right.png) no-repeat right top;
	height: 36px;
	padding-right: 20px;
}

#tabs a span span
{
	display:block;
	background: none;
	height: auto;
	padding: 10px 0 0 0;
}

#tabs li.current_page_item a, #tabs li.current_page_item a:hover
{
	background: url(images/tab_left_active.png) no-repeat left top;
	color: Black;
}

#tabs li.current_page_item a span
{
	background: url(images/tab_right_active.png) no-repeat right top;
}




/* POST */
.story, .post, .attachment
{
	display: block;
	position: relative;
	min-width: 0;
	margin-bottom: 70px;
}

.story .postbody, .post .postbody, .attachment .postbody
{
	clear: left;
	display: block;
}

.story h1 a, .post h1 a, .story h2 a, .post h2 a
{
  color: Black;
  text-decoration: none;
}

.story h1 a:hover, .post h1 a:hover, .story h2 a:hover, .post h2 a:hover
{
  background: none;
  color: #2d83d5;
}


.postheader
{
	display: block;
	font-size: 11px;
	letter-spacing: -0.06em;
	color: #969696;
	background: url(images/icon_time.png) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 20px;
}

span.editlink
{
	width: 16px;
	height: 16px;
	display: block;
	float: right;
}

span.editlink a
{
	background: url(images/icon_edit.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;	
}


.story p.postcontrols, .post p.postcontrols, .attachment p.postcontrols
{
	color: #969696;
	float: right;
	margin: 0;
}

.story p.tags, .post .tags, .attachment p.postcontrols
{
	float: left;
	display: block;
	padding-left: 20px;
	margin: 0;
	background: transparent url(images/icon_tag.png) no-repeat left top;
}

a.comments, .story p.postcontrols a.comments, .post p.postcontrols a.comments{
  background:transparent url(images/icon_comment.png) no-repeat left top;
  padding-left: 20px;
}

a.comments:hover, .story p.postcontrols a.comments:hover, .post p.postcontrols a.comments:hover
{
  background:#2d83d5 url(images/icon_comment.png) no-repeat left top;
  padding-left: 20px;
}




/* misc... */

.left{ float: left; }
.right{ float: right; }
div.clear{ clear: both;height:1px;  }






/*** WORDPRESS SPECIFIC STYLES ***/

.widget{
  margin: 1em 0.6em 1.8em 0.6em;
  min-width: 0; /* IE7 peakaboo fix */
}

.widget ul ul{
  margin: 0 0 0 .8em;
}

#sidebar li
{
	list-style-type: none;
	line-height: 140%;
	margin: 0;
	padding: 0;
	list-style-position: outside; /* ie 7 bugfix */
	margin-bottom: 30px;
	font-size: 12px;
}

#sidebar li li
{
	margin-bottom: 0px;
}

#sidebar li.sidebar-feature
{
	margin-bottom: 10px;
}

#sidebar h2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	color: #969696;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #cfcfcf;
	margin: 0;
	padding: 0;
}

#sidebar .widget h2
{
	color: #969696;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#sidebar li.linkcat h2
{
	color: #969696;
	padding-bottom: 2px;
	text-align: right;
	font-style: italic;
	font-size: 14px;
}

/* lists with arrow bullets on some of the widgets */
.sidebar-feature-link, #sidebar li.linkcat li, #sidebar2 li.linkcat li,
.widget.widget_links ul li, .widget.widget_meta ul li, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget.widget_pages ul li, .widget.widget_recent_entries ul li, .widget.widget_text ul li{
	background: transparent url(images/icon_link.png) no-repeat left top;
}

.sidebar-feature-link a, #sidebar li.linkcat a, 
.widget.widget_links ul li a, .widget.widget_meta ul li a, .widget.widget_categories ul li a, .widget.widget_archive ul li a, .widget.widget_pages ul li a, .widget.widget_recent_entries ul li a, .widget.widget_text ul li a
{
   color: #969696;
   text-decoration: none;
   margin-left: 20px;
   display: inline-block;
}

.widget_tag_cloud a
{
  vertical-align: middle;
  text-decoration: none;
  padding: 0 0.2em;
  letter-spacing: -0.06em;
}


.sidebar-feature-link a:hover, #sidebar li.linkcat a:hover,
.widget.widget_links ul li a:hover, .widget.widget_meta ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover, .widget.widget_pages ul li a:hover, .widget.widget_recent_entries ul li a:hover{
   color:#2d83d5;
   background: none;
   text-decoration: underline;
}

/* recent comments widget */
.widget ul#recentcomments li, .widget div#get_recent_comments_wrap ul li{
	background: transparent url(images/icon_comment.png) no-repeat left top;
	padding-left: 20px;
	display:block;
	margin-bottom: 5px;
}

.widget ul#recentcomments li a.url, .widget div#get_recent_comments_wrap ul li a.url{
  border-bottom: 1px dotted #969696;
  color: #000;
  text-decoration: none;
  font-style: normal;
}

.widget ul#recentcomments li a.url:hover, .widget div#get_recent_comments_wrap ul li a.url:hover{
  border-bottom: 1px solid #969696;
  background: none;
}

.widget#tag_cloud a{
  line-height: 125%;
}


/* calendar widget */
.widget_calendar h2{
  display: none;
}

.widget_calendar table#wp-calendar{
  width: 100%;
  border: 1px solid #ccc;
}

.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td{
  text-align: center;
}

.widget_calendar table#wp-calendar thead th{
  font-weight: bold;
  background: #ccc;
  color: #fff;
  border: 0;
}

.widget_calendar table#wp-calendar tbody td{
  border: 0;
  background: #eee;
  color: #555;
}

.widget_calendar table#wp-calendar tbody td.pad{
  background: #fff;
}

.widget_calendar table#wp-calendar tfoot td{
  border: 0;
  background: #fff;
}

.widget_calendar table#wp-calendar caption{
  text-align: right;
  font-style: italic;
  color: #aaa;
}

#malmers-sidebar-feature a, #malmers-sidebar-feature a:visited
{
	color: Black;
}

.post .postheader{
  display: block;
  margin-left:0;
}

.post .postbody img, .attachment img, .navigation .alignleft img, .navigation .alignright img{
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

.post img.alignleft, .attachment img.alignleft{ margin-left: 0; }
.post img.alignright, .attachment img.alignright{ margin-right: 0; }
.post img.aligncenter, .attachment img.aligncenter, .post img.attachment-post-thumbnail { margin: 0 auto; text-align: center; }


.attachment-entry{
  text-align: center;
}

.attachment div.caption{
  background:#F7F7F7;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top:5px;
  margin:4px 10px;
  text-align:center;
  color: #8d8b8b;
  min-width: 0; /* ie7 peakaboo fix */
}

/* no border on smilies */
img.wp-smiley, .post .postbody img.wp-smiley, .attachment img.wp-smiley{
  padding: 0;
  margin: 0;
  border: 0;
}

.wp-caption {
  background:#F7F7F7;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top:5px;
  margin:4px 10px;
  text-align:center;
  color: #8d8b8b;
}

.wp-caption img, .post .postbody .wp-caption img, .attachment .wp-caption img{
  margin: 0;
  border: 0;
  padding: 0;
}

.wp-caption.alignleft{ margin-left: 0; }
.wp-caption.alignright{ margin-right: 0; }


.navigation{
  font-size: 80%;
  color: #969696;
  margin: 0;
  padding: 0;
}

.navigation a{
  text-decoration: none;
  color: #969696;
}

.navigation a:hover{
  background: none;
  color:#2d83d5;
}

.postmetadata{
  color: #c4c3c1;
  margin: 1em 0;
}

.postmetadata a{
  color: #929292;
}

.postmetadata a:hover{
  background: none;
  color:#ed1f24;
}

span.editlink{
  position: absolute;
  right: 10px;
  top: 5px;
}

span.editlink.page{
  position: relative;
  top: 20px;
}

span.editlink a{
  display: block;
  height: 16px;
  background: transparent url(images/edit.png) no-repeat left top;
  padding-left: 17px;
  color: #000;
  text-decoration: none;
}

span.editlink a:hover{
  background-position: left bottom;
  background-color: none;
  color:#ed1f24;
}

div.act{
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  margin-top: 50px;
  font-size: 110%;
  text-transform: uppercase;
}

span.button a{
  background: transparent url(images/button-bg.png) no-repeat right top;
  display: block;
  height: 31px;
  float: left;
  margin-right: 3px;
  cursor: pointer;
}

span.button a span{
  float: left;
  height: 31px;
  display: block;
  padding: 0 10px 0 25px;
}

span.quote a span{ background: transparent url(images/button-quote.png) no-repeat left top; }
span.reply a span{ background: transparent url(images/button-reply.png) no-repeat left top; }
span.submit a span{ background: transparent url(images/button-submit.png) no-repeat left top; }

span.button a span span{
  background: none;
  display: block;
  padding: 6px 10px 0px 10px;
  height: auto;
}

span.button a:hover{ background-position: right bottom; }
span.button a:hover span{ background-position: left bottom; }

span.advedit a{
  background: transparent url(images/edit.png) no-repeat left top;
  display: block;
  width: 16px;
  height: 16px;
}

blockquote{
  background: transparent url(images/blockquote.png) no-repeat left top;
  margin: 10px 65px 10px 10px;
  padding: 20px 20px 10px 10px;
  font-style: italic;
  color: #939494;
}

blockquote p{
  padding: 8px;
  margin: 2px;
  border: 1px dotted #939494;
}

#footer a.rss, a.rsssubscribe{
  background: transparent url(images/rss.png) no-repeat left 50%;
  padding-left: 18px;
}

#footer a.rss:hover, a.rsssubscribe:hover{
  background: #2d83d5 url(images/rss.png) no-repeat left 50%;
}

a.rsssubscribe{
  margin: 6px 0 0 10px;
  display: block;
}


#commentform{
  display: block;
  background: transparent url(images/div-h2.gif) repeat-x left 0px;
  padding: 6px 0 0 0;
  margin: 20px 0;
}

#commentform textarea{
  margin-bottom: 6px;
}

#commentform #commentdata label{
  background: #FFFF99;
}


/* pagination */

#commentnavi .page-numbers, #pagenavi a, #pagenavi span.pages, #pagenavi span.extend{
  padding: 2px 6px 2px 6px !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
  margin: 0 2px;
}

#pagenavi span.current{
  background: #ccc !important;
  color: #fff !important;
  padding: 2px 6px 2px 6px !important;
  border: 1px solid #ccc !important;
  margin: 0 2px;
}

#commentnavi a{
  color: #4a9dce;
  text-decoration: none;
}

#commentnavi a:hover{ color: #00619d; }
#comment .page-numbers.current, #pagenavi span.pages{ color: #ccc !important; }

#pagenavi{
  display: block;
  padding-bottom: 10px;
  font-size: 100% !important;
}

ol.commentlist
{
	margin-top: 40px;
	list-style-type: none;
}

li.comment, li.pingback
{
	list-style-type: none;
	margin-bottom: 50px;
}

li.comment p, li.pingback p
{
	padding-left: 42px;
}

li.comment .comment-author, li.pingback .comment-author
{
}

li.comment .commentmetadata, li.pingback .commentmetadata
{
	display: block;
	font-size: 11px;
	letter-spacing: -0.06em;
	color: #969696;
	margin-bottom: 10px;
}

li.comment .commentmetadata a, li.pingback .commentmetadata a
{
	color: #969696;
	text-decoration: none;
}

li.comment .commentmetadata a:hover, li.pingback .commentmetadata a:hover
{
	background: transparent;
	color: #2d83d5;
	text-decoration: underline;
}

li.comment .comment-author .fn, li.pingback .comment-author .fn
{
	font-style: normal;
	font-weight: bold;
}


/* gravatar */
li.comment .avatar{
  float: left;
  width: auto !important;
  padding-right: 10px;
}

.aligncenter, .attachment-post-thumbnail {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft { float: left; }
.alignright { float: right; }

li.infotext{
  text-align: center;
  padding: 2px 12px 0 6px;
}

img.wp-smiley { vertical-align: -20%; }


.profile .avatar img{
  padding: 3px;
  margin: 0 6px 6px 0;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
}

.profile .info{
  margin-left: 148px;
}

p.im{
  margin: .1em 0 .2em;
  padding: 1px 0;
}

img#wpstats
{
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
}

span.cluv
{
	background: #eeeeee;
	display: block;
	margin-top: 10px;
	font-size: 75% !important;
}

/* Twitter */

#twitter_update_list li
{
	padding-bottom: 10px;
	padding-left: 20px;
	display: block;
}