/*
Theme Name: West Side
Description: Based on WP-Blank by Anna Linnea
Version: 1
*/

/* decides which side the sidebar is on */

/* CSS Document */ 

/* - BASIC STUFF - */
body {
	background:#FFF;
	font:9pt/11pt Arial, Geneva, sans-serif;
	line-height: 16px;
	color:#000;
	margin:0 auto;
	padding:0;
	}
html, body {height: 100%;}	
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}


/* LÄNKAR 933121*/

a, .downloadlink {text-decoration:none;
	color: #153e8a ;
	}
a:hover, .banner_excerpt p a:hover, div.downloadlink:hover {text-decoration:none;
	color: #000;
	border-bottom: 1px solid;
}
.entry-content a, p a {
	border-bottom: 0px dotted;
}
.entry-content a:hover, p a:hover {
	border-bottom: 1px solid;
}
.imglink:hover, .banner_excerpt p a, .bands-page-pressinfo:hover, .press-page-pressinfo:hover, .list_bands_post:hover, .covers_bands_img:hover, .entry-content a img {
border:0px;}

.editlinks a,.editlinks a:hover {
	color: red;
	text-decoration: underline;
}
/* -- MAIN DIV'S -- */

#wrapwrapper {
height:auto;
min-height: 100%;
}

#wrapper {
	float:none;
	clear:both;
	padding:0;
	width:100%;
	margin:0px;
	position: relative;
			height:100%;
	padding-bottom: 50px;


}

#header {
	position: relative;
	height:76px;
	margin:0 !important ;
	text-align:left;
	padding: 0px;
	background-image:  url('/wp-content/themes/westside/images/menybg_01.png');}
	
#innerwrapper {
	float:none;
	clear:both;
	padding:0;
	padding-top:0px;
	width:980px;

	}	
	
#leftcolumn {
	float:left; 
	clear:none;
	width:700px;
	margin-right:60px;
	margin-top: 40px;
}

.leftcolumn_padding {
	padding-top: 0px;
}
	
#footer {
	width:100%;
	overflow:hidden;
	padding: 20px 0 20px 0px;
	margin-top:-50px;
	border-top:4px solid #999;
	position: relative;
	clear:both;
	float:none;
	text-align:left;
}

#insidefooter {
	padding-left:40px;
	font-size: 11px;
	text-transform: uppercase;
	color: #aaa;
	}
	
	
.rssfoot {
	display: block;
	float: right; 
	margin-right: 40px;}

/* -- POSTS -- */

.posts-wrap {
	width:460px;
	margin-left: 240px;
	padding-top: 0px;
	margin-bottom: 40px;

}

.post {
	margin-bottom: 60px;}

.post-index {}
#post-single {margin:0 0 20px;}

.archive-post {
	margin-bottom: 5px;
	padding:5px;
}	
.archive-post:hover {
	background-color: #eaeaea;}

	
.entry-meta { /* kommentarer och tags */
	border-top:1px dotted #aeaeae;
	color: #636363;
	padding:5px 0px 3px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	}	
	
.additional-meta { /* datum */
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial;
	color: #636363;
	}	
.archive-date {
	float:left;
	width:100px;
}
.archive-comments {
	float:right;
	width:100px;
	text-align: right;
}		

.entry-title a, .page-title {
	color:#272727;
	font-family: Arial;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;}
.margintopper { /* IF RUBRIKEN ÄR I TOPP, ex på single-bands, ifall det inte finns någon bandbild */
	margin-top: 0px;
}	

.entry-title a:hover {
}		

.italic {
	font-style: italic;}	

/* -- SIDEBARS --*/

.widget, .manuellwidget {
	margin-bottom: 40px;
	line-height: 16px;}

.sidebar-wrap {
	margin:40px auto;
	overflow:hidden; 
	float:right; 
	clear:none;
	width:220px;}

.widget ul li, .manuellwidget ul li {
	margin:0px;
	line-height:18px;}	
	
h3.widgettitle, .leftheader h3 {
	margin-top:0px;
	border-bottom: 2px solid #933121;
	padding-top: 0px;
}	
span.releaseheader {
	margin-top:0px;
	border-bottom: 0px solid #933121;
	padding-top: 0px;
	font-size:12px;
	color:#3a3a3a;
	line-height: 18px;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	
}	

.widgettitle2 {
	font-size:12px;
	color:#3a3a3a;
	padding-top: 10px;
	border-top: 0px dotted #933121;
	border-bottom: 2px solid #933121;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	margin-bottom: 10px;
	width: 220px;
	margin-top: 10px;
}


/* -- ÖVRIG TEXTFORMATERING --*/



/* -- HEADERS-- */
h1#westsideheader {
	margin:0px;
	}
