/*
Theme Name: Aveny2011
Theme URI: http://mattiassvedhem.com
Description: Aveny.se huvudtema. Skapat av: mattias.svedhem@hotmail.com
Version: 2.0
Author: Mattias Svedhem & Pierre Wiberg har uppdaterat temat för 2011
Author URI: http://mattiassvedhem.com
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


#header { width: 1044px; padding: 15px 0 20px 15px; }
#header #logo {  }
#header #header_ad { float:right; width: 714px; margin: 0 15px 0 0;}
#header #menu-main { padding: 20px 0 0 0; clear: both; }
#header #menu-main li { display: inline; padding: 0 31px 0 0; }

.search #content .screen-reader-text { display: none; }

#content { width: 1100px; /* background: url(images/bg-startpage.png) repeat-y; */}
.single-startsidan #content { /* background: url(images/bg-startpage-single.png) repeat-y; */}
.page-id-2 #content, .single-vimmel #content, .search #content { /* background: url(images/bg-vimmel.png) repeat-y; */}
.page-id-14 #content { background: none; }

#sidebar { 
	width: 170px; 
	float: left; 
}
.xoxo ul li {list-style: none; float: none;}
#content #sidebar { width: 130px; margin: 0 10px 0 10px; padding: 0 10px 0 0; float: left; border-right: dotted thin black;}
#content #sidebar ul { padding: 0 0 15px 0; }
#content #sidebar #searchform { margin-bottom: 5px; }
#content #sidebar #searchform label { display: none; }
#content #sidebar #searchform input[type=text] { float: left; width: 75px; margin-right: 5px; }
#content #main { /*width: 760px;*/ padding: 0px 0px 0px 0px; margin: 0 0 0 0; float:left; }
body.home #content #main { margin-top: 20px; }
body.single-reportage #content #main #main-wrapper { width: 100%; }
#content #main p { margin-bottom: 1.5em; }
#content #main #news p { margin-bottom: 0; }
#content #main #news p, #avenews p, .page-id-10 p, .page-id-8 p, .page-id-6 p, .textwidget { line-height: 1.5em; }
.page-id-14 #content #main { width: 729px; }
#content 
#content #ad-sidebar a { display: block; }
#content #ad-sidebar li { padding: 0 0 12px 0; }
#ad-sidebar { 
	margin: 0 0 0 780px; 
	width: 250px; 
	overflow: hidden; 
	padding: 0 0 10px 28px;  
	background: url(images/annons.gif) no-repeat;
	border-left: thin dotted #666;
}

/* Bakgrund fšr alla custom post types */
.single-bar-restaurang #main p, .single-clubs #main p, .single-cafe #main p, .single-mode #main p, .single-kultur #main p { padding-bottom: 1.5em; }
.single-bar-restaurang #main span, .single-clubs #main span, .single-cafe #main span, .single-mode #main span, .single-kultur #main span { font-weight: bold; }
.single-bar-restaurang #main a, .single-clubs #main a, .single-cafe #main a, .single-mode #main a, .single-kultur #main a { color: #990000; text-decoration: none; }
.single-bar-restaurang #main a:hover, .single-clubs #main a:hover, .single-cafe #main a:hover, .single-mode #main a:hover, .single-kultur #main a:hover { color: #cc3300; text-decoration: underline; }     
.single-bar-restaurang #main, .single-clubs #main, .single-cafe #main, .single-mode #main, .single-kultur #main { background: #e2e2e2; }



/* STARTSIDA */
body.home #content div#news { 
	border-top: 1px dotted #939393;
	float: left;
	overflow: hidden;
	padding: 10px 0;
	margin: 15px 0 0 10px;
}
body.home #main {width: 760px;}
body.page-id-8 #main {
	width: 590px !important;
}
.reportage-list {
float: left;
margin: 10px 0;

}
body.home #content div#reportage { width: 740px; float: left; }
body.home #content div#inbjudningar { width: 122px; float: right; }
body.home #content div#bloggar {
	float: left;
	padding-right: 10px;
	width: 170px;
	border-right: thin dotted #000; 
}

.small-blogglist {
margin-bottom: 10px;
}

