/*
Theme Name: Anton
Theme URI: http://www.antonabele.se/
Description: Temat för antonabele.se
Version: 1.0
Author: Britny
Author URI: http://www.britny.se/
Tags: blå vit


*/

/* Reset browsers
___________________________________________________*/

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-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* Page basics
___________________________________________________*/

body {
	background: #fff;
	color: #000;
	line-height: 16px;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
}

.inside {
	width: 1004px;
	text-align: left;
	margin: 0 auto;
}


/* Misc
___________________________________________________*/

/* Self-clear floats */

.group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Type
___________________________________________________*/

/* -- Basic -- */

.page {
	font-size: 1.1em;
}

h1 {
	font: bold 3.4em Arial, sans-serif;
	padding: 0;            
	margin: 0;
}

p {
	padding: 0 0 15px 0;
}

strong {
	font-weight: bold;
}

a,
a:visited,
a:hover,
a:active {
	color: #3fb3e8;
	text-decoration: none;
}

/* Ingress */

.tpl-about strong,
.tpl-issues .main strong,
.tpl-affect .top strong,
.tpl-single strong {
	color: #000;
	font: normal 1.2em Georgia, "Times new Roman", serif;
}

/* Quote */

.tpl-about blockquote,
.tpl-issues blockquote,
.tpl-single blockquote {
	background: url(images/icon-quote.gif) 0 0 no-repeat;
	color: #000;
	font: normal 1.4em Georgia, "Times new Roman", serif;
	float: right;
	display: inline;
	padding-top: 20px;
	margin: 0 0 0 20px;
}


/* nav-main
___________________________________________________*/

.nav {
	background: url(images/bg-nav.jpg) 0 0 repeat-x;
}

.nav .inside {
	background: url(images/bg-nav-inside.jpg) 0 0 repeat-x;
}

ul.main-nav li,
ul.social-nav li,
ul.main-nav li a,
ul.social-nav li a {
	text-align: center;
	float: left;
	display: inline;
}

/* -- Main -- */

ul.main-nav {
	float: left;
	display: inline;
}

ul.main-nav li a {
	text-indent: -999999px;
	height: 61px;
}

ul.main-nav .nav-item-1 a {background: url(images/nav-main.gif) 0 0 no-repeat; width: 92px;}
ul.main-nav .nav-item-2 a {background: url(images/nav-main.gif) -92px 0 no-repeat; width: 123px;}
ul.main-nav .nav-item-3 a {background: url(images/nav-main.gif) -215px 0 no-repeat; width: 111px;}
ul.main-nav .nav-item-4 a {background: url(images/nav-main.gif) -326px 0 no-repeat; width: 126px;}
ul.main-nav .nav-item-5 a {background: url(images/nav-main.gif) -453px 0 no-repeat; width: 106px;}

span#new-icon {
	background: url(images/icon-new.gif) 0 0 no-repeat;
	text-indent: -99999px;
	position: absolute;
	bottom: -10px;
	left: 530px;
	display: block;
	width: 48px;
	height: 20px;
}

ul.main-nav li.nav-item-1 a:hover,
ul.main-nav li.nav-item-1 a.active {
	background-position: 0 -61px;
}

ul.main-nav li.nav-item-2 a:hover,
ul.main-nav li.nav-item-2 a.active {
	background-position: -92px -61px;
}

ul.main-nav li.nav-item-3 a:hover,
ul.main-nav li.nav-item-3 a.active {
	background-position: -215px -61px;
}

ul.main-nav li.nav-item-4 a:hover,
ul.main-nav li.nav-item-4 a.active {
	background-position: -326px -61px;
}

ul.main-nav li.nav-item-5 a:hover,
ul.main-nav li.nav-item-5 a.active {
	background-position: -453px -61px;
}

/* -- Social -- */

ul.social-nav {
	float: right;
	display: inline;
}

ul.social-nav li a {
	text-indent: -999999px;
	height: 61px;
}

ul.social-nav .nav-item-1 a {background: url(images/nav-social.gif) 0 0 no-repeat; width: 86px;}
ul.social-nav .nav-item-2 a {background: url(images/nav-social.gif) -86px 0 no-repeat; width: 82px;}
ul.social-nav .nav-item-3 a {background: url(images/nav-social.gif) -167px 0 no-repeat; width: 90px;}


