/*
Theme Name:		Med i medier
Tags:			Accessibility, Tillgängligt, HSO, Med i medier
Theme URI:		http://www.medimedier.nu/tema.zip
Description:	...
Version:		1.0
Author:			NetRelations
Author URI:		http://www.netrelations.se
*/

/*
main.css: The global stylesheet, used for screen and projection media types
*/

/*
=Reset
*/

blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
address,dl,fieldset,p,pre,ul,ol,li,table {margin:0 0 0.5em;}
ul,ol,dd {margin-left:30px;}
td ul,td ol {margin-left:15px;}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {margin-bottom:0;}
blockquote {
	margin:1em 40px;
	font-style:italic;
}
dt {font-weight:bold;}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table,th,td {border:1px solid #999;}
th,td {padding:2px 3px;}
caption,th {
	font-weight:bold;
	text-align:left;
}
img {border:none;}
html,body {
	color:#000;
	background:#fff;
}
body {font:87.5%/1.5 sans-serif;}
h1,h2,h3,h4,h5,h6 {
	color:#000;
	font-weight:bold;
	font-size:1em;
	line-height:1.0;
}
h1 {
	margin:0.8em 0 0.55em;
	font-size:1.6em;
	font-weight:normal;
}
h2 {
	margin:1.7em 0 0.35em;
	font-size:1.2em;
}
h3 {
	margin:1.95em 0 0.4em;
	font-size:1.1em;
}
h5 {font-style:italic;}
h6 {
	font-weight:normal;
	font-style:italic;
}
a:link {color:#900;}
a:visited {color:#000;}
a:hover,
a:focus,
a:active {color:#000; background:#ffc;}
em {font-style:italic;}
strong {font-weight:bold;}

/*
=Global classes
*/

/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.cf {display:inline-block;}
* html .cf {height:1px;}
.cf {display:block;}

/* Structural elements, not visible when CSS is enabled */
.structural {
	position:absolute;
	top:-123456px;
	left:-9999px;
}
/* Images */
.alignleft,
.alignright {
	float:left;
	width:auto;
	margin:3px 15px 5px 0;
}
.alignright {
	float:right;
	margin:3px 0 5px 15px;
}
.aligncenter {
	margin:3px auto;
	text-align:center;
}

/*
=Main layout
*/

body {
	position:relative;
	max-width:970px;
	margin:0 auto;
	padding:0 0 0 10px;
}
#body {
	padding: 0 10px 0 0;
}
#header {
	position:relative;
	margin-bottom:30px;
}

#footer {
	clear:both;
	padding:10px 0 0 0;
}
#content-primary {
	float:left;
	width:65.3%;
}
#content-secondary {
	float:right;
	width:30.5%;
	overflow:hidden;
	padding-left:20px;
	border-left:1px solid #ccc;
}

#title {
	padding:30px 0;
	font:bold 3em/1 "Century Gothic", Sans-Serif;
}
#title h1 {
	margin:0;
	font:bold 1em/1 "Century Gothic", Sans-Serif;
}
#title a {text-decoration:none;}
#title a:hover {text-decoration:underline;}


/*
=Skip links
*/

#skip {
	display:inline;
}
#skip a {
	display:block;
	position:absolute;
	top:-9999px;
	z-index:100;
	width:100%;
	padding:1em 0;
	background:#393939;
	color:#fff;
	text-align:center;
}
#skip a:focus,
#skip a:active {
	top:0;
}

/*
=Main navigation
*/

#nav {
	clear:both;
	margin:0 0 4px 0;
	padding-left:20px;
	list-style:none;
	font:bold 1.2em/1 sans-serif;
	background:#000;
}
#nav ul {
	position:absolute;
	top:-123456px;
	left:-9999px;
}
#nav li {
	display:inline;
}
#nav a {
	display:block;
	float:left;
	padding:8px 10px;
	color:#fff;
	text-decoration:none;
}
#nav li span {}
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav li.sel a {background:#900;}
#nav a:hover span,
#nav a:focus span,
#nav a:active span,
#nav .sel a span {}

#header_image {
	clear:both;
	width:960px;
	height:160px;
	background:url(i/header.gif) no-repeat;
}