body.home #content div#bloggar #recent-blogs { padding-top: 26px; }
body.home #content div#bloggar .aveny-pick a { display: block; width: 270px; height: 180px; }
body.home #content div#bloggar .aveny-pick h3 a { width: auto; height: auto; }
body.home #content div#bloggar p, body.home #content div#vimmel p { margin: 3px 0 2em 0; }
body.home #content div#vimmel { 
	border-left: thin dotted black;
	float: left;
	margin-left: 9px;
	padding-left: 10px;
	width: 320px;
	}
body.home #content div#vimmel .startpage-vimmel { width: 270px; }
	body.home .startpage-vimmel div { width: 270px; height: 213px; }
	body.home .startpage-vimmel .slideshow { width: 270px; height:213px; display: block; }
	body.home .startpage-vimmel .slideshow img { display: none; }	
	body.home .startpage-vimmel .slideshow img.first { display: block; }	
	body.home .startpage-vimmel li > a { overflow: hidden; width: 122px; }	
	
body.home #content div#vimmel ul.startpage-vimmel { width: 270px; }
body.home #content div#vimmel ul.startpage-vimmel li { float: left; padding-bottom: 1em; width: 122px; }
body.home #content div#vimmel ul.startpage-vimmel li:nth-child(2n) { float: right; }
body.home #content div#avenews { 
    float: left;
    padding-left: 10px;
    width: 400px;
    }
body.home #content #main .recent-updated-blogs .startpage-blog { float:left; color: #000; width: 122px; }
body.home #content #main .recent-updated-blogs .startpage-blog:last-child { float: right; }

body.single-startsidan #main img { width: 418px; height: 279px; padding-bottom: 2em; }
body.single-startsidan #content #main p { width: 418px; margin-bottom: 0; padding-bottom: 0; }
body.single-startsidan #main ul { margin-top: 20px; }
body.single-startsidan #main span { font-weight: bold; }
body.single-startsidan #main a { color: #990000; text-decoration: none; }

body #main ul.author { margin-top: 20px; }

/*	New Front
---------------------------------------------------------------------------------------------------*/
.screen-reader-text {
visibility: hidden;
display: none;
}
input[type=text] {
width: 560px;
font-family: 'MostraOneBold',helvetica,sans-serif;
color: #999;
padding: 6px 0 6px 30px;
font-size: 14px;
margin: 0 0 10px;
background: #f9f9f9;
border: thin solid #ccc;
box-shadow: inset 0 0 3px #ccc;
-moz-box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
background: url(images/search_bg.png) left top no-repeat;

}
#searchsubmit {
visibility: hidden;
display: none;
}

#center-box {
	border-bottom: thin dotted black;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 575px;
}

/* ---- Meny -----*/

li#menu-item-28 a:active,
li#menu-item-28 a:hover,
li#menu-item-28.current_page_item a {
color: #858585 !important;
}
li#menu-item-21 a:active,
li#menu-item-21 a:hover,
li#menu-item-21.current_page_item a {
color: #BE2128 !important;
}
li#menu-item-20 a:active,
li#menu-item-20 a:hover,
li#menu-item-20.current_page_item a {
color: #65D260 !important;
}
li#menu-item-19 a:active,
li#menu-item-19 a:hover,
li#menu-item-19.current_page_item a {
color: #7997D9 !important;
}
li#menu-item-18 a:active,
li#menu-item-18 a:hover,
li#menu-item-18.current_page_item a {
color: #F19601 !important;
}
li#menu-item-12084 a:active,
li#menu-item-12084 a:hover,
li#menu-item-12084.current_page_item a {
color: #C5d466 !important;
}
body.vimmel
/*---- Headers ----*/
.header-bloggar {
	font-family: 'MostraOneBold',helvetica,sans-serif;
	color: #65D260 !important;
	font-size: 30px;
}
.header-avenews {
	font-family: 'MostraOneBold',helvetica,sans-serif;
	color: #F19601;
	font-size: 30px;
}
.header-vimmel {
	font-family: 'MostraOneBold',helvetica,sans-serif;
	color: #be2128;
	font-size: 30px;
}
.header-reportage {
	font-family: 'MostraOneBold',helvetica,sans-serif;
	color: #7997D9;
	font-size: 30px;
}