/* Startpage
___________________________________________________*/

/* -- Head --*/

.head {
	background: url(images/bg-head.jpg) 0 bottom repeat-x;
}

.head a.home {
	display: block;
	height: 30px;
	overflow: hidden;
	padding: 0;
	padding: 30px 0 20px 0;
	margin: 0 0 0 25px;
}

.head .inside {
	background: url(images/bg-head-inside.jpg) 0 bottom no-repeat;
	position: relative;
	width: 1004px;
	height: 283px;
	padding: 0;
}

/* Introduction */

#opt-default {
	background: url(images/bg-introduction.jpg) 0 0 no-repeat;
	width: 501px;
	height: 200px;
	top: 0px;
	left: -24px;
}

#opt-default .excerpt {
	position: absolute;
	bottom: 0;
	left: 20px;
}

.introduction {
	position: relative;
	width: 492px;
	height: 201px;
	float: left;
	display: inline;
}

.introduction .content {
	position: absolute;
	bottom: 5px;
	width: 455px;	
	margin-left: 25px;
}

.introduction h1,
.introduction h2 {
	color: #007fbd;
	font: normal 5.6em Arial, sans-serif;
	margin: 10px 0 7px 0;
}

.introduction p {
	color: #fcfcfc;
	font: normal 1.3em/20px Arial, sans-serif;
}

.introduction ul li {
	background: url(images/bg-list-style.gif) 0 6px no-repeat;
	color: #fff;
	font: bold 1.3em/20px Arial, sans-serif;
	padding-left: 10px;
}

/* Issues */
#issues {
	width: 256px;
	float: left;
	display: inline;
}

#issues h2 {
	background: url(images/heads.gif) 0 0 no-repeat;
	color: #fcfcfc;
	text-indent: -999999px;
	position: relative;
	top: -10px;
	width: 238px;
	height: 42px;
	margin-bottom: -4px;
}

#issues ul li {
	margin-bottom: 6px;
}

#issues ul li a {
	color: #fcfcfc;
	text-indent: -999999px;
	font: normal 4em Arial, sans-serif;
	text-decoration: none;
	display: block;
	width: 256px;
	height: 50px;
	overflow: hidden;
}

#issues ul li#nav-item-1 a {background: url(images/nav-issues.gif) 0 0 no-repeat;}
#issues ul li#nav-item-2 a {background: url(images/nav-issues.gif) -256px 0 no-repeat; height: 46px; margin-bottom: -6px;}
#issues ul li#nav-item-3 a {background: url(images/nav-issues.gif) -512px 0 no-repeat; height: 48px;}

#issues ul li#nav-item-1 a:hover, #issues ul li#nav-item-1 a.active {background-position: 0 -50px;}
#issues ul li#nav-item-2 a:hover, #issues ul li#nav-item-2 a.active {background-position: -256px -50px;}
#issues ul li#nav-item-3 a:hover, #issues ul li#nav-item-3 a.active {background-position: -512px -50px;}

#opt-1,
#opt-2,
#opt-3 {
	display: none;
	width: 455px;	
	margin-left: 25px;
}

#opt-1 h2,
#opt-2 h2,
#opt-3 h2 {
	font-size: 2.4em;
	margin: 20px 0 20px 0;
}

#opt-1,
#opt-2,
#opt-3 {
	position: absolute;
	bottom: 0;
}

/* Events*/
.events {
	position: relative;
	width: 245px;
	height: 203px;
	float: left;
	display: inline;
}

#events-wrap {
	position: relative;
	width: 245px;
	height: 156px;
	overflow: hidden;
}

#inside {
	position: relative;
}