h1#westsideheader a {
	position: absolute;
	top:30px;
	left:40px;
	margin:0;
	padding:0px;
	}

h1#westsideheader a {
	font-size: 12px; 
	color: #FFF; 
	font-weight: normal; 
	text-transform: uppercase;
	font-family: Franklin Gothic Book, Arial, sans-serif;}

h1#westsideheader a:hover {
	text-decoration: none;
	}	
	
	
h3 {
	font-size:12px;
	color:#3a3a3a;
	padding:3px 0px 3px 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	margin-bottom: 20px;
}	


.leftheader h3 {
	margin-left:40px;	
	}
	
.meny {
	font-size: 12px; 
	color: #FFF; 
	font-weight: normal; 
	text-transform: uppercase;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	}
.meny {
	position:absolute; 
	top:30px; 
	left:240px;}

.meny a {
	display: block;
	float: left;
	margin-right: 40px;
	color: #FFF}

.meny a:hover {
	text-decoration: none;
	border-bottom:1px solid;
	}
.active {
	border-bottom:1px solid;}	
	
	
/* INDEX WIDE BANNER */
.bigger {
	font-size: 12px;
	font-family: arial;
}

.wideindexbanner {	
	margin-top:20px;
	margin-left: 20px;
	padding:20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
	border-left: 0px solid #eaeaea;
	border-right: 0px solid #eaeaea;
	background-color: #f1f1f1;
	width: 965px;
}
.widebannersidebar {
	float:left;
	margin-left: 55px;
}	

.widebannerleft {
	float:left;
	text-align: ;
	width:180px;
	padding-right: 20px;
	height:80px;

	padding-top: 140px;
	padding-left: 10px;

	}
.widebannermid {
	float:left;
	width:460px;
	margin-left: 0px;
	padding-top: 0px;

	}	
.index-banner-omslag {
	float:left;
	margin-right: 20px;
	width:200px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 0px;
}	
.index-banner-omslag img {
	padding-bottom: 10px;
	border: 0;
}

.index-banner-meta {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	text-transform: uppercase;
	font-size: 11px;
	width:240px;
	color:#444;
	padding:3px 0px 3px 0px;
	margin-right: 0px;
	margin-bottom:20px;
	float: right;
}

.banner_excerpt {
}


.banner-post:hover {
	
}

.banner_small {
	margin-bottom: 20px;	
	height: 50px;
	max-height: 50px;
	width: 220px;
	padding:5px;
	display: block;
	text-decoration: none

}


.banner_small:hover {
	background-color: #ddd;
	padding:5px;
		text-decoration: none
}
.banner_small_text {
	float:left;
	clear: right;
	line-height: 17px;
}
.banner_small_title, .small_bands_title {
	font-size: 12px;
	color: #000;
	font-weight: normal;
}
.banner_small_release {
	color: #666;
}
.banner_small_band, .small_bands_band {
	font-size: 12px;
		color: #000;
	font-weight: bold;	
	text-transform: none;
}
.banner_small_img {
	float:left; 
	margin-right: 10px;
	clear: left;
	
}
.banner_small_img img {
	border: 0px;}


/* -- CATALOGUE - CATEGORY 4 - SINGLE RELEASE  -- */

.sidebarspacer {
	text-align: center;
	color: #666;
	letter-spacing: 10px;
}

.album-page-title {

	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin:0px;
	margin-bottom: 10px;
}
.album-page-title a {
	color:#272727;
	font-family: Arial;		

}

.album-page-artist-title a {
	color:#444;
	font-family: Arial;
	font-size: 30px;
	font-weight: normal;
}

.album-content, .bands-content {
	margin-top: 10px;
}

.album-page-omslag {
	margin: 0px 0px 0px 0px;
	width:220px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 5px;
}

.floatright {
	float:right;
	}

.album-page-omslag img {
	border:1px solid #999;
	margin-bottom: 10px;
	height:218px;
	width: 218px;
	display: block;
	background-color: #f1f1f1;
}

.album-page-meta {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	text-transform: uppercase;
	font-size: 11px;
	width:100%;
	color:#444;
	padding:3px 0px 3px 0px;
	margin-right: 0px;
	margin-bottom:20px;
}

.album-page-info-leftheader, .bands-page-info-leftheader {
	width: 100px;
	font-size: 11px;
	text-transform: uppercase;
	color: #444;
	float:left;
	clear: left;
	margin-top:20px;
	line-height: 15px;
	
	}

.album-page-rightinfo, .bands-page-rightinfo {
	float:left;
	width: 360px;
	margin-top:20px;
	}	
.press-page-info {
	width: 100%;
	margin-top: 20px;
}
.album-page-rightinfo p {
	margin: 0px;
}
p.audioplayer_container {
	margin:0px;
}

.citat {
	font-style: italic;
	
	}

.recensent {
	margin-top: 5px;
	text-indent: 20px;
}	
	
		

/* -- BANDS - CATEGORY 3 -- */

.bandbild {

	}
.divlink {
	cursor:pointer;
}	
	
.small_bands_post {
	height: 50px;
	display: block;
	width: 450px;
	margin-bottom: 10px;
	padding: 5px;
}	
.small_bands_post2 { /*BANDS CAT LOOP */
	height: 50px;
	display: block;
	width: 350px;
	margin-bottom: 10px;
	padding: 5px;
}	

.small_bands_post:hover, .small_bands_post2:hover, .search_bands_post:hover {

	background-color: #ddd;
	text-decoration: none

}

.small_bands_img {
	clear:left;
	float:left;
	width: 50px;
	height:50px;
	margin-right: 0px;
	background-color: #eaeaea;
	

}

/*.small_bands_img a {
	display: block;
	background-color: #eaeaea;
	
	width:50px;
	height:50px;
/*	background-color: #f1f1f1;
	background-image: url(/wp-content/themes/westside/images/cd.png);
}*/
.small_bands_img img {
	border: 0px;
}

.small_bands_img img:hover {
	
}


.small_bands_text {/* I CATEGORY-4-SMALL */
	float:left;
	line-height: 17px;
	padding-left: 20px;
	padding-top: 0px;
	width:288px;
	height: 49px;
}
.small_bands_text3 { /* I BANDS-CAT-LOOP */
	float:left;
	line-height: 17px;
	padding-left: 20px;
	padding-top: 0px;
	width:250px;
	height: 49px;
}

.small_bands_text2 {
	float:left;
	line-height: 25px;
	padding-left: 20px;
	padding-top: 0px;
	width:380px;
	height: 50px;
}
.small_bands_text2 .small_bands_title {
	font-weight: bold;
}
.small_bands_release {
	color:#444;
	
}


.small_bands_text:hover {
	background-color: ;

}


.small_bands_title_sidebar {
	color: #000;
	font-size: 12px;
	font-family: arial;
	height:20px;
	padding-top: 3px;
	display: block;
}

.imgmarg20 {
	margin-right: 20px;
}


.small_bands_meta {
	color:#444;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
}
.small_bands_meta2, .small_bands_meta2:hover {
	color:#444;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}


.small_bands_meta_sidebar {
	color: #444;
	text-transform: uppercase;
	font-size: 10px;
	}


.bands-page-info-wideheader {
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	color: #444;
	margin-top:20px;
	padding-top: 20px;
	border-top: 1px dotted #999;
	}
	
.bands-page-pressinfo {
	width: 356px;
	margin-bottom: 10px;
	padding: 4px 4px 4px 6px;
	clear: both;
	display: block;
	color:#000;
	}
.press-page-pressinfo {
	width: 450px;
	margin-bottom: 10px;
	padding: 4px 4px 4px 6px;
	clear: right;
	display: block;
	color:#000;
	}	
.presspointer {
	float: left;
	clear: left;
	padding:0px 12px 8px 6px;
	}	
.bands-page-pressinfo:hover, .press-page-pressinfo:hover {
	text-decoration: none;
	background-color: #eaeaea;
}	
.downloadlink {
	float: right;
	width:50px;
	padding-right: 4px;
}	
		
.pressdisclaimer {
	clear: both;
	width:354px;
	float: right;
	color:#444;
	font-style: italic;
}
.presspressdisclaimer {
	clear: both;
	width:100%;
	color:#444;
	font-style: italic;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.pressheader {
	color: #000;
}
.pressheader:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}


.bold {
	font-weight: bold;
}
	
.clear {
	clear: both;
	height: 0px;
	padding: 0;
	margin: 0;
}

/* CATALOGUE LIST */

.list_bands_post {
	color:#000;
	padding:2px;
	height:14px;
	clear: both;
	display: block;
}	
.list_bands_post:hover {
	background-color: #ddd;
}
.list_bands_band {
	text-transform: uppercase;
	float: left;
	margin-right: 5px;
}
.list_bands_cat {
	width:70px;
	display: block;
	float: left;
	text-transform: uppercase;
	color: #666;
}
.list_bands_title {
	float: left;
	margin-right: 5px;
}
.list_bands_format {
	float: left;
}
.list_bands_year {
	float:right;
	color: #666;
}
a.list_bands_post:hover{
	text-decoration: none;
}

/* CATALOGUE COVERS */

.covers_bands_post {
	padding:0px;
	float: left;
}
.covers_bands_img {
	display: block;
	height:50px;
	width:50px;
background-color: #933121;
}
.covers_bands_img img {
	border:0px;}
.covers_bands_img img:hover {
opacity:0.2;

}

/* CATALOGUE EXPANDED */
.spacer {
	height:40px;
	clear: both;
}

.expanded-page-omslag {
	margin: 0px 0px 10px 20px;
	width:150px;
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 5px;
	float: right;
}


.expanded-page-omslag img {
	border:2px solid #999;
	margin-bottom: 10px;
	height:146px;
	width: 146px;
	display: block;
	background-color: #f1f1f1;
}

.expanded-page-meta {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	text-transform: uppercase;
	font-size: 11px;
	width:100%;
	color:#444;
	padding:3px 0px 3px 0px;
	margin-right: 0px;
	margin-bottom:20px;
}

/* BANDS EXPANDED */
.contentspacer {
	text-align: left;
	color: #666;
	letter-spacing: 10px;
}

.bands_expanded_post {
		border-bottom: 1px dotted #999;
		padding-bottom: 40px;
}

.empty { 
	font-style: italic;
	color:#999;
	clear: left;
	text-align: left;

	}
.bands-content img.bandbild {
	float:right;
	margin:0px 0px 10px 10px;

}
.bands-expanded-title {
	margin-top: 0px;
	padding-bottom: 10px;
}
.bands-expanded-title a{
	color:#000;
	}

.pressleftheader {
	padding-top: 4px;
	width:94px;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:0px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */

/* MAILING LIST */
input {
	padding: 2px;
	border: 1px solid #999;
	margin:0px;
	}

.searchfloatleft {
	float:left;
	height:60px;
	}
.searchfloatright {
	float:right;
		height:60px;
	}
	
input#searchsubmit {
	height:24px;
	padding-top: 0px;
}
input#s {
	height:16px;
	padding-top: 4px;
	padding-left: 4px;
}

input#email {
	margin:0px;
	width:214px;
	height:16px;
}
input#contactsubmit {
	margin-top: 10px;
	float: right;
	clear: right;
}

