/*
 *		Stylesheet for arntyochmirry.se
 *   	Made by, Mikael Wacker (2009)
 */




/* # # # # # Global css # # # # # */

* { 
margin: 				0; 
padding: 				0; 
}

html, body {
font-family: 			verdana, calibri;
font-size:				12px;
text-align:				center;
height: 				100%;
background-image:		url(../img/newBG.jpg);
background-position:	top left;		
background-repeat:		repeat-x;
background-color:		#7276bb;
}

h1 {
font-size:				21px;
}

h2 {
font-size:				18px;	
}

h3 {
font-size:				16px;	
}

p {
margin: 				0; 
padding: 				0; 	
}

label {
font-size:				10px;
font-weight: 			bold;
color:					#ffffff;
}

input, textarea {
border:					1px solid #cfcfcf;
background-image:		url(../img/fields.png);
background-repeat:		no-repeat;
background-position:	top left;
padding:				2px 4px 2px 4px;
}

.submit {
background-image:		url(../img/button.jpg);
background-repeat:		repeat-x;
border-top:				1px solid #dfdfdf;
border-left:			1px solid #dfdfdf;		
border-bottom:			1px solid #cfcfcf;
border-right:			1px solid #cfcfcf;
padding:				3px 8px 3px 8px;
font-size:				10px;
font-weight:			bold;
color:					#ffffff;
}

.submit:hover {
background-image:		url(../img/buttonHover.jpg);
background-repeat:		repeat-x;
color:					#d6d3fe;
border-top:				1px solid #bfbfbf;
border-left:			1px solid #bfbfbf;		
border-bottom:			1px solid #dfdfdf;
border-right:			1px solid #dfdfdf;
}

.clear {
clear:					both;	
}

/* # # # # # Links # # # # # */

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

a:hover, a:active {
color:					#adb0cf;
text-decoration:		underline;	
}

.postHeader a:link {
color:					#000000;
text-decoration:		none;		
}

.postHeader a:visited {
color:					#000000;
text-decoration:		none;		
}

.postHeader a:hover {
color:					#6d74a9;	
}

.postFooter a:link {
color:					#8f8f8f;	
}

.postFooter a:visited {
color:					#8f8f8f;	
}

.postFooter a:hover {
color:					#4d5282;	
}

.postFooter a {
text-decoration:		underline;		
}

.commentInfo a {
color:					#ffffff;
}

.spanLinks {
color:					#999999;
text-decoration:		underline;	
cursor: 				pointer;
} 

.spanLinks:hover, .spanLinks:active {
color:					#4d5282;
cursor: 				pointer;	
}

#footer a {
color:					#9398bf;
}

#footer a:hover {
color:					#cacddf;
}


/* # # # # # Structure css # # # # # */

#container {
width:					1075px;	
margin:					0 auto;	
padding-bottom:			45px;
}

#content {
float:					left;
width:					800px;
}

#advert {
width:					260px;
float:					right;
padding-top:			86px;
}

#header {
height:					574px;
border:					0px solid #393d62;
border-top:				0px;
background-image:		url(../img/header_nr2.png);
background-repeat:		no-repeat;
background-position:	top center;
text-align:				right;
padding:				36px 30px 0px 0px;
margin-top:				10px;
color:					#abaccd;
font-family: 			Georgia, serif;
font-size: 				20px;
font-style: 			italic;
font-weight: 			normal;
text-transform: 		none;
letter-spacing: 		normal;
line-height: 			1.4em;
}

#main {
padding: 				10px;	
background-color:		#ffffff;
border:					0px solid #393d62;	
border-top:				0px;
text-align: left;
}

#footer {
height:					29px;
text-align:				center;
font-size:				10px;
color:					#646ba2;	
padding-top:			19px;
background-image:		url(../img/footer.jpg);
background-repeat:		repeat-x;
border-bottom:			1px solid #575757;
border-left:			1px solid #575757;
border-right:			1px solid #575757;
}

#hidenImages {
display:				none;	
}




/* # # # # # Navigation css # # # # # */

#navi {
margin-top:				15px;
width:					235px;
}

.naviLinks {
color:					#ffffff;
margin-top:				1px;
font-size:				11px;
border:					1px solid #000000;
padding:				4px 8px 4px 8px;
font-weight:			bold;
background-image:		url(../img/button.jpg);
}

.naviLinks:hover {
background-image:		url(../img/buttonHover.jpg);
color:					#ffffff;
}

.subLinks {
color:					#000000;
margin-top:				1px;
font-size:				10px;
border:					1px solid #2503ad;
padding:				4px 8px 4px 8px;
cursor: 				pointer;
background-image:		url(../img/darkButton.jpg);
}

.subLinks:hover {
background-image:		url(../img/darkButtonHover.jpg);
color:					#1800f9;
}




/* # # # # # Blog css # # # # # */

#blogPosts {
padding-top:			13px;
padding-bottom:			13px;
float:					left;
width:					500px;	
}

.post {
padding-bottom:			30px;
}

.postHeader {
height: 				30px;
}

.postText {
border-top: 			1px solid #4d5282; 
border-bottom: 			1px solid #4d5282; 
padding: 				12px; 
text-align: 			justify;
line-height:			17px;
}

.postText img {
padding:				5px;
border-top:				1px solid #cfd0e2;
border-bottom:			1px solid #8d92bc;
border-left:			1px solid #cfd0e2;
border-right:			1px solid #8d92bc;
}

#stuff {
float:					right;
width:					247px;	
}