.events h2 {
	border-bottom: 1px solid #f2f2f2;
	background: url(images/heads.gif) 0 -49px no-repeat;
	color: #b2b2b2;
	text-indent: -999999px;
	text-transform: uppercase;
	text-align: center;
	font: normal 1.8em Arial, sans-serif;
	height: 18px;
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.events .event {
	text-align: center;
	width: 180px;
	margin: 0 auto 10px auto;
}

.events .event p {
	padding: 0 0 5px 0;
}

.events .event a {
	color: #666;
}

.events .event p.date {
	padding: 0;
}

.events .event span.date {
	color: #54bceb;
	font-size: 1.6em;
}

.events .event span.day {
	color: #007fbd;
	text-transform: uppercase;
	font-size: 1em;
	display: block;
}

.events .event .description {
	color: #666666;
	font-size: 1em;
}

.events .nav {
	background: #fff;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 100;
	width: 7px;
	height: 149px !important;
	padding: 0;
}

.events .nav a.prev {
	display: block;
	visibility: hidden;
	width: 7px;
	height: 4px;
	margin-bottom: 2px;
}

.events .nav a.next {
	display: block;
	position: absolute;
	bottom: 0;
	width: 7px;
	height: 4px;
}

/* -- Primary --*/

.primary {
	background: url(images/bg-primary.jpg) 0 bottom repeat-x;
}

.primary .inside {
	background: url(images/bg-primary-inside.jpg) 0 bottom repeat-x;
	width: 982px;
	padding: 11px;
}

/* Current info */
.current-info {	
	background: #c4e8f8;
	position: relative;
	width: 471px;
	height: 230px;
	float: left;
	display: inline;
	padding: 5px;
}

.current-info span {
	display: block;
	width: 471px;
	height: 150px;
	overflow: hidden;
}

.current-info .content {
	position: absolute;
	bottom: 0;
	left: 0;
}

.current-info h3 {
	background: #0180bd;
	color: #fff;
	font: bold 2.5em Arial, sans-serif;
	display: inline;
	position: relative;
	bottom: -1px;
	padding: 0 9px 0 9px;
	margin-left: 5px;
}

.current-info p {
	background: url(images/bg-current-info.png) 0 0 no-repeat;
	color: #fcfcfc;
	font: normal 1.3em Arial, sans-serif;
	width: 453px;
	padding: 9px;
	margin: 0 0 5px 5px;
}

/* Media feed */
.media-feed {
	width: 458px;
	height: 136px;
	float: left;
	display: inline;
	padding-top: 10px;
	margin-left: 30px;
}

.media-feed h3 {
	background: url(images/heads.gif) 0 -248px no-repeat;
	text-indent: -999999px;
	font: italic 2em Arial, sans-serif;
	width: 111px;
	height: 25px;
	margin-bottom: 8px;
}

.media-feed a {
	color: #007fbd;
	text-decoration: none;
	font: normal 1.1em Arial, sans-serif;
	display: inline-block;
	margin-bottom: 8px;
}

.media-feed a span,
.media-feed a strong {
	color: #54bceb;
	font-weight: normal;
}

/* -- Secondary --*/

/* Twitter */
.twitter {
	position: relative;
	width: 239px;
	float: left;
	display: inline;
	margin-right: 7px;
}

.twitter h4 {
	background: url(images/heads.gif) 0 -74px no-repeat;
	color: #fcfcfc;
	text-indent: -999999px;
	font: italic 1.3em Arial, sans-serif;
	position: relative;
	top: -1px;
	width: 238px;
	height: 54px;
}

.twitter .twitter-avatar {
	background: url(images/bg-twitter-follow.gif) 0 0 no-repeat;
}

.twitter li.widget_twitter {
	color: #666;
	position: relative;
	font-size: 1.1em;
	top: -10px;
	left: 11px;
	width: 227px;
}

.twitter .follow {
	position: absolute;
	top: 43px;
	right: 1px;
	z-index: 100;
	display: block;
	width: 171px;
	height: 41px;
	padding: 10px 0 0 10px;
}

.twitter .follow a {
	background: url(images/btn-follow.gif) right 5px no-repeat;
	text-transform: uppercase;
	display: block;
	width: 161px;
}

.twitter .follow span {
	color: #666;
	text-transform: lowercase;
	font-size: 1.1em;
	display: block;
}

.twitter li.widget_twitter ul li {
	border-bottom: 1px solid #baf1ff;
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.twitter li.widget_twitter ul li.first {
	margin: 5px 0 6px 0;
}

.twitter .entry-meta {
	font-size: .9em;
	display: block;
	margin-top: 10px;
}

.twitter .entry-meta a {
	color: #999;
}

.twitter .widgettitle {
	display: none;
}

/* Twitter backup */

.twitter-feed-2 {
	width: 227px;
	position: relative;
	top: -10px;
	left: 10px;
	padding-bottom: 6px;
}

.twitter-feed-2 .top {
	background: url(images/bg-twitter-follow.gif) 0 0 no-repeat;
	height: 51px;
	margin-bottom: 6px;
}

.twitter-feed-2 img {
	width: 48px;
	position: relative;
	left: 1px;
}

.twitter-feed-2 ul {
	color: #666;
	font-size: 1.1em;
	width: 227px;
}

.twitter-feed-2 ul li {
	border-bottom: 1px solid #baf1ff;
	padding: 0 0 10px 1px;
	margin-bottom: 6px;
}

.twitter-feed-2 p {
	color: #666;
	font-size: 1.1em;
	border-bottom: 1px solid #baf1ff;
	padding: 0 0 10px 1px;
	margin-bottom: 6px;
}

.twitter-feed-2 .twitter-timestamp {
	color: #999;
	font-size: .9em;
	display: block;
	margin-top: 10px;
}

/* Video */
#video {
	width: 239px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 7px;
}

#video h4 {
	background: url(images/heads.gif) 0 -135px no-repeat;
	color: #fcfcfc;
	text-indent: -999999px;
	font: italic 1.3em Arial, sans-serif;
	position: relative;
	top: -1px;
	width: 238px;
	height: 54px;
}