/* CONTACT PAGE */

.wpcf7-form-control-wrap {
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
}
/* -- SEARCH-PAGE --*/

.search-post {
	border-bottom: 1px dotted #ddd;
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;
	
}
.searchtype {
	float: left;
	width: 95px;
	clear: left;
	font-family: Franklin Gothic Book;
	font-size: 12px;
	text-transform: uppercase;
	padding-top:24px;
	color: #999;
	}
.searchtypenews {
	float: left;
	width: 100px;
	clear: left;
	font-family: Franklin Gothic Book, Arial, sans-serif;
	font-size: 12px;
	padding-top:24px;
	text-transform: uppercase;
	color: #999;
	}
.search-meta {
	font-family: Franklin Gothic Book, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;	
	}
.search_bands_post {
	float: left;
	clear: right;
	padding: 5px;
	height:100%;

}	
.searchnews {
	float: left;
	clear: right;
	width:360px;
	padding-top:24px;
	padding-bottom: 24px;
}

.search-entry-content a {
	color: #000;
	border-bottom:0px;
}
.entry-title-search a {
	font-size: 18px;
	line-height: 18px;
}

.search_bands_img {
	margin-right: 20px;
	float:left;
	height:50px;
	width: 50px;
	}

.search_bands_text {
	width:355px;
	clear: right;
	
}
/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {
	overflow:auto;
	width:458px;}