/*
=Modules
*/

.m-h h2,
.m-h h2 a {
	font:normal 1.2em/1.2 sans-serif;
	color:#000;
	text-decoration:none;
}
.m-h h2 a:hover {
	text-decoration:underline;
}
.m-h h3 {
	margin-top:40px;	
	font:normal 1.3em/1.2 sans-serif;
	color:#000;
	text-decoration:none;
}
.m-h h4 {
	margin-bottom:15px;
	font:normal 1em/1 sans-serif;
	color:#555;
	text-transform: none;
}
.m-c {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.m-c a.more-link {
	float:right;
	margin-left:10px;
	padding:0 2px;
	background:#900;
	color:#fff;
	text-decoration:none;
}
.m-c a.more-link:hover,
.m-c a.more-link:focus,
.m-c a.more-link:active {
	background:#000;
}
.m-c p.comment,
.m-c p.tags {
	display:inline;
	padding-right:5px;
}
.m-c p.tags strong {
	color:#555;
}
.m-c p.tags a {
	color:#555;
}
.m-c p.tags a:hover,
.m-c p.tags a:focus,
.m-c p.tags a:active {
	color:#000;
	text-decoration:underline;	
}

/* Comments */

#comments .m-c {border:0;}
#comments .m-c ul {
	margin:20px;
	list-style-type:none;
}
#comments .m-c ul li {
	margin:0 0 20px 0;
	border-bottom:1px solid #ccc;
}
#comments .m-c h4 {
	margin:0 0 5px 0;
}
#comments .m-c h4 .comment-link {
	padding-right:5px;	
	text-decoration:none;
	color:#555;
}

/* Paging */

.pager {
	width:100%;
	margin: 20px 0;
	list-style-type:none;
	clear:both;
}
.pager li {
	margin:0;
}
.pager li.previous {
	float:left;
}
.pager li.next {
	float:right;
	text-align:right;
}

/* Forms */

form. {
	margin:20px 0;
}
form fieldset {
	border:0;
}
form legend {
	display:none;
	visibility:hidden;
}
form div {
	margin:0 0 1em 0;
}
label {
	display:block;
	clear:both;
	font-size:1em;
	font-weight:bold;
	margin: 5px 0 3px 0;
}
form textarea {
	font:normal 1em sans-serif;
}
form.general input {
	width:400px;
}
form.general textarea {
	width:400px;
	height:200px;
}
form.general .submit-area input {
	width:auto;
}
form.general h3.success {
	margin:20px 0;
	padding:10px;
	border:1px solid #336600;
	background:#d1e9ab;
}
form.general h3.error {
	margin:20px 0;
	padding:10px;
	border:1px solid #f00;
	background:#f1c6c6;
}
span.error {
	color: #f00;
	font-weight:normal;
}

/* Widgets */

#content-secondary ul {
	margin:0;
	list-style-type:none;
}
#content-secondary ul li.widget {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
#content-secondary ul li.widget_search {
	padding-top:0;
	background:none;
}
#content-secondary h2 {
	margin-bottom:10px;
}

#wp-calendar {
	margin:0;
	border:0;
	border-collapse:collapse;
}
#wp-calendar caption {
	text-align:center;
}
#wp-calendar th {
	padding:10px 0;
	border:0;
	text-align:center;
}
#wp-calendar td {
	padding:5px 0;
	border:0;
	text-align:center;
}
#wp-calendar td#prev {
	padding-left:5px;
	text-align:left;
}
#wp-calendar td#next {
	padding-right:5px;
	text-align:right;
}
#wp-calendar td#prev a,
#wp-calendar td#next a {
	display:inline;
}
#wp-calendar td a {
	display:block;
}
.widget_search input#s {width:200px;}

.widget_archive li {
	margin:0 0 5px 0;
}
.widget_recent_posts li,
.widget_recent_comments li {
	margin:0 0 5px 0;
	color:#555;
}
.widget_tag_cloud a {display:block;}