/*  
Theme Name: Lampage
Theme URI: http://kjosmoen.org
Description: Lampage is a theme made for kjosmoen.org
Version: 1.00
Author: Thomas Kjosmoen
Author URI: http://kjosmoen.org
*/

/* Colors used in the theme:

offwhite:	#ede6d5
offwhite 1:	#ededea
red:		#d75555
green:		#63e96c
blue:		#5f91e6
blue 6:		#588bdd
blue 5:		#5886d4
blue 4:		#7c99dd
blue 3:		#547ddc
blue 2:		#5584e0
blue 1:		#5184d3
darkblue:	#4473cd

*/

/* Magic - To fix weird behavior in various browsers */
* { margin: 0; padding: 0; }
/*************************************
 +Containers
 *************************************/

body {
	background: #ededea url(../images/mainbackground.png) fixed repeat-x;
	color: #000000;
	text-align: center;
}
/* Main and accompanying shadows */
#main {
	width: 820px;
	margin: 20px auto 20px auto;
}	
/*#main * { text-align: left;}*/
#bstop {
	background: transparent url(../images/bstop.png) no-repeat;
	width: 820px;
	height: 10px;
	font-size: 0;
	margin: 0px;
	padding: 0px;
	border: none;
	display: block;
}
#bsmiddle {
	background: transparent url(../images/bsmiddle.png) repeat-y;
	width: 820px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-align: left;
}
#bsbottom {
	background: transparent url(../images/bsbottom.png) no-repeat;
	width: 820px;
	height: 10px;
	border: none;
	display: block;
}

/*************************************
 +Header and footer
 *************************************/
#header {
	width: 800px;
	height: 150px;
/*	line-height: normal;*/
	/*	green: 63e96c, red: d75555, blue: 5f91e6, darkblue: 4473cd*/
	background: #5886d4 url(../images/dbheader1.jpg) no-repeat bottom left;
	border: 1px solid #000;
}

#header a {
	text-decoration: none;
	border: none;
	font-size: 100%;
	color: #000000;
	text-shadow: #ffffff 0px 0px 6px;
}

#header h1 {
	padding: 50px 0px 40px 0px;
	text-indent: 100px;
/*	text-align: center;*/
	font-size: 300%;
	font-weight: bold;
	font-style: italic;
	border: none;
	color: #000000;
}

#content {
/*	overflow: hidden;*/
/*	background-color: #0b0b0b;*/
	background: #0b0b0b url(../images/background.jpg) repeat;
	width: 800px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border: 1px solid #000;
	overflow: auto;
}

/* Footer stuff */
#footer {
	width: 800px;
	height: 30px;
	/*	green: 63e96c, red: d75555, blue: 5f91e6, darkblue*/
	background: #5886d4 url(../images/dbheader1.jpg) no-repeat;
	border: 1px solid #000;
}
#footer h2 {
	padding: 5px 0px 5px 0px;
/*	text-indent: 100px;*/
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	text-shadow: #ffffff 0px 0px 6px;
}

#footer a:link {
	color: #ededea;
}

/* Article stuff */
.article {
	width: 500px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	position: relative;
}


.article h1 {
	padding: 0px 0px 5px 0px;
	font: 150% Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	color: #033993;
/*	text-shadow: #000000 0px 0px 10px;*/
}

.article h5 {
	padding: 0px 0px 5px 0px;
	font-size: 80%;
	color: #828079;
	display: block;
	text-align: right;
}

.article h2 {
	font: 120% Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	color: #444444;
/*	text-shadow: #000000 0px 0px 10px;*/
}


.article p {
	padding-bottom: 10px;
}

/* Links */

a:link {
	text-decoration: none;
}

a:hover {
	border-width: 1px;
	border-bottom-style: dashed;
}

a:visited {
	border-bottom: none;
	text-decoration: underline;
}

a:visited:hover {
	border-width: 1px;
	border-bottom-style: dashed;
	text-decoration: none;
}

/* Article links */

.article a:link {
	color: #033993;
}

.article a:hover {
	color: #033993;
}

.article a:visited {
	color: #828079;
}

.article h1 a:visited {
	text-decoration: none;
	color: #033993;
}

.aF {
	text-align: right;
	display: block;
	font-size: 80%;
	/*	green: 066800, red: 8f0400, blue: 033993, darkblue: 4473cd*/
	color: #929089;
}

