/*  
Theme Name: The Social Democrat
Theme URI: http://www.politik.is
Description: Vefur UJ
Version: 1.0 RC2
Author: Adalsteinn Kjartansson
Author URI: http://adalsteinn.info/

*/

/* BASIC */

		body {
			margin: 0;
			padding: 0;
			background: url(images/back.png) repeat-x #FFF;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.clear {
			clear: both;
		}
		
		.height5 {
			height: 5px;
		}
		.height10 {
			height: 10px;
		}

/* CONTAINER */

		#container {
			width: 840px;
			padding: 0 50px;
			margin: 0 auto;
			background: url(images/containerbg2.png) no-repeat top center;
			font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			line-height: 1.8em;
			color: #2B2B2B;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #FFFFFF;
			margin: 40px 0 0 0;
		}
		
		h2 {
			font-size: 24px;
			font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
			margin: 0 0 15px 0;
			color: #CC6714;
			font-weight: normal;
		}
		
		h3 {
			font-size: 13px;
			font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
			margin: 10px 0 0;
			color: #CC6714;
			font-weight: normal;
			line-height: 11px;
		}
		
		h4 {
			margin: 0 0 5px 0;
			font-size: 9px;
			line-height: 11px;
			padding: 5px;
			xbackground: url(images/h3bg.png) no-repeat;
			display: block;
			background: #670000;
			text-transform: uppercase;
			letter-spacing: 1px;
			float: left;
			clear: both;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			text-shadow: #000 1px 1px 3px;
		}
				
		a {
			color:#A20000;
			text-decoration: none;
		}

		a:hover {
			color:#A20000;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}

		.line {
			border-top: 1px solid #EEE;
			clear: both;
			margin-bottom: 10px;
		}

		img a, a img {
			border: 0;
		}
		
/* HEADER ELEMENTS */

		#header {
			height: 102px;
			clear: both;
		}

		#header p {
			margin-top: 0px;
			color: #FFF;
		}

		#headertitle a {
			color: #FFF;
		}
		
		#gossip {
			width: 350px;
			xbackground: url(images/gossip.png) no-repeat top right #FFF;
			height: 60px;
			margin-top: 10px;
			padding: 10px;
		}
		
		#gossip h3 { 
			float: right;
			padding: 7px;
			background: #FFF;
			color: #970000;
		}
			
/* HEADER ELEMENTS */

		#navigation {
			text-transform: uppercase;
			letter-spacing: -1px;
			line-height: 28px;
		}
		
		#navigation ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#navigation ul li {
			display: inline;
			padding-left: 14px;
			margin-left: 14px;
			border-left: 1px solid #FFF;
		}
		
		#navigation ul li a, #navigation ul li a:hover { 
			color: #FFF; 
			background: none;
		}
		
		#navigation2 {
			text-transform: uppercase;
			line-height: 36px;
		}
		
		#navigation2 ul {
			margin: 0 0 0 -15px;
			padding: 0;
			list-style: none;
		}
		
		#navigation2 ul li {
			display: inline;
			padding-left: 14px;
		}
		
		#navigation2 ul li a, #navigation2 ul li a:hover { 
			color: #999; 
			background: none;
			border-left: 1px solid #CCC;
			padding-left: 14px;
		}
		
		#navigation2 ul ul {
			margin-left: 15px;
			background: #8C2222;
			background: url(images/navigation2subbg.png) top left;
		}
		
		#navigation2 ul ul ul {
			margin: 0;
			background: #8C2222;
			background: url(images/navigation2subbg.png) top left;
		}
		
		#navigation2 ul li ul li, #navigation2 ul li ul li ul li {
			margin: 0;
			padding: 0;
			xborder-bottom: 1px solid #CCC;
		}
		
		#navigation2 ul li ul li a, #navigation2 ul li ul li ul li a, #navigation2 ul li ul li a:hover, #navigation2 ul li ul li ul li a:hover {
			border-left: none;
			color: #FFF;
			display: block;
		}
		
		#navigation2 ul li ul li a:hover, #navigation2 ul li ul li ul li a:hover {
			background: url(images/whitetransparent.png);
		}
				