ul.commentlist, ul.commentlist li {text-indent: 0px}
#comments{font-size: 150%; text-align: center; padding-bottom: 10px;padding-right:10px;padding-top:20px;margin-top:-20px;background-color: ; margin-bottom: 0px!important}
.right {text-align: center; padding-bottom: 20px;background-color: #;padding-right:10px;border-bottom: 1px dotted #ccc;}

.thread-even {background-color:}
.comment {padding-top:10px; padding-bottom:20px;border-bottom: 1px dotted #ccc; text-wrap:normal; text-align: }
.commentauthor {font-size: 120%; font-weight: bold; margin:0; }
.commentauthor a {border-bottom: 1px dotted #aaa;}
.commentauthor a:hover {text-decoration:none;border-bottom: 1px solid #000;}
.commentmetadata{
	color: #909090;
	font-size: 85%;
	font-family: arial;
	margin: 0px 0 10px 0;
	border-top: #efefef solid 0px;
	line-height: 120%;
	text-align: right;
	clear: both;
	display: block;
	width: 100%
	
}
.skriver {font-weight: normal;}
ul.pinglist {text-indent:0px}

#submit {float: right;}

/* -- NAVIGATION --*/
div.navigation {height:25px; float:none;clear:both; margin:0 0 40px 0;}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */


.nav-next {float:right;clear:none;width:150px; text-align:right;}
.nav-prev {float:left;clear:none;width:150px; text-align:left;}
.nav-mid {float:left;clear:none;width:160px; text-align:center;}