/*
Theme Name: kalkyl.nu
Theme URI: http://www.kalkyl.nu/blogg/wp-content/kalkylnu
Descripton: This is a wordpress theme for the blogg on kalkyl.nu
Version: 0.95 Alpha
Author: Kalkyl
Author URI: http://www.kalkyl.nu
*/

/* Basic outline */

body {
	background-color: #000000;
}

/* 
   Start of styles for the masthead 
*/
div#masthead {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 720px;
	height: 100px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: -360px;
	
	border-width: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-bottom-width: 2px;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(http://www.kalkyl.nu/test_site/09/pix/masthead.png);
}

div#poweredby {
	position: absolute;
	top: 67px;
	left: 50%;
	margin: 0px;
	margin-left: 260px;
	padding: 0px;
}

div#poweredby img {
	border-style: none;
	
	width: 100px;
}

/* <h1> is only used for masthead */
h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	
	/*color: #cccccc;*/
	
	position: absolute;
	bottom: 0px;
	
	margin: 0px;
	padding-left: 10px;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	
	color: rgb(175, 175, 175);
	color: rgba(175, 175, 175, 0.75);
	/*color: #cccccc;*/
	
	text-decoration: none;
}

/*
   End of the code for the masthead
*/

/*
   Start of the code for the links menu
*/

div#links {
	position: absolute;
	top: 110px;
	left: 50%;
	width: 720px;
	margin-left: -360px;
}

div#links a:link, div#links a:visited, div#links a:hover {
	position: absolute;

	width: 128px;
	
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
	
	height: 20px;
	
	text-align: center;
	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	
	border-width: 2px;
	border-style: dashed;
	
	border-bottom-style: none;
	
	text-decoration: none;
}

div#links a:link {
	border-color: #bcbcbc;
	color: #bcbcbc;
}

div#links a:visited {
	border-color: #696969;
	color: #696969;
}

div#links a:hover {
	border-color: #ffffff;
	
	color: #ffffff;
	
	background-color: #272727;
}

div#links a:link.active, div#links a:visited.active, div#links a:hover.active, div#links a:active.active {
	color: #ffffff;
	
	background-color: #333333;
	background-color: rgba(30%, 30%, 30%, 0.80);
	
	z-index: 3;
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	
	border-bottom-color: #333333;
	border-bottom-color: rgba(24%, 24%, 24%, 1);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}


#links1 {
	position: absolute;
	top: 0px;
	left: 0px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#links2 {
	position: absolute;
	top: 0px;
	left: 147px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#links3 {
	position: absolute;
	top: 0px;
	left: 294px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#links4 {
	position: absolute;
	top: 0px;
	left: 441px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#links5 {
	position: absolute;
	top: 0px;
	left: 588px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

/*
   End of the styles for the links menu
*/

/*
   Start of styles for the content, leftcontent
   and centerrightcontent
*/
div#content {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 716px;
	min-height: 530px;
	
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: -360px;
	
	padding-top: 1em;
	
	background-color: #333333;
	background-color: rgba(30%, 30%, 30%, 0.80);
	/*background-image: url('http://24ways.org/examples/compose-to-a-vertical-rhythm/underline.gif');*/
	border-color: #cccccc;
	border-style: solid;
	border-width: 2px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	z-index: 1;
}

div#leftcontent {
	top: 0px;
	left: 0px;
	width: 200px;
	float: left;
	
	padding-top: 0px;
	padding-bottom: 7px;
	
	min-height: 523px;
	overflow: auto;
}

div#centerrightcontent {
	margin-left: 200px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 7px;
	
	min-height: 523px;
}

/* Text */
h2 {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	
	line-height: 1em;
	
	color: #cccccc;

	margin: 0px;
	margin-bottom: 1em;
	margin-top: 0em;
	padding: 0px;
	
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #cccccc;
	margin: 0px;
	margin-bottom: 1em;
	margin-top: 0em;
	padding: 0px;
}

h3 {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	color: #cccccc;

	margin: 0px;
	margin-bottom: 1em;
	margin-top: 0em;
	padding: 0px;

}

p, ul, ul li {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
	line-height: 1.5em;
	
	text-align: justify;
	color: #cccccc;
	
	padding-right: 15px;
	
	margin-top: 0em;
	margin-bottom: 1.5em;
	
}

ul li {
	margin-bottom: 0em;
}

p.postmetadata {
	font-size: 10px;
	padding: 0px;
	padding-left: 10px;
	line-height: 1.8em;
	margin-bottom: 2em;
}

p.downloadpodcast {
	padding: 0px;
	margin-bottom: 0em;
}

p.downloadpodcast img {
	padding-right: 3px;
	width: 12px;
	height: 12px;
}

a:link, a:visited {
	color: #8888cc;
	text-decoration: none;
}

a:hover {
	color: #8888cc;
	text-decoration: underline;
}

/* These lists are for the sidebar content and
   the numbering of comments */

#leftcontent ul {
	margin: 0px;
	margin-bottom: 1.5em;
	padding: 0px;
	padding-left: 10px;
}

#leftcontent li {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	
	font-size:0.8333em;
	line-height:1.8em;
	
	text-align: left;
	color: #cccccc;
}

#leftcontent li {	
	list-style-type: none;
}

#leftcontent li li {
	list-style-type: square;
	list-style-position: inside;
}

ol {
	list-style-type: upper-roman;
	list-style-position: inside;
	margin: 0px;
	margin-top: 0em;
	margin-bottom: 1.5em;
	padding: 0px;
	padding-left: 20px;
}

ol li {
	padding-bottom: 0px;
}

div.bloggpost, div.bloggentry {
	margin: 0px;
	padding: 0px;
}

blockquote {
	padding-left: 25px;
	padding-right: 25px;
	font-style: italic;
}

ul.sidebar, ul.sidebar li {
	padding: 0px;
	margin: 0em;
}

/*
   End of styles for the content, leftcontent
   and centerrightcontent
*/

/*
   Start of the styles for the validatorfields
*/
#validators {
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	border-right-width: 0px;
}

#validators img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.closebutton {
	position: relative;
	left: -13px;
	top: -8px;
	width: 15px;
	height: 15px;
}
/*
   End of the styles for the validatorfields
*/

/*
   Start of styles for images and captions in posts
*/

div.alignright {
	float: right;
	border-color: #cccccc;
	border-width: 2px;
	border-style: solid;
	margin-left: 5px;
	padding: 5px;
}

div.bloggpost img {
	/*width: 100%;*/
}

div.alignright p {
	font-size: 7pt;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: center;
}

div.gallery {
	/* None so far */
}

dd.gallery-caption {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	
	text-align: left;
	color: #cccccc;
}

img.wp-smiley {
	/*height: 5px;*/
}

/*
   End of styles for images and captions in posts
*/

/*
   Various
*/
div#gallery-1 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 100px;
}

/*img.myicons {
	position: relative;
	top: 10px;
}*/


/*	Special Fresh from Friendfeed and Twitter styles */
div.ffff_content {
	min-height: 50px;
	/*border-color: #cccccc;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 5px;
	
	margin: 0em;
	
}

ffff_content img {
	margin-right: 5px;
}

div.ffff_content p {
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
} 

img.profile_image {
	float: left;
	margin-right: 5px;
}

.service_icon img {
	position: relative;
	margin-left: -21px;
	margin-right: 5px;
}