/*   
Theme Name: Montages blogg
Theme URI: http://www.montages.no
Description: Custom theme for Montages.no.
Author: Martin Sivertsen
Author URI: http://montages.no/martin
Version: 1.0
*/

* {
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0;
}

body, html {
	min-height:101%;
}

body {
	background: #ccc url('/wp-content/themes/montages_blogg/images/page_bkg.png') repeat scroll 0 0;
	color:#222;
	text-align: center;
}

body, select, input, textarea {
	-x-system-font:none;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.3em;
}

img {
	border: 0;
}


#wrap {
	width: 960px;
	position: relative;
	margin: 14px auto;
	top: -1px;
	background-color: #fff;
	text-align: left; 
	border: 1px solid #999;
	/* border-top: 5px solid #611d72; */
}

	#wrapInner {
		width: 920px;
		position: relative;
		padding: 0px 20px 10px 20px;
	}


#mainContent {
	width: 720px;
	float: left;
	display: inline;
	position: relative;
	margin-right: 20px; 
	/* overflow: hidden; */
}


#footer {
	font-size: 0.8em;
	line-height: 1.8em;
	padding-bottom: 10px;
}

	#footer #disclaimer {
		margin: 10px 0;
	}

a, a:visited {
	color: #611d72;
	text-decoration: none;
}

a:hover, a:active {
	color: #444;
	/* text-decoration: underline; */
}

p {
	line-height: 1.5em;
}

hr.post {
	border: 0; 
	color: #ddd;
	background-color: #ddd;
	height: 1px; 
	margin-bottom: 20px;
}



#mainContent .renderedFont {
	display: inline;
}



/* HEADER */
#header {
	background: #fff url('/wp-content/themes/montages_blogg/images/header_bkg.png') repeat-x scroll 0 -5px;
	position: relative;
	border-top: 4px solid #611d72;
	width: 100%;
	height: 143px;
}

	#headerMain {
		position: relative;
		width: 100%;
		height: 100px;
		background-color: #000;
		top: 5px;
	}

		
	#rssIcon {
		position: absolute;
		bottom: 19px;
		left: 7px;
	}


#filmblogg_montages {
	position: absolute;
	top: 32px;
	right: 14px;
	cursor: pointer;
}

#blogg_tittelbanner {
	background: url('/wp-content/themes/montages_blogg/images/blogg_titlebanner_holder.png');
	background-repeat: no-repeat;
	width: 476px;
	height: 131px;
	position: absolute;
	top: 18px;
	left: 12px;
}

#blogg_tittelbanner img {
	width: 468px;
	height: 120px;
	position: relative;
	top: 4px;
	left: 4px;
}

	
#searchArea {
	color: #aaa;
	padding-bottom: 20px;
}
	#s { width: 170px; border-color: #ccc; font-size: 12px;}
	#searchsubmit {display: none;}


#aboutButton {
	position: absolute;
	right: -40px;
	width: 19px;
	height: 90px;
	cursor: pointer;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background: #611d72;
}

	#aboutButton:hover {
		background: #383838;
	}



div#tabs {
	position: absolute;
	right: 940px;
	top: -1px;
	width: 20px;
	height: 100px;
	cursor: pointer;
}

	div#tabs div.tab {
		width: 18px;
		overflow: hidden;
		padding: 0;
		margin-bottom: 6px;
		position: relative;
		background: #fff;
		right: -1px;
		margin-top: 2px;
		-khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); opacity:.40; 
	}
	
	div#tabs div.tab:hover{
		-khtml-opacity:.70; -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70; 	
		
		/* 
		width: 19px;
		right: 0;
		margin-top: 2px;
		*/
	}
	
	
	div#tabs div.tab.selected {
		cursor: default;
		width: 20px;
		right: 0;
		margin-top: 0;
		-khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; 
	}






/* FRONTPAGE */
#blogg_main {
	position: relative;
	display: inline;
	float: left;
	width: 500px;
	margin-right: 30px;
	padding-top: 20px;
	overflow: hidden;
}



.rssIcon {
	position: relative;
	top: 3px;
	margin-right: 2px;
}

.postLinks {
	position: relative;
	clear: both;
}



/* TITLES */
h1, h2, h3, h4, h5, h6, .title {
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;	
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: -0.05em;
}

h1 {
	font-size: 30px;
	padding-bottom: 4px;
	font-weight: normal;
	clear: both;
}

h1 a, h1 a:visited,
h2 a, h2 a:visited {
	color: #000;
	font-weight: normal;
}

h2 a:hover {
	color: #444;
	text-decoration: none;
}

.gfxFont {
	position: relative;
	left: -1px;
	margin-bottom: 2px; 
	vertical-align: bottom;
}