#video .video {
	margin: 5px 0 10px 20px;
}

#video p {
	padding: 0;
	margin-left: 20px;
}

#video p.title {
	color: #007fbd;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#video p.date {
	float: left;
	display: inline;
}

#video a {
	color: #54bceb;
	float: right;
	display: inline;
	margin-right: 17px;
}

/* Voices */

.voices {
	width: 746px;
	float: left;
	display: inline;
	padding-top: 10px;
}

.voices h4 {
	background: url(images/heads-big-video.gif) 0 -196px no-repeat;
	color: #fcfcfc;
	text-indent: -999999px;
	font: italic 1.3em Arial, sans-serif;
	width: 256px;
	height: 41px;
	margin-bottom: 4px;
}

.voices .excerpt {
	width: 470px;
	float: right;
	display: inline;
	position: relative;
	top: -45px;
}

.voices .excerpt p a {
	background: none;
	color: #fd79d6;
	text-decoration: none;
	font-size: 1.1em;
	width: auto;
	height: auto;
	float: none;
}

.voices .excerpt p a.first {
	border-left: 1px solid #fd79d6;
	padding-left: 8px;
}

.voices .excerpt p a img {
	position: relative;
	top: 8px;
	padding-right: 8px;
}

.voices .excerpt .voice {
	float: left;
	display: inline;
	width: 217px;
	margin: 0 15px 15px 0;
}

.voices .excerpt .voice a.avatar {
	border: 4px solid #c4e8f8;
	width: 73px;
	height: 73px;
	overflow: hidden;
	float: left;
	display: inline;
}

.voices .excerpt .voice p {
	color: #666;
	font-size: 1.1em;
	width: 128px;
	float: right;
	display: inline;
	padding: 0;
}

.voices .excerpt .voice strong {
	color: #007fbd;
	font-size: .9em !important;
	text-transform: uppercase;
	display: block;
}

/* Avatars */

.voices .avatars {
	width: 240px;
	height: 215px;
	float: left;
	display: inline;
	position: relative;
	top: -11px;
	left: 11px;
}

.voices .avatars .group {
	background: url(images/bg-avatars.gif) 0 0 no-repeat;
	height: 215px;
}

.voices .avatars a {
	background: #fff;
	width: 46px;
	height: 46px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 1px 1px 0;
}

.voices .avatars a img.avatar-a {
	width: 46px;
}

.voices .avatars a img.avatar-b {
	width: 46px;
	height: 46px;
}

/* Follow */

#follow {
	background: url(images/bg-follow.gif) 0 0 repeat-x;
	text-align: left;
}

#follow form {
	background: url(images/bg-follow-inside.gif) 0 0 repeat-x;
	width: 1004px;
	padding-top: 10px;
	margin: 0 auto;
}

#follow form h4 {
	background: url(images/heads.gif) 0 -756px no-repeat;
	text-indent: -99999px;
	color: #007fbd;
	font-size: 1.2em;
	line-height: 1em;
	width: 121px;
	height: 26px;
	margin-bottom: 12px;
}