.reportage-ex {
	float: left;
	width: 330px;
	margin-left: 10px;
}
.reportage-img {
	float: left;
	width: 400px;
}
.red {
color: #BE2128;
}

.blue {
color: #7997D9;
}

.gray {
color: #858585;
}

.green {
color: #65D260;
font-size: 30px;
}

.orange {
color: #F19601;
}

.yellow {
color: #C5d466;
}

#base {
    background: none repeat scroll 0 0 #595959;
    border-top: 3px solid #000000;
    color: #E1E1E1;
    display: block;
    height: 140px;
    margin-top: 10px;
    width: 100%;
}
#base-content {
padding: 10px;
}
.header_red {
float: left;
font-size: 18px;
width: 150px;
}
.redaktionen {
float: left;
width: 150px;

}
.skribenter {
float: left;
width: 150px;
}
.fotografer {
float: left;
width: 150px;
}
.freetext {
float: left;
width: 250px;
}
.namelist {
float: left;
width: 100%;
}
.namelist h3 {
margin-top: 4px;
}
.alttext {
float: left;
width: 180px;
}
.social {
float: right;
text-align: right;
padding: 3px 0 10px 0;
margin-bottom: 30px;
}
/* SLIDER
------------------------------------------------------------------------------------------*/
#snurra {
width: 760px;
height: 280px;
background: #fff;
display: block;
float: left;

}

#slider {
    width: 760px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 760px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	height: 280px;
}

.sliderImage span {
    position: absolute;
	font: 14px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 760px;
    background: url(images/transp_w/white_0.7.png) repeat;
    color: #000;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { 
	list-style-type: none;
}

/*--- Krogar ----*/
#krogar {
width: 760px;
height: 1px;
display: block;
margin: 10px 0 0 0;
float: left;
border-bottom: thin dotted #000;
padding: 0 0 10px 0;
}
.logo {
float: left;
margin: 0 0 0 50px;
display: none;
}


/* Listor */

body.page #main ul.itemlist li, body.page #bloglist li { border-bottom: 1px dotted #939393; padding-bottom: 7px; margin-bottom: 7px; position: relative; }
body.page-id-10 #content #main ul.itemlist li p { margin-bottom: 0; }
body.page #bloglist li:last-child { border-bottom: none; margin-bottom: 0; }
body.page #bloglist li div.blog { overflow: hidden; min-height: 81px; position:  relative; }
body.page #bloglist li a { text-decoration: none; color: #000; }
body.page #bloglist li h3 a { font-size: 1.7em; letter-spacing: 3px; font-family: 'MostraOneBold',helvetica,sans-serif;}
body.page #bloglist li a.blog-thumbnail { width: 122px; float: left; display: block; margin-right: 20px; }
body.page #bloglist li p { font-size: 1.1em; }
body.page #bloglist li span { position: absolute; bottom: -2px; left: 0; font-size: 1.1em; text-transform: uppercase; color: #666; }
body.page #bloglist li a.feed { position: absolute; bottom: 0; right: 0; }

/* VIMMEL */
#vimmel-box {
height: 60px;
}
#main { 
    float: left;

    padding-left: 20px;
    position: relative;
    width: 590px;}

#scrollbar1 {
width: 70px;     

}
#scrollbar1 .viewport { width: 50px; height: 435px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-wy.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-wy.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y1.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y1.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

#vimmel_ad {
	background: url(images/annonsplats.png);
	width: 100%;
	height: 80px;
	float: left;
	margin: 0 0 30px 0;
}

/*
SLIDER SIDEBAR
*/

#temp {
	float: right;
	top:20px;
	background: #fff;
}

#main-wrapper {
	width: 600px;		
}

#portamento_container {
	float: right;
	position:relative;
} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
			
#portamento_container #temp {
	float:none; 
	position:absolute;
} /* no need to float anymore, become absolutely positoned */

#portamento_container #temp.fixed {
	position:fixed;
} /* if the panel is sliding, it needs position:fixed */