#blogCloud {
margin-top:				35px;
width:					225px; 
border-top:				1px solid #9a9cc2;
border-bottom:			1px solid #030547;
border-left:			1px solid #9a9cc2;
border-right:			1px solid #030547;
padding:				7px 4px 8px 4px;
text-align:				center;
background-color:		#847dc1;
background-image:		url(../img/fadeBg.png);
background-position:	top center;
background-repeat:		no-repeat;
}

#blogCloud a {
color:					#ffffff;
}

#bloglovin {
margin-top:				31px;
width:					233px; 
height:					240px;
border-top:				1px solid #9a9cc2;
border-bottom:			1px solid #030547;
border-left:			1px solid #9a9cc2;
border-right:			1px solid #030547;
text-align:				center;
background-image:		url(../img/bloglovin.png);
background-position:	bottom center;
background-repeat:		no-repeat;
cursor:					pointer;
}

#bloglovin:hover {
color:					#000000;
background-image:		url(../img/bloglovinHover.png);
background-position:	bottom center;
background-repeat:		no-repeat;
}

#rss {
margin-top:				31px;
margin-bottom:			30px;
padding-top:			6px;
padding-right:			8px;
width:					225px; 
height:					130px;
border-top:				1px solid #9a9cc2;
border-bottom:			1px solid #030547;
border-left:			1px solid #9a9cc2;
border-right:			1px solid #030547;
text-align:				right;
color:					#8d92bc;
background-image:		url(../img/rss.png);
background-position:	bottom center;
background-repeat:		no-repeat;
cursor:					pointer;
}

#rss:hover {
color:					#fff;
background-image:		url(../img/rssHover.png);
background-position:	center center;
background-repeat:		no-repeat;
}

#spreadshirt {
margin-top:				31px;
margin-bottom:			30px;
width:					250px; 
height:					250px;
background-image:		url(../img/spreadshirt.png);
background-repeat:		no-repeat;
cursor:					pointer;
}

#spreadshirt:hover {
background-image:		url(../img/spreadshirtHover.png);
background-repeat:		no-repeat;
}

.postShare img {
border: 				0px;
}

#postedMsg {
text-align:				center;
font-weight:			bold;
padding-top:			6px;
padding-bottom:			7px;
border-top:				1px solid #cfd0e2;
border-bottom:			1px solid #8d92bc;
border-left:			1px solid #cfd0e2;
border-right:			1px solid #8d92bc;
background-color:		#eef0ff;
margin-bottom:			10px;	
color:					#153971;			
}

#sideNumbers {
font-size:				11px;
padding-top:			2px;
font-weight:			bold;
}

#sideNumbers a {
color:					#ffffff;
}

#sideNumbers div {
padding:				4px 8px 4px 8px;
border-top:				1px solid #4b4e7e;
border-bottom:			1px solid #000542;
border-left:			1px solid #4b4e7e;
border-right:			1px solid #000542;
background-image:		url(../img/button.jpg);
}

#sideNumbers div:hover {
background-image:		url(../img/buttonHover.jpg);
}

/* # # # # # Calendar css # # # # # */

.d2 
{ 
font-family: 			verdana; 
font-size: 				9px; 
color: 					#000000;
}

.today 
{ 
font-family: 			verdana;
font-size: 				11px; 
color: 					#4d5282; 
border: 				1px dotted #BFBFBF;
}

.todayBlog 
{ 
font-family: 			verdana;
font-size: 				10px; 
color:			 		#4d5282; 
border: 				1px dotted #BFBFBF;
}

.notTodayBlog
{ 
color: 					#4d5282; 
}

.month 
{ 
font-family: 			verdana;
font-size: 				17px; 
font-weight: 			bold; 
color: 					#4d5282; 
text-align: 			left;
}

.default 
{ 
font-family: 			verdana; 
font-size: 				11px; 
font-weight:	 		bold; 
color: 					#333333;
}

.default a 
{ 
font-family: 			verdana;
font-size: 				11px; 
font-weight: 			bold; 
color: 					#333333; 
text-decoration: 		none; 
}

.default a:hover 
{ 
font-family: 			verdana;
font-size: 				11px; 
font-weight: 			bold; 
color: 					#4d5282; 
text-decoration: 		none; 
}




/* # # # # # Blog comments css # # # # # */

.labels {
background-image:		url(../img/button.jpg);
background-position:	bottom;
padding:				1px 8px 3px 8px;				
border:					1px solid #cfcfcf;
border-bottom:			0px;
}

.inputLabels {
width:					195px;
background-image:		url(../img/button.jpg);
background-position:	bottom;
padding:				1px 8px 3px 8px;				
border:					1px solid #cfcfcf;
border-bottom:			0px;
}

#commentInput {
margin-bottom:			35px;
}

#commentInput input {
width:					203px;
}

#comments {
margin-top:				4px;
padding-top:			16px;
border-top:				1px solid #4d5282;
}

.comment {
margin-bottom:			15px;
border-top:				1px solid #dfdfdf;
border-left:			1px solid #cfcfcf;		
border-bottom:			1px solid #bfbfbf;
border-right:			1px solid #bfbfbf;
}

.answer {
float:					right;
width:					455px;
}

.answerLink {
cursor:					pointer;
color:					#ffffff;
}

.answerLink:hover {
color:					#cccee1;
text-decoration:		underline;
}

.commentText {
padding:				8px;
border-bottom:			1px solid #acb1f2;
background-color:		#f0f0ff;
line-height:			16px;
}

.commentInfo {
font-size:				9px;
background-image:		url(../img/button.jpg);
background-position:	bottom;
padding:				2px 8px 2px 8px;
}

.hidden {
display:				none;
}

#ffhsk:hover {
cursor:					pointer;
}