#follow form label {
	color: #666;
	font-size: 1em;
	text-transform: uppercase;
	display: block;
}

#follow form input.text-input {
	width: 153px;
}

#follow form input.button-input {
	text-transform: uppercase;
}

#follow .error {
	border: 1px solid red;
}

#follow span {
	color: #666;
	font-size: 1.2em;
}

#follow #reg {
	color: red;
	font-size: 1em;
}

/* Quote */

.quote {
	border: 1px solid #ccc;
	width: 490px;
	height: 243px;
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
}

.quote blockquote {
	background: url(images/icon-quote.gif) 0 0 no-repeat;
	font: normal 1.5em Georgia, "Times new Roman", sans-serif;
	width: 425px;
	padding-top: 25px;
	margin: 20px auto 0 auto;
}
	

/* Subpage
___________________________________________________*/

.head-subpage {
	background: url(images/bg-head-subpage.jpg) 0 bottom repeat-x;
}

.head-subpage .inside {
	background: url(images/bg-head-subpage-inside.jpg) 0 0 no-repeat;
	height: 83px;
}


/* Subpage - voices
___________________________________________________*/

.tpl-voices {
	text-align: left;
}

.tpl-voices .avatars-section {
	background: url(images/bg-section-avatars.jpg) 0 0 repeat-x;
}

.tpl-voices .avatars-section .inside {
	background: url(images/bg-section-avatars-inside.jpg) 0 0 no-repeat;
	position: relative;
	height: 177px;
	padding-top: 35px;
}

.tpl-voices .avatars-section h1 {
	background: url(images/heads.gif) 0 -284px no-repeat;
	text-indent: -999999px;
	position: absolute;
	top: 11px;
	left: 15px;
	width: 238px;
	height: 42px;
}

.tpl-voices .avatars-section p {
	border: 7px solid #c4e8f8;
	background: url(images/bg-section-avatars-siluett.gif) 0 0 no-repeat;
	width: 941px;
	height: 142px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}

.tpl-voices .avatars-section a {
	width: 46px;
	height: 46px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 1px 0 0 1px;
}

.tpl-voices .avatars-section a img.avatar-a {

}

.tpl-voices .avatars-section a img.avatar-b {
	width: 46px;
	height: 46px;
}

/* -- Main -- */

.tpl-voices .main {
	background: url(images/bg-fade-left.jpg) 0 0 no-repeat;
	width: 475px;
	float: left;
	display: inline;
	padding: 18px 0 0 15px;
}

.tpl-voices .main .post {
	margin-bottom: 20px;
}

.tpl-voices .main .post-head {
	position: relative;
	margin-bottom: 15px;
}

.tpl-voices .main .post-head h2 {
	color: #fff;
	font-size: 2.3em;
	line-height: 28px;
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 384px;
}

.tpl-voices .main .post-head h2 a {
	background: #0280ba;
	color: #fff;
}

.tpl-voices .main .post-head h2 span {
	background: #0280ba;
}

.tpl-voices .main .post-head img.avatar-url,
.tpl-voices .main .post-head img.gravatar {
	width: 73px;
	height: 73px;
}

.tpl-voices .main .post-head a.avatar {
	border: 4px solid #c4e8f8;
	background: #c4e8f8;
	text-align: center;
	width: 73px;
	height: 73px;
	float: left;
	display: inline;
	overflow: hidden;
}

.tpl-voices .main .post p {
	color: #666;
	font-size: 1.2em;
	padding: 0 10px 5px 10px;
}

.tpl-voices .main .post p.postmeta {
	background: #f4f4f4;
	font-size: 1em;
	padding: 10px;
}

.tpl-voices .main .post p.postmeta span {
	width: 350px;
	float: left;
	display: inline;
}

.tpl-voices .main .post p.postmeta a {
	font-size: 1.2em;
	text-align: right;
	width: 100px;
	float: right;
	display: inline;
}

.postnav a,
.postnav a:hover,
.postnav a:active,
.postnav a:visited {
	font-size: 1.1em;
	color: #ff51cc;
}

.postnav .next span {
	background: url(images/icon-arrow-right.gif) right 5px no-repeat;
	float: right;
	display: inline;
	padding-right: 8px;
}