.anchors {

}
.anchors img {

}
.page-id-2 #main img { padding: 9px; border: 1px solid silver; } 
.page-id-2 #main img:hover { background: #efefef }
#main .vimmel-list li { float: left; padding-bottom: 30px; }
#main .vimmel-list li:nth-child(2n+1) { padding-right: 10px; }
.galleria-wrappers { 
	/*height: 500px;*/ 
	width: 520px; 
	float: left;

}
.single-vimmel #main ul li { padding: 2px 0; }
.single-vimmel #main ul li a {
    border: thin solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000000;
    line-height: 28px;
    margin: 5px;
    padding: 3px;
    text-decoration: none;
}
.single-vimmel #main ul li a:hover { background: #efefef; }
.single-vimmel #main h2 { 
	padding-bottom: 0;
	float: left;
}
.single-vimmel #fb-share { position: absolute; top: 455px; right: 72px; z-index: 2000; font-size: 9px; text-transform: uppercase; }
.single-vimmel #fb-share span { height: 16px; display: block; } 
.single-vimmel #email {
    color: #000000;
    float: left;
    font-size: 10px;
    text-transform: uppercase;

}
.single-vimmel #email:hover { text-decoration: underline; } 
.single-vimmel #email > span { float: left; margin-top: -3px; }
.single-vimmel #email > span > span { padding-left: 15px;  }
.single-vimmel div.related { margin: 40px 0 40px 0; }
.single-vimmel span#photographer { 
    clear: left;
    color: #000000;
    float: right;
    letter-spacing: 1px;
}
.single-vimmel span#date { 
	font-family: 'MostraOneBold',helvetica,sans-serif; 
	font-size: 1.7em; 
	color: #BC1221;
	float: right;
}

/* VIMMEL SÖK */
.search #main img { padding: 3px; border: 1px solid #2F2A36; background: none; }
.search #content #main p { width: 270px; color: #999; margin-bottom: 0; }
.search #main .ngg-navigation { color: #fff; padding: 10px 0 20px 0; }
.search #main .ngg-navigation .page-numbers, .search #main .ngg-navigation .next, .search #main .ngg-navigation span { font-size: 1.6em; }
.search #main .ngg-navigation .page-numbers, .search #main .ngg-navigation .next { color: #fff; background: #2f2a36; border: none; }  
.search #main .search-list li { float: left; padding-bottom: 30px; }
.search #main .search-list li:nth-child(2n+1) { padding-right: 10px; }

/* REPORTAGE */

.image { /*width: 157px;*/ float: left; margin-right: 20px;}
.page-id-8 #content #main .itemlist li img { float: left; }
.page-id-8 #content #main .itemlist li div.reportage { overflow: hidden; }
.page-id-8 #content #main .itemlist li div.reportage p { width: auto; }
.page-id-8 #content #main h2 { letter-spacing: 1px; }
.page-id-8 #content #main .itemlist li h3 a { font-size: 1em; letter-spacing: 3px; text-decoration: none; color: #000; font-family: 'MostraOneBold',helvetica,sans-serif; }
.page-id-8 #content #main .itemlist li span { position: absolute; bottom: 5px; }

/* KONTAKT */
div#names, div#info, div#law{ width: 300px; height: 400px; border: 1px solid #E0E0E0; float: left; padding: 15px; }
div#names { margin-right: 30px; }
div#law { width: 662px; height: auto; margin-top: 30px; }
body.page-id-14 h5 { font-size: 11px;  padding: 0px 0 1px 0; margin: 0 0; font-weight: bold;}
body.page-id-14 #content #main p { margin: 0 0 4px 0; padding: 0; }
body.page-id-14 span { float: right; }

span.youtube object { margin: 10px 0; }
body.single-reportage #content #main, body.single-avenews #content #main { padding-bottom: 10px; }
#wpstats { display: none; }


/*YUMMY*/
input #email {
background: green !important;
}