.aF h4 {
	display: inline;
	padding: 0px 0px 5px 0px;
}

.aF p {
	display: inline;
	margin-right: 4px;
	padding-right: 4px;
	color: #929089;
	border-right: dotted 1px #838383;
}

/* Page style link list */
.aL {
	display: block;
	font-size: 80%;
	/*	green: 066800, red: 8f0400, blue: 033993, darkblue: 4473cd*/
	color: #929089;
}

.aL a {
	font: 120% Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
}

.aC {
	text-align: left;
/*	background: #ede6d5 url(csmiddle.png) repeat-y;	*/
	font-weight: bold;
/*	padding: 0px 15px 0px 15px;*/	
/*	border: 1px solid #00ff00;*/
}

.aT, .aT div,
.aB, .aB div {
	background: transparent url(../images/ow1topbottom.png) no-repeat;
	height: 20px;
}
.aM, .aM div,
.aF, .aF div,
.aL, .aL div,
.aC, .aC div { background: #ededea url(../images/ow1leftright.png) repeat-y;}
.sT, .sT div,
.sB, .sB div {
	background: transparent url(../images/b5topbottom.png) no-repeat;
	height: 20px;
}
.sM, .sM div { background: #5886d4 url(../images/b5leftright.png) repeat-y;}
.aT, .aM, .aB, .aF, .aL, .aC, .sT, .sM, .sB {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	position: relative;
}
.aT div, .aM div, .aB div, .aF div, .aL div, .aC div, .sT div, .sM div, .sB div {
	margin: 0px -40px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
}

.aT, .aM, .aF, .aL, .aC, .sT, .sM { background-position: top left; }
.aT div, .aM div, .aF div, .aL div, .aC div, .sT div, .sM div { background-position: top right; }
.aB, .sB { background-position: bottom left;}
.aB div, .sB div { background-position: bottom right;}

/* Add some more padding to the footer*/
.aF div, .aL div, .aC div{ padding: 10px 15px 5px 0px; }

/* Add some margin in the bottom, so that there is some distance between the blobs */
.aB, .sB {
	margin-bottom: 10px;
}

.sM div {
	padding-bottom: 2px;
}

.aC ol {
	margin: 10px 0px 10px 0px;
}

.aC li {
	margin: 10px 0px 10px 30px;
}
.aC p {
	font: 80% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
.aC cite {
	color: #444444;
}
	
.commentmetadata {
	font-size: 80%;
	display: inline;
	text-align: right;
	position: absolute;
	right: 10px;
}

/* Sidebar stuff */

.sidebar {
	width: 220px;
	float: right;
	margin-right: 35px;
	position: relative;
}

.sM h2, .sidebar label {
	padding: 0px 0px 5px 0px;
	font: 110% Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	/*	green: 066800, red: 8f0400, blue: 033993, darkblue: 4473cd*/
	color: #000000;
/*	text-shadow: #000000 0px 0px 10px;*/
}

.sM a:link, .sM a:hover, .sM a:visited {
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	color: #ededea;
}

.sM li {
	margin-top: 3px;
	list-style-type: none;
}

/* Lists */

.aM ul li, .aC ul li {
	list-style-type: disc;
}

ol li{
	margin: 10px 0px 10px 30px;
	list-style-type: decimal;
}

/*************************************
 +Forms
 *************************************/
fieldset {
	border: none;
}

.aC fieldset {
	padding-bottom: 10px;
}

.aC small {
	padding-bottom: 2px;
}

textarea {
/*	margin-left: .5em;*/
	margin-right: 0px;
	border: 1px solid #828079;
	background-color: #ededea;
	width: 480px;
}

label {
/*	margin-left: 0.5em;*/
	display: inline;
}

input {
	border: 1px solid #828079;
	margin: 5px;
	background: #ededea;
}

#submit {
/*	margin-left: .5em;*/
	float: left;
	padding: 0.2em;
	border-style: outset;
	color: #033993;
}

/*************************************
 +Other fonts
 *************************************/
code {
	font: normal normal bold 0.9em/1.19em Arial, sans-serif;
}

pre {
	margin: 0px 0px 10px 0px;
}

/*************************************
 +Plugins
 *************************************/
div.latex, div.latexText {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	position: relative;
}