.postnav .prev span {
	background: url(images/icon-arrow-left.gif) left 4px no-repeat;
	float: left;
	display: inline;
	padding-left: 8px;
}

/* -- Sidebar -- */

.tpl-voices .sidebar {
	background: url(images/bg-fade-right.jpg) right 0 no-repeat;
	width: 487px;
	float: right;
	display: inline;
}


/* Voices */
.tpl-voices .rand-voices {
	width: 224px;
	float: left;
	display: inline;
	padding-top: 20px;
}

.tpl-voices .rand-voices .voice {
	margin-bottom: 10px;
}

.tpl-voices .rand-voices a.avatar {
	border: 4px solid #c5e6f7;
	background: #c4e8f8;
	text-align: center;
	width: 73px;
	height: 73px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 9px;
}

.tpl-voices .rand-voices p {
	color: #666;
	font-size: 1.1em;
	padding: 0;
}

.tpl-voices .rand-voices strong {
	color: #017fba;
	text-transform: uppercase;
	font-size: .9em;
	display: block;
}

/* Form */
.tpl-voices .sidebar form {
	background: url(images/bg-voice-form.jpg) 0 0 no-repeat;
	width: 260px;
	float: right;
	display: inline;
}

.tpl-voices .sidebar form h3 {
	background: url(images/heads.gif) 0 -340px no-repeat;
	text-indent: -99999px;
	width: 197px;
	height: 34px;
	margin: 10px 0 4px 25px;
}

.tpl-voices .sidebar form ul {
	width: 214px;
	margin-left: 17px;
}

.tpl-voices .sidebar form ul li {
	padding-left: 29px;
	margin-bottom: 5px;
}

.tpl-voices .sidebar form ul li.headline {background: url(images/icons.gif) 0 8px no-repeat;}
.tpl-voices .sidebar form ul li.image {background: url(images/icons.gif) 0 -51px no-repeat;}
.tpl-voices .sidebar form ul li.name {background: url(images/icons.gif) 0 -145px no-repeat;}

.tpl-voices .sidebar form ul li.last {
	text-align: right;
}

.tpl-voices .sidebar form ul li.last span {
	color: #666;
	display: block;
	margin-bottom: 6px;
}

.tpl-voices .sidebar form ul li.image {
	margin-bottom: 10px;
}

.tpl-voices .sidebar form label,
.tpl-voices .sidebar form ul li.image span {
	color: #ff51ca;
	font-size: .9em;
	text-transform: uppercase;
	display: block;
}

.tpl-voices .sidebar form ul li.image input {
	margin-left: -2px;
}

.tpl-voices .sidebar form ul li.image label {
	display: inline;
	font-size: 1em;
}

input.text-input {
	border: 1px solid #ccc;
	width: 174px;
	padding: 2px;
}

#url-preview img,
#gravatar-preview img {
	border: 4px solid #c5e6f7;
	display: block;
	width: 73px;
	height: 73px;
	margin-top: 0;
}

#upload-preview #avatar {
	border: 4px solid #c5e6f7;
	background: #c4e8f8;
	text-align: center;
	width: 73px;
	height: 73px;
	overflow: hidden;
}

#upload-preview,
#url-preview,
#gravatar-preview {
	color: red;
	padding-top: 5px;
}

#row-upload {
	margin-bottom: 2px;
}

#upload {
	margin-bottom: 1px;
}

textarea {
	border: 1px solid #ccc;
	font: normal 1.05em/16px Arial, sans-serif;
	width: 170px;
	height: 77px;
	padding: 2px 4px;
}

#saved-msg {
	width: 220px;
	height: 280px;
	text-align: center;
	margin-left: 15px;
}

#saved-msg span {
	color: #666;
	font-size: 1.2em;
	position: relative;
	top: 20px;
}

#img-info {
	color: #666;
	display: block;
	margin-top: 2px;
}

#required {
	position: relative;
	right: 5px;
}

/* Error */

.tpl-voices .sidebar form .error input.text-input,
.tpl-voices .sidebar form .error textarea {
	border: 1px solid red;
}

.tpl-voices .sidebar form span.msg {
	color: #000 !important;
}

.tpl-voices .sidebar form span.msg strong {
	color: #3b5998;
}

.tpl-voices .sidebar form span.error {
	color: red;
}

/* -- Single voice -- */