/* CONTENT ELEMENTS */

		#content {
			width: 590px;
			margin-bottom: 30px;
		}
		
		#content img.left {
			margin: 0 15px 15px 0;
		}	

		#content img.right {
			margin: 0 0 15px 15px;
		}	
	
		#toppost {
			width: 590px;
			margin-bottom: 20px;
		}
		
		#toppost img {
			border: none;
			margin: 0;
		}
		
		#toppost img.left {
			margin: 0 10px 0 0;
		}
		
		#toppost span {
			font-size: 14px;
			color: #A3A3A3;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}
		
		#toppostcontent {
			height: 135px;
			padding: 20px;
			background: #F3F3F3;
			overflow: hidden;
		}

		#greinauthor {
			width: 195px;
		}

		#greinauthor p {
			margin: 5px 0 0 0;
		}

		#greinauthor ul {
			clear: both;
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
		}

		#greinauthor ul li {
			list-style-type: square;
			margin: 0;
			padding: 0;
		}

		#greinauthorinfo {
			margin: 0 0 10px 0;
		}

		#greinauthorinfo h3 {
			margin: 0 0 10px 0;
		}
		
		#featured {
			width: 390px;
		}
		
		#featured img {
			border: 5px solid #E2E2E2;
		}
						
		#featuredsingle {
			width: 165px;
			height: 320px;
			margin-right: 30px;
		}
		
		#featuredsingle span {
			font-size: 11px;
			color: #A3A3A3;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}
		
		#featuredarticle {
			width: 195px;
		}
		
		#featuredarticle img {
			xborder: 5px solid #DCC4C4;
		}		
				
		#featuredarticlesingle {
			width: 195px;
			margin-right: 30px;
			clear: both;
		}
		
		#featuredarticlesingle h3 {
			margin: 0;
		}
						
		#featuredarticlesingle img {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		#featuredarticlesingle span {
			font-size: 11px;
			color: #A3A3A3;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
		}

		#featuredarticlesinglesidebar {
			background: #EEE;
			padding: 5px 7px;
			margin: 0 0 10px 0;
		}

		#featuredarticlesinglesidebar h3 {
			margin-top: 5px;
		}

		#grein, #sida {
			font-size: 1.2em;
			width: 370px;
			text-align: justify;
		}

		#grein span {
			display: block;
			float: none;
			font-size: 11px;
			margin: 0 0 10px 0;
		}

		.grein h2 {
			margin: 5px 0 0;
		}

		.grein p {
			margin: 0 0 10px 0;
		}

		#undirsidur ul {
			clear: both;
			margin: 0 0 10px 0;
			padding: 0;
		}

		#undirsidur ul li {
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #EEE;
			list-style-type: none;
		}

		#undirsidur ul li a {
			display: block;
			padding: 5px;
		}

		#undirsidur ul li a:hover {
			background: #F3F3F3;
		}

		#sida {
			width: 370px;
		}

		#sida h2 {
			margin: 5px 0 10px 0;
		}

		.sida h2 {
			margin: 5px 0 10px 0;
		}

		.author_img {
			max-width: 195px;
		}

/* SIDEBAR ELEMENTS */

		#sidebar {
			width: 230px;
		}

		#sidebar div {
			clear: both;
		}	
	
		#sidebar select {
			clear: both;
		}

		#sidebar h2 {
			margin: 0 0 5px 0;
			font-size: 9px;
			line-height: 11px;
			padding: 5px;
			xbackground: url(images/h3bg.png) no-repeat;
			display: block;
			background: #670000;
			text-transform: uppercase;
			letter-spacing: 1px;
			float: left;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			text-shadow: #000 1px 1px 3px;
		}

		#sidebar h2 img {
			margin: 0 3px 0 0;
			padding: 0;
			float: left;
		}

		#sidebar h2 a {
			color: #FFF;
			margin-top: -2px;
		}

		#sidebar ul {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
		}

		#sidebar ul li {
			padding: 5px;
			border-bottom: 1px solid #e2e2e2;
			list-style: none;
		}
				
		#sidebarelement {
			margin: 0 0 20px 0;
		}
		
		#sidebarfeature {
			margin-bottom: 10px;
		}
		
		#sidebarfeature h3 {
			margin: 0;
		}
		
		#sidebarfeature img {
			margin-right: 10px;
		}
		
		#sidebarfeature a {
			display: block;
			background: #EEEEEE;
			height: 35px;
			padding: 10px;
		}
		
		#sidebarfeature a:hover {
			background: #F3F3F3;
		}

#klosetthornid {
	height: 145px;
	background: url(images/klosetthornid.png) no-repeat center center #F9F9F9;
	padding: 15px;
	margin-bottom: 20px;
}

#myndasogur img {
	max-width: 230px;
	max-height: 90px;
	margin-bottom: 10px;
}
		
/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			border-top: 1px solid #E2E2E2;
			clear: both;
			line-height: 50px;
		}
		
		#footer p {
			color:#89817f;
			margin: 0;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
/* TABS */

ul.tabs {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 9px;
	line-height: 11px;
	padding: 5px;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #F3F3F3;
	text-shadow: #E3E3E3 1px 1px 3px;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	outline: none;
}
ul.tabs li a:hover {
	background: none;
}
html ul.tabs li.active, html ul.tabs li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #670000;
	color: #FFF;
	text-shadow: #000 1px 1px 3px;
}

/* TABS CONTENT */

.tab_container {
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
}

.tab_content ul {
	margin: 0;
	padding: 0;
	list-type: none;
}

.tab_content ul li a {
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #F3F3F3;
	display: block;
}

/* CONTENT SLIDER */

.sliderwrapper{
width: 590px; /*width of featured content slider*/
height: 195px;
margin-bottom: 20px;
}



.sliderwrapper .contentdiv{
width: 590px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 175px;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
	line-height: 12px;
	margin-top: 8px;
}

.pagination img {
	border: none;
	margin: 0;
	padding: 0;
}

.pagination a{
	background: url(images/dotsoft.png) no-repeat top left;
	line-height: 9px;
	width: 9px;
	display: block;
	float: left;
	font-size: 5px;
	color: #C67E7E;
	margin-left: 4px;
}

.pagination a:hover, .pagination a.selected, .pagination a.active{
	color: #900000;
	background: url(images/dot.png) no-repeat top left;
}

/* SuperFish */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	36px;
	height:			36px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	position:		relative;
	color:			#999;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
	background:		#F3F3F3;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/* WordPress */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.icesave {
padding-top: 15px!important;
padding-bottom: 15px!important;
font-size: 60px!important;
line-height: 60px!important;
text-align: center;
clear: left;
font-weight: bold;
}