.widgetContainer * {
	margin:0;padding:0;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.widgetContainer input {
	width:auto;	
}
.widgetContainer a,.widgetContainer a:link,.widgetContainer a:active,.widgetContainer a:visited, .widgetContainer p {
	color:white;	
}
.widgetContainer {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#00AEEF;
	padding:10px;
	color:white;
	width:100%;
	max-width:480px;
	position:relative;
}
.widgetContainer .widgetInfo {
	margin:6px 10px 12px 10px;	
	text-align:center;
}
.widgetContainer input.widgetInput, .widgetContainer select.widgetInput  {
	border:1px solid #EEE;
	background:white;
	font-size:13px;
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:8px;	
	width:96%;
}
.widgetContainer  select.quantityInput  {
	border:1px solid #EEE;
	background:white;
	font-size:13px;
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:8px;	
	color: black;
	width:20%;
	float: left;
	margin-right: 8px;
}
.widgetContainer  select.productInput  {
	border:1px solid #EEE;
	background:white;
	font-size:13px;
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:8px;	
	color: black;
	width:76%;
	float: left;
}
.widgetContainer input.widgetInputFixed, .widgetContainer select.widgetInputFixed  {
	border:1px solid #EEE;
	background:white;
	font-size:13px;
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:8px;
	width:152px;	
}
.widgetContainer select.widgetInputFixed  {
	width:159px;	
}
.widgetContainer input.widgetInputWide, .widgetContainer select.widgetInputWide  {
	width:98%;	
}
.widgetContainer .widgetCell {
	position:relative;	
}
.widgetContainer .widgetCell label.error {
	position: absolute;
	bottom: -3px;
	left: 0;
	background-color: red;
	color: white;
	padding: 2px 4px;
	font-size: 10px;
}
.widgetContainer .widgetCellCheckbox label.error {
	bottom:-16px;
}
.widgetContainer .widgetBadge {
	width:79px;
	height:75px;
	position:absolute;
	top:-25px;
	right:-25px;
	background:url(../images/campaigns/widget_badge.png) no-repeat;
}
.widgetContainer select.widgetInput  {
	font-size: 11px;
	padding: 2px 3px;
	width:100%;
}
.widgetContainer .widgetImage {
	margin-bottom:10px;	
}
.widgetContainer .widgetText {
	margin-bottom:10px;	
}
.widgetContainer .agreeText {
	font-size:11px;
	float:left;
}
.widgetContainer .widgetLoading {
	float:right;
	margin: 5px 8px 0;
	display:none;
}
.widgetContainer .widgetPrice {
	font-weight:bold;
	font-size:14px;
	padding:3px 0 0 20px;	
}
.widgetContainer .widgetError {
	font-weight: bold;
	text-shadow: 0 1px 1px #333;
	margin-bottom:6px;	
	padding-bottom:6px;
	text-align:center;
}
.widgetContainer .widgetGoodResponse {
	text-align:center;
	font-size:16px;
	padding:20px;	
}
.widgetContainer .widgetOrderButton {
	cursor:pointer;
	float:right;	
}
.widgetContainer table tbody tr:hover {
	background:none;	
}
.widgetContainer .clear {
	clear:both;	
}
.widgetContainer .widgetButton, .widgetContainer .widgetButton:visited {
	background: #222 url(../images/layout/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

.widgetContainer .widgetButton:hover							{ background-color: #111; color: #fff; }
.widgetContainer .widgetButton:active							{ top: 1px; }
.widgetContainer .small.widgetButton, .small.widgetButton:visited 			{ font-size: 11px}
.widgetContainer .widgetButton, .widgetButton:visited,
.widgetContainer .medium.widgetButton, .medium.widgetButton:visited 		{ font-size: 13px; 
											  font-weight: bold; 
											  line-height: 1; 
											  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
											  }
											  
.widgetContainer .large.widgetButton, .large.widgetButton:visited 			{ font-size: 14px; 
												  padding: 8px 14px 9px; }
												  
.widgetContainer .super.widgetButton, .super.widgetButton:visited 			{ font-size: 34px; 
												  padding: 8px 14px 9px; }

.widgetContainer .orange.widgetButton, .orange.widgetButton:visited		{ background-color: #ff5c00; }
.widgetContainer .orange.widgetButton:hover						{ background-color: #d45500; }
.widgetContainer .blue.widgetButton, .blue.widgetButton:visited		    { background-color: #2981e4; }
.widgetContainer .blue.widgetButton:hover							{ background-color: #2575cf; }
.widgetContainer .yellow.widgetButton, .yellow.widgetButton:visited		{ background-color: #ffb515; }
.widgetContainer .yellow.widgetButton:hover						{ background-color: #fc9200; }