a.back,
a.back:hover,
a.back:visited,
a.back:active {
	background: url(images/icon-arrow-left.gif) 0 4px no-repeat;
	color: #ff51cc;
	font-size: 1.1em;
	float: right;
	display: inline;
	padding-left: 8px;
	margin-top: -4px;
}

.tpl-single-voice .post-head .avatar {
	border: 4px solid #c6e9f8;
	background: #c6e9f8;
	text-align: center;
	width: 73px;
	height: 73px;
	float: left;
	display: inline;
	overflow: hidden;
}


/* Subpage - about
___________________________________________________*/

.tpl-about .inside {
	color: #666;
	font-size: 1.2em;
}

.tpl-about .sidebar {
	background: url(images/bg-fade-long-left.jpg) 0 0 no-repeat;
	text-align: center;
	width: 480px;
	float: left;
	display: inline;
	padding-top: 50px;
}

.tpl-about .main {
	background: url(images/bg-fade-long-right.jpg) right 0 no-repeat;
	width: 425px;
	float: right;
	display: inline;
	padding: 50px 50px 0 0;
}

.tpl-about .main .top {
	margin-bottom: 20px;
}

.tpl-about h1 {
	background: #0180bd;
	color: #fff;
	font-size: 2.1em;
	display: inline;
}


/* Subpage - issues
___________________________________________________*/

.tpl-issues {
	background: url(images/bg-issues.jpg) 0 0 repeat-x;
}

.tpl-issues .inside {
	background: url(images/bg-issues-inside.jpg) 0 0 repeat-x;
	color: #666;
	font-size: 1.2em;
}

.tpl-issues #post-2,
.tpl-issues #post-3 {
	display: none;
}

/* -- Subnav -- */

.tpl-issues ul.subnav {
	margin-bottom: 40px;
}

.tpl-issues ul.subnav li {
	width: auto;
	float: left;
	display: inline;
}

.tpl-issues ul.subnav li a {
	text-indent: -99999px;
	height: 103px;
	width: auto;
	float: left;
	display: inline;
}

.tpl-issues ul.subnav li#nav-item-1 a {background: url(images/nav-issues.jpg) 0 0 no-repeat; width: 272px;}
.tpl-issues ul.subnav li#nav-item-2 a {background: url(images/nav-issues.jpg) -272px 0 no-repeat; width: 179px;}
.tpl-issues ul.subnav li#nav-item-3 a {background: url(images/nav-issues.jpg) -451px 0 no-repeat; width: 263px;}

.tpl-issues ul.subnav li#nav-item-1 a:hover, .tpl-issues ul.subnav li#nav-item-1 a.current {background: url(images/nav-issues.jpg) 0 -103px no-repeat; width: 272px;}
.tpl-issues ul.subnav li#nav-item-2 a:hover, .tpl-issues ul.subnav li#nav-item-2 a.current {background: url(images/nav-issues.jpg) -272px -103px no-repeat; width: 179px;}
.tpl-issues ul.subnav li#nav-item-3 a:hover, .tpl-issues ul.subnav li#nav-item-3 a.current {background: url(images/nav-issues.jpg) -451px -103px no-repeat; width: 263px;}

/* -- Main -- */

.tpl-issues .main {
	width: 425px;
	float: left;
	display: inline;
	margin-left: 40px;
}

.tpl-issues .top {
	margin-bottom: 20px;
}

.tpl-issues h1 {
	background: #0180bd;
	color: #fff;
	font: bold 2.1em Arial, sans-serif;
	line-height: 32px;
	display: inline;
}

/* -- Sidebar -- */

.tpl-issues .sidebar {
	width: 422px;
	float: right;
	display: inline;
	margin-right: 50px;
}

.tpl-issues .sidebar h2 {
	background: url(images/heads.gif) 0 -702px no-repeat;
	text-indent: -99999px;
	width: 238px;
	height: 42px;
	position: relative;
	top: 0;
	left: -29px;
	margin-bottom: 10px;
}

.tpl-issues .sidebar strong {
	color: #ff51cc;
}

.tpl-issues .subnav {
	height: 103px;
}


/* Subpage - affect
___________________________________________________*/

.tpl-affect {
	background: url(images/bg-affect.jpg) 0 0 repeat-x;
}

.tpl-affect .inside {
	background: url(images/bg-affect-inside.jpg) 0 0 repeat-x;
}