/* SINGLE POST */
	.byline {
		font-size: 0.9em;
		margin-bottom: 8px;
	}
		.byline a {
			font-weight: bold;
		}

	.content p {
		margin: 0 0 20px 0;
	}
	
	.content p a {
		font-weight: bold;
	}
	
	.wp-caption {
		background-color: #eee;
		margin-bottom: 12px;
		
	}
	
	.wp-caption-text {
		padding: 4px; 
		font-size: 0.9em;
		font-style: italic;
	}
	
	.aligncenter .wp-caption-text {
		text-align: center;
	}
	
	.content img {
		margin-bottom: 8px;
	}




/* KOMMENTARER */
#comments {
}

	#comments h3 {
		padding: 8px 0; 
		border-bottom: 2px solid #eee;
		margin: 0 0 10px 0;
	}
	
	
#respond {
	margin-top: 30px; 
}

	#respond input, #respond textarea {
		margin: 4px 4px 8px 0;
	}
	
	#respond textarea {
		width: 490px;
	}
	
	
.comment {
	margin: 10px 0px 20px 70px;
	padding: 8px 8px;
	position: relative;
	border: 1px solid #eee;
}
	.odd {
		background-color: #f4f4f4;
	}
	
	.commentlist {
		clear: both;
	}
		
	
	.vcard {
		position: relative;
		text-align: left;
		clear: both;
	}
	
	.vcard .avatar {
		position: absolute;
		top: -8px;
		left: -70px;
	}
	
	.reply {
		display: none;
	}

	#comments ol, .comment li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	

	
	.comment-meta {
		font-size: 0.8em;
		margin-bottom: 4px;
	}

		.comment-meta a, 
		.comment-meta a:visited {
			color: #999;
		}
		
	.comment cite {
		font-style: normal;
	}

	.comment p {
		margin-bottom: 6px;
	}


#HTML_legend {
	font-size: 12px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	line-height: 200%;
}



/* PAGE */
.pageWrapper {

}

.page {
	padding: 10px;
}





/* ARKIVSIDER */
.archive {
}


	
	.archive h1,
	.pageHeader {
		margin: 1px 0 20px 0;
		padding: 10px 10px 6px 10px;
		border-bottom: 1px solid #ddd;
/* 		border-top: 2px solid #611d72;*/
		background-color: #fff;
		text-align: center;
	}

	.pageHeader h2 {
		padding: 8px;
		text-transform: uppercase;
		font-weight: normal;
		color: #666;
	}
	
	.pageHeader p {
		font-style: italic;
		margin: 10px;
		font-size: 0.9em;
		color: #444;
	}

	.archive .story {
		width: 190px;
		margin: 0 50px 50px 0;
		padding: 0;
		float: left;
		position: relative;
		border: 0;
		left: 20px;
	}
	
	.timestamp {
		color: #999;
		font-size: 0.8em;
	}
	
	.navigation {
		font-weight: bold;
		text-align: center;
	}

	archive .navigation {
		padding: 8px;
	}
	
	.navigation a:hover {
		text-decoration: none;
	}


/* SIDEBAR */

#sidebar {
	position: relative;
	display: inline;
	float: left;
	width: 180px;
	top: -32px;
	overflow: hidden;
}

	#sidebar hr {
		margin: 20px 0;
	}


	#sidebar .widget {
		width: 180px;
		
	}

	.widget {
		padding-bottom: 8px;
		overflow: hidden;
		font-size: 0.9em;
		position: relative;
		padding-top: 12px;
	}

	.widget a {
		font-weight: bold;
	}
	
	.widget .title {
		font-size: 14px;
		text-transform: uppercase;
		border: 0;	
		color: #000;
		padding-bottom: 4px;
		border-bottom: 1px solid #611d72;	
		font-weight: normal;
		margin-bottom: 4px;
	}
	
	.widget p {
		margin-bottom: 8px;
	}
	
	
	.widget li {
		margin: 4px 2px 8px 0px;
		line-height: 1.5em;
	}
	
	.widget ul {
		list-style: none;
		padding-top: 1px;
	}
	

	.widget_recent_comments, 
	.widget_betterblogroll {
		margin: 0 0 40px 0;
	}

	#sidebar .widget_text {
		margin: 0 0 24px 0;
	}
	
	
	#sidebar .annonse {
		position: relative;
		margin: 10px 0;
		cursor: pointer;
		background-repeat: no-repeat;		
	}

	.flashHolder {
		background-repeat: no-repeat;
	}

	#get-recent-comments li {
		font-size: 0.9em;
	}



.thisisad {
	background-color: #ddd;
	height: 1px;
	width: 180px;
	position: relative;
	margin: 0 0 10px 0;
	font-size: 12px;
}
	.thisisad div {
		font-size: 0.8em;
		color: #bbb;
		position: absolute;
		top: -9px;
		left: 0px; 
		padding-right: 6px;
		background-color: #fff;
	}