.tpl-affect .top {
	width: 682px;
	margin: 20px 0 10px 20px;
}

.tpl-affect h1 {
	background: url(images/heads.gif) 0 -440px no-repeat;
	text-indent: -99999px;
	height: 143px;
	margin-left: 20px;
}

.tpl-affect h2 {
	font-size: 1.3em;
	margin: 25px 0 1px 0;
}

.tpl-affect .top p {
	color: #666;
	font-size: 1.3em;
	line-height: 18px;
}

.tpl-affect .col {
	color: #666;
	font-size: 1.1em;
	padding-left: 20px;
}

.tpl-affect .col h3 {
	position: relative;
	left: -20px;
	margin-bottom: 10px;
}

.tpl-affect .col strong {
	color: #000;
}

.tpl-affect .col .thumb {
	border: 1px solid #e6e6e6;
	width: 51px;
	height: 51px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 10px;
}

.tpl-affect .col .empty {
	border: 1px solid #fff;
}

.tpl-affect .col .excerpt {
	width: 388px;
	float: left;
	display: inline;
}

.tpl-affect #col-1 {
	width: 440px;
	float: left;
	display: inline;
}

.tpl-affect #col-1 h3 {
	background: url(images/heads.gif) 0 -596px no-repeat;
	text-indent: -99999px;
	width: 238px;
	height: 42px;
}

.tpl-affect #col-2 {
	width: 473px;
	float: right;
	display: inline;
	margin-right: 20px;
}

.tpl-affect #col-2 h3 {
	background: url(images/heads.gif) 0 -651px no-repeat;
	text-indent: -99999px;
	width: 238px;
	height: 42px;
}

.tpl-affect .event {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.tpl-affect .date {
	border: 1px solid #e6e6e6;
	color: #007fbd;
	text-align: center;
	font-size: 1.2em;
	width: 51px;
	height: 34px;
	float: left;
	display: inline;
	padding-top: 17px;
	margin-right: 10px;
}

.tpl-affect #col-1 .excerpt {
	width: 356px;
	float: left;
	display: inline;
}

.tpl-affect #col-1 .excerpt p {
	padding: 0;
}

.tpl-affect #col-1 .day {
	color: #007fbd;
	text-transform: uppercase;
}


/* Subpage - single
___________________________________________________*/

.tpl-single .inside {
	background: url(images/bg-single-inside.jpg) 0 0 no-repeat;
}

.tpl-single .post {
	color: #666;
	font-size: 1.2em;
	padding: 40px 90px 10px 90px;
}

.tpl-single .top {
	margin-bottom: 20px;
}

.tpl-single h1 {
	background: #0180bd;
	color: #fff;
	font-size: 2em;
	display: inline;
}


/* 404
___________________________________________________*/

.tpl-404 .sidebar,
.tpl-404 .main {
	height: 160px;
}

.tpl-404 .sidebar {
	width: 92%;
}

.tpl-404 .main {
	width: 2%;
}

.tpl-404 .sidebar {
	text-align: center;
	
}


/* Edit
___________________________________________________*/

.edit-link a {
	background: #f8f293;
	font-size: 11px;
	display: block;
	width: 45px;
	padding: 0 5px;
}

#opt-default .edit-link {
	position: absolute;
	top: 20px;
	left: 20px;
}

#opt-1 .edit-link a {
	position: absolute;
	top: 0;
	left: 0;
}

.current-info .edit-link {
	background: none;
	position: absolute;
	top: -4px;
	left: -9px;
}

.current-info .edit-link a {
	padding: 3px 5px;
}

#video .edit-link {
	float: left;
	display: inline;
}


/* Foot
___________________________________________________*/

.foot {
	background: url(images/bg-foot.jpg) 0 0 repeat-x;
	color: #666;
	margin-top: 38px;
}

.foot .inside {
	background: url(images/bg-foot-inside.jpg) 0 0 no-repeat;
	padding-top: 20px;
}

.foot .contact {
	font-size: 1.1em;
	width: 335px;
	float: left;
	display: inline;
}

.foot .contact strong {
	display: block;
	margin-bottom: 2px;
}

.foot .moderaterna {
	float: right;
	display: inline;
	width: 152px;
	margin-right: 15px;
}