.widget_betterblogroll ul {
	padding-bottom: 2px;
}


/* AUTHOR PAGE */
.authorWrapper {
	padding-top: 4px;
}

	.authorWrapper h2 {
		color: #999;
		font-size: 1.4em;
		position: relative;
	}
	
	.authorWrapper h2 a,
	.authorWrapper h2 a:visited {
		color: #611d72;	
	}
	
	.authorWrapper p a,
	.recentAuthorPost a {
		font-weight: bold;
	}
	
	.recentAuthorPost span {
		font-size: 0.9em;
		color: #999;
	}
	
	.recentAuthorPost {
		padding-bottom: 6px;
	}
	
	

	
	
#authorRightColumn {
	position: relative;
	padding-top: 10px;
	float:left;
	width: 490px;
}

	#authorRightColumn p {
		padding-top: 16px;
	}
	
	#authorRightColumn h3 {
		padding: 30px 0 10px 0;
		font-size: 14px;

	}
	

#authorLeftColumn {
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	float:left;
}

	#authorLeftColumn .fotobyline {
		font-size: 8px;
		color: #999;
	}
	
	
#twitter_div {
	width: 200px;
	overflow: hidden;
	font-size: 0.8em;
	padding-top: 40px;
}

	#twitter_div li {
		padding: 8px 4px;
		list-style: none;
	}


	#twitter-link {
		font-weight: bold;
	}
	



/* INPUT ELEMENTS */
input, textarea {
	padding: 4px;
	border: 1px solid #999;
	color: #999;
}

input:focus, textarea:focus {
	background-color: #efefef;
	color: #000;
}




	

/* MONTAGES SIDEBAR */
#montages_sidebar {
	position: relative;
	top: -20px;
	width: 180px;
	float: left;
	display: inline;
}

#otherBlogs {
	padding-bottom: 20px;
}

#montages_sidebar h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 8px;
	font-weight: normal;
	border: 0;
	border-top: 4px solid #611d72;
}



#montagesFeed {
	font-size: 12px;
}

	#montagesFeed li {
		padding-bottom: 20px;
	}
	
	#montagesFeed li .storyTitle  {
		font-family: Futura, Century Gothic, AppleGothic, sans-serif;	
		font-weight: normal;
		font-size: 14px;
		color: #000;
	}

	#montagesFeed li .storyTitle:hover { color: #444; }
	
	#montagesFeed li p {
		display: none;
	}
	
	#montagesFeed p a {
		font-weight: normal;
		color: #000;
	}


/* FLASH MP3-spiller */
.flashPlayer { 
}

.flash_spacer {
	height: 18px;
	clear:  both;
}


/* RUNDE KNAPPER */
.button,
.button2 {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 4px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	display: inline;
	position: relative;
	top: 1px;
}

.button,
.button a {
	background-color: #efefef;
	color: #000;
}

.button2 {
	background-color: #611d72;
	color: #fff;
}

.button:hover,
.button2:hover {
	border: 1px solid #611d72;
}



/* PAGINERING */ 
div.pagination {
		padding: 0 0 40px 0;
		position: relative;
		float: left;
		clear: both;
		font-size: 12px;
		font-family: Verdana;
		width: 100%;
		overflow: hidden;
	}
		
		div.pagination div.navbar {
			clear: left;
			float: left;
			position: relative;
			margin: 0;
			padding: 0;
			left: 50%;
			text-align: center;
		}
		
			div.pagination div.navbar div {
				float: left; 
				display: block;
				position: relative;
				margin: 0 4px;
				padding: 1px 5px;
				border: 1px solid #ccc;
				color: #444;
				right: 50%;
			}
			
			div.pagination div.navbar .filler {
				border: 0;
			}
			
			div.pagination div.navbar .active {
				cursor: pointer;
			}
				div.pagination div.navbar .active:hover {
					background-color: #611d72;
					color: #fff;
				}

			div.pagination div.navbar .current,
			div.pagination div.navbar .legend {

				background-color: #611d72;
				color: #fff;
			}
			div.pagination div.navbar .legend {
				padding: 1px 8px;
			}


	archive .pagination {
		padding: 8px;
	}
	
	.pagination a:hover {
		text-decoration: none;
	}






/* GLOBAL CLASSES */
.clear-left 	{ clear: left; }
.clear-right	{ clear: right; }
.clear, 
.clear-both		{ clear: both; }

.alignleft		{ float: left; position: relative; margin: 4px 10px 4px 0; }
.alignright		{ float: right; position: relative; margin: 4px 0 4px 10px; }

.hide			{ display:none; }

.smaller, small	{ font-size: 0.8em; }

.float-right 	{ float: right; display: inline; }
.float-left 	{ float: left; display: inline; }


a.black {color:#000; font-weight: normal; }


blockquote {
	margin: 0 40px;
	color: #666;
	font-style: italic;
}