/*
		konstsamfundet.fi
		Copyright Jaagon - Started 091124

		Colors 
		524d44 dark brown
		676565 medium greyish brown
		838280 mgb light
		
		ffef00 ks yello
		718f99 ks steel blue
		8a1a00 ks tile red
		
		2b82ca clear blue
		e61d1d red
		b60400 mid red

		FONT-FAMS
		Helvetica, Arial, Verdana
		Georgia, Times, "Times New Roman"
		'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif
		'Adobe Caslon Pro'
		'Big Caslon'

*/

/* @group RESET */
@import url(reset_tripoli.css);

/* Fix */
.content input[type='radio'] {position: static; bottom: 0em;}
.content{font-size:0.7em;line-height:1.4em;/*was 1.2/1.6*/}

/* @end */




/* Globals */
.content .imgfull { padding: 0; clear: both; }
.content .imgright, .content img[align="right"] {float: right; clear: none;padding-left: 15px;}
.content .imgleft, .content img[align="left"] {float: left; clear: none; padding-right: 15px;}

.content .textfield {}
.content .inputbox {}
.content input.inputbox[type="checkbox"] {}			/* checkboxes */
.content input.inputbox[type="radio"] {} 				/* radios */
.content input[type="submit"],										/* buttons - Avoid line-height */
	.content input.button {			
	color: #;
	background: #;
	border: 1px solid #000;
	border-color: #666 #000 #000 #666;
	}
	.content input.button:active {									/* Create press-down effect */
	border-width: 2px 0 0 2px;
	border-color: #333 #333 #333 #333;
	}	
.content input[type='file'] {
	background: #ffc;
	border: 1px dashed #ddd;
	padding: 2px;
	}
.content select {}






/* ------------------------ STRUCTURE ------------------------ */
body.content  {
	text-align: center;		/*** IE/Win (not IE/MAC) alignment of page ***/
	}

.content #headerwrapper {
	background: transparent;
	margin: 0; /* auto sets alignment to center for non-IE */
	text-align: center;
	width: 100%;
	padding: 0 auto;
	clear: both;
	border: 0px solid #000;
	}

.content #wrapper {
	background: transparent;
	margin: 0 auto 0; /* auto sets alignment to center for non-IE */
	text-align: center;
	width: 960px;
	padding: 0;
	border: 0px solid #000;
	overflow: hidden;
	background: transparent;
	}

.content #innerwrapper {
	width: 960px;			/* This site is built as non-stretching, otherwise here would be a min-width */
	background: transparent;
	padding: 0;
	margin: 0;
	margin: 0 auto 0; /* auto sets alignment to center for non-IE */
	border: 0px solid #fff;
	border-width: 0;
	text-align: left;
	overflow: hidden;
	}

.content #header {
	width: 960px;
	height: 85px;
	background: transparent url() 0 0;
	clear: both;
	padding: 0; 
	border: 0;
	margin: 0;
	overflow: hidden;
	}
.content #acrosstop {
	width: 960px;
	clear: both;
	background: transparent;
	padding: 0;
	overflow: hidden;
	position: relative;
	}

.content #pageprequel {
	width: 960px;
	clear: both;
	overflow: hidden;
	background-color: #b3480f;
	padding: 0;
	}
.content #pageprequel2 {
	width: 960px;
	clear: both;
	overflow: hidden;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	}


/* pagebody is the wrapper */
.content #pagebody {
	background: transparent;
	text-align: left;
	overflow: hidden;			/* Whithout this all browsers go crazy - makes the sidebar trick work */
	margin: 0;
	position: relative;			/* Without this sidebars are a mile long in IE7 */
	padding: 0;
	width: 960px;
	}


.content #maingroup {
	width: 460px;
	padding: 0;		/* CC padding */
	margin-left: 10px;
	background: transparent;
	float: left;
	clear: none;
	}
	.content #mainprequel {
		width: 460px;
		clear: both;
		overflow: hidden;
		padding: 0;
		}
	.content #mainprequel2 {
		width: 460px;
		clear: both;
		overflow: hidden;
		padding: 0;
		}
	.content #maincontent {
			width: 420px;
			padding: 20px 20px;
			min-height: 600px;
			background: #fff;
			}
			
	.content #mainsequel {
		width: 460px;
		clear: both;
		overflow: hidden;
		padding: 0;
		}
	
.content #leftside {
	width: 230px; 
	padding: 20px;
	background: #000;
	border-right: 0px dotted #fff;
	float: left;
	clear: none;
	}
			
.content #rightside {
	width: 180px;	
	padding: 20px;		
	margin-top: 236px;
	background: #524d44;
	overflow: hidden;
	float: left;
	clear: none;
	border-left: 0px dashed #aaa;
	}

.content #maingroup, .content #leftside, .content #rightside {
	float: left;					
	position: relative;  	
	}

.content .clearfix:after {			/*** IE Fix to clear for next element ***/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.content #trailer {
	background-color: transparent;
	width: 960px;
	padding:  0;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	}

/* Footer */
.content #footer {
	width: 960px;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0 0 0px 30px;
	background-color: #fff;
	}



.content #trailer p {
	font-family: Helvetica, Arial;
	font-size: 13px;
	color: #fff;
	margin-bottom: 13px;
	}



/* --------------------- GENERAL TYPOGRAPHY & COLOR ------------------------ */
/* DEFAULTS */
body.content {
	font-family: Georgia, Times, "Times New Roman"; 
	background: #000 url(/templates/jaagon15_35/images/ksbga.jpg) repeat fixed 0 0;
	color: #333;
	}

body.amos 	{background: #000 url(/templates/jaagon15_35/images/ksbgamos.jpg) repeat fixed -200px -150px;}
body.mediehus 	{background: #000 url(/templates/jaagon15_35/images/ksbgmediehus.jpg) repeat fixed 0 0;}
body.museum {background: #000 url(/templates/jaagon15_35/images/ksbgmuseum.jpg) repeat fixed 0 0;}
body.stipnd {background: #000 url(/templates/jaagon15_35/images/ksbgstipnd.jpg) repeat fixed 0 0;}
body.fastht {background: #000 url(/templates/jaagon15_35/images/ksbgfastht.jpg) repeat fixed 0 0;}


.content p+ul {margin-top: 0;}

.content h1, .content h2 {
	font-family: 'Big Caslon', Georgia, 'Times New Roman', serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.005em;
	}
.content h1 {
	color: #2b82ca;
	}
.content h3,.content h4,.content h5,.content h6
	{font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial;}

.content h1{font-size:3.2em;line-height:1.05;margin:0.2em 0 0.5em}
.content h2{font-size:1.9em;line-height:1.3;margin:1.07em 0 .335em}
.content h3{font-size:1.25em;line-height:1.2;margin:1.14em 0 .4em; font-family: Helvetica; font-weight: 700;}
.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}

.content h2.ingress {
	font-family: 'Big Caslon', Georgia, 'Times New Roman', serif;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.2em 0 .3em;
	}

/*  All headings/headlines in main area 
.content #maincontent .contentheading,			
.content #maincontent .componentheading {font-size:2em;line-height:1;margin:.5em 0 .5em}
.content #maincontent .contentheading {margin-top: 1.07em;} 
*/

.content #wrapper {word-wrap: break-word;}

.content #maincontent table {border: 0; padding: 0;}
.content #maincontent table td {border: 0; padding: 0; margin: 0;}

.content p sup {
	font-size: 70%;
	position: relative;
	top: 2px;
	}

.content p.small {
	font-size: 75%;
	line-height: 1.2;
	}


/* MAIN STRUCTURE for BLOG LISTINGS */
.content div.leading {							/* Leading articles */
	margin-top: 0;
	padding-top: 0;
	}
.content #maincontent div.article_row {			/* INTRO Articles */
	margin-top: 55px;
	clear: both;
	}




.content span.leading_separator { 				/* Leading separator */
	display: none;
	}																
.content span.article_separator { 				/* Article separator */
	display: none;
	}											
.content span.row_separator { 					/* Row separator */
	display: none;		
	}				


.content span.row_separator_list { 				/* Row separator in blog list view */
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	}																
.content span.leading_separator_list { 			/* Leading separator in blog list view */
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	}																

.content #maincontent div.article_row div.article_column {}
.content #maincontent div.article_row div.article_column p {}
.content #maincontent div.article_row div.article_column h2.contentheading {}
.content #maincontent div.article_row h2.contentheading {}
.content #maincontent div.article_row div.article_column p.iteminfo {}



/* HEADINGS */
.content #maincontent div.contentheading {		/* Formheadings i.e. */				
	}
.content #maincontent td.contentheading { 	 	/* Article & blog heading enclosure */
	}
.content span.contentheading {
	}
.content .componentheading {								/* Blog pageheading, search, other comps */
	}
.content td.contentheading a.contentpagetitle {  			/* This is the blog heading when as link */
	}
.content td.contentheading a.contentpagetitle:hover {		/* This is the blog heading as hover */
	}

.content #maincontent h2.contentheading {
	margin-top: 10px;
	padding-top: 0;
	padding-bottom: 2px;

	font-family: 'Big Caslon', Georgia, 'Times New Roman', serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.005em;

	font-size:1.9em;line-height:1.3;margin:1.07em 0 .335em;
	}

div.contentdescription {					/* When showing category description and image */
	color: #333;
	font-style: italic;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 10px 0 25px;
	display: block;
	clear: both;
	overflow: hidden;
	}
div.contentdescription img {
	float: left;
	margin-right: 15px;
	}
div.contentdescription p {
	float: left;
	top: 10px;
	height: 100px;
	position: relative;
	width: 200px;
	}
div.contentdescription div.wrap_image {
	height: 1px;
	}


/* @group System */

/* SYSTEM MESSAGES */
.content #maincontent #system-message    { margin-bottom: 10px; padding: 10px; background: #ffecb1;}
.content #maincontent #system-message dt { font-weight: 700; }
.content #maincontent #system-message dd { margin: 0; font-weight: 400; text-indent: 0px; }
.content #maincontent #system-message dd ul { color: #000; margin: 0; margin-bottom: 0; list-style: none; padding: 0px;}

/* System Standard Messages */
.content #maincontent #system-message dt.message { display: none; }
.content #maincontent #system-message dd.message {  }

/* @end */



/* OTHER MAIN ELEMENTS */
.content p.articleinfo {
	color: #999;
	font-size: 0.8em;
	}
.content p.iteminfo {
	color: #999;
	font-size: 0.8em;
	}
.content #maincontent p.buttonheading {  		/* Icons by the header, hard to place */
	display: none; 
	width: 20px; 
	position: fixed;
	top: 120px;
	}

.content div.leading p.iteminfo {}

div.contentpaneopen_edit {
	display: none;
	}

p.caption {
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 13px;
	font-weight: 700;
	margin: -10px 0 10px 0;
	padding: 0 0 20px 0;
	}


/* ACROSSTOP */
.content #acrosstop span.breadcrumbs {
	color: #90aeb1;
	display: block;
	float: left;
	}

.content #acrosstop form.search {
	position: absolute;
	right: 0;
	padding: 0;
	width: 300px;
	border: 0px solid #ddd;
	text-align: right;
	}
.content #acrosstop form.search label {
	font-size: 0.9em;
	color: #90aeb1;
	}
.content #acrosstop form.search input#mod_search_searchword {width: 120px; background: #e61d1d; margin: 0;}

.content div.article_pic {
	width: 520px;
	overflow: hidden;
	}
.content div.article_pic img {
	display: block;
	margin: 10px 0 5px;
	}


/* Pagination */
div#paginate {
	text-align: center;
	width: 100%;
	margin: 0;
	overflow: hidden;
	}
p.counter {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin: 30px 0 10px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
	}
ul.pagination {
	padding: 0;
	margin: 0 0 20px;
	text-align: center;
	}
ul.pagination li {
	list-style: none;
	font-size: 10px;
	padding: 2px 5px 1px;
	color: #666;
	border: 1px solid #ddd;
	margin: 0 4px 0 0;
	background: #fff url(/templates/jaagon15_35/images/paginationbox_litefade.gif) repeat-x 0 top;
	display: inline;
	}
ul.pagination li a {
	}



/* FOOTER */
.content #footer p {    													/* Copyright and made by notice */
	font-size: 0.75em;
	line-height: 20px;
	margin: 4px 0 0 auto;
	text-align: right;
	color: #666;
	}

/* MODULES GENERAL TYPO */
.content div.module h3 {
	background: #aaa;
	padding: 1px 5px 0px 8px;
	line-height: 16px;
	font-size: 1.035em;
	font-weight: bold;
	margin: 0 0 4px -2px;
	width: 100%;
	color: #eee;
	}

/* SIDEBAR */
.content #rightside,
.content #leftside {
	font-size: 90%;
	color: #fff;
	}


/* HEADER */
.content #header div.logo {
	margin-top: 15px;
	}

.content #header div.logo p a {
	margin:0;
	font-size: 2.5em;
	color: #ddd;
	font-weight:400; 
	font-family: "Helvetica Neue", Helvetica, Arial;
	line-height: 1;
	}
.content #header div.logo p a:active {
	background-color: transparent;
	}


/* Language menu */
.content #header div.language {	
	background-color: transparent;
	width: 150px;
	height: 30px;			/* Must have height, or FF pulls next div up underneath */
	border: 0;
	margin: 0;
	position: relative;
	top: -70px;
	left: 810px;
	}
	.content #header div.language ul {
		float: right;
		border: 0;
		margin: 0;
		width: 150px;
		padding: 0;
		}
	.content #header div.language ul li {
		display: block;
		float: right;
		margin: 0 0 0 5px;
		font-family: Helvetica, Arial;
		font-size: 11px;
		font-weight: normal;
		}
	.content #header div.language li a {
		background: #222;
		height: 20px;
		font-weight: normal;
		color: #999;
		padding: 6px 6px 2px 6px;
		text-decoration: none;
		margin: 0;
		}
	.content #header div.language li a:hover {
		color: #000;
		background-color: #ffef00;
		}
	.content #header div.language ul li#current a {
		color: #000;
		background-color: #ffef00;
		font-weight: bold;
		}
	.content #header div.language li img {float: left; position: relative; top: 3px; left: -3px;}



/* ---------------------------- LINKS -------------------------------- */
/* DEFAULT */
.content a:link 		{color: #b60400; text-decoration: none;}
.content a:visited		{color: #b60400; text-decoration: none;}
.content a:hover		{text-decoration: underline;}
.content #maincontent a:active		{background: #b60400; color: #fff; text-decoration: none;}

/* EXEPTIONS */
.content #footer a 			{color: #bbb;}
.content #footer a:hover	{color: #bbb; text-decoration: underline;}

.content #acrosstop a 		{color: ;}
.content #acrosstop a:hover	{color: ;}

.content h1 a:hover,
.content h2 a:hover {
	text-decoration: none;
	}
.content h2 a:link {color: #000;}
.content h2 a:visited {color: #000;}
.content h2 a:active {color: #b60400;}




/* ---------------------------- MODULES -------------------------------- */
/* DEFAULT */
.content div.module {
	padding: 0 10px;
	margin: 0 0 20px 0;
	background: transparent;
	width: 100%;
	}

.content div.moduletable {
	padding: 0;
	clear: both;
	overflow: hidden;
	}
.content #leftside div.moduletable {
	margin-bottom: 0px;
	}
.content #rightside div.moduletable {
	margin-bottom: 25px;
	}


.content div.moduletable h3 {
	margin-top: 0;
	}
.content #leftside h3 {
	color: #838280;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0 3px;
	}


/* EXEPTIONS */
.content #maintrailer div.moduletable {
	}


/* Jaagon multilists */
.content #leftside div.dreamlist {
	padding-left: 3px;
	clear: both;
	margin-bottom: 25px;
	}
.content div.dreamlist .JGTopList {
	margin: 0;
	padding: 0;
	width: 230px;
	}
.content div.dreamlist .JGTopList li {
	float: left;
	background-image: none;
	margin: 0 5px 5px 0;
	padding: 0;
	}
.content div.dreamlist .JGTopList a img.ItemIcon {
	border: 4px solid #333;
	margin: 0;
	}
.content div.dreamlist .JGTopList a:hover img {
	border: 4px solid #676565;
	}
.ItemHeader {
	display: none;
	}
.ItemIcon {
	}
.ItemDate {
	display: none;
	}




/* ---------------------------- MENUS -------------------------------- */

/* Menu left */
.content #leftside ul.menu {
	width: 250px; 
	background: transparent;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
	overflow: hidden;
	}
	.content #leftside ul.menu li {
		list-style: none;
		margin: 0 5px;
		width: 220px;
		line-height: 25px;
		font-family: Georgia, "Times New Roman", Serif;
		font-size: 20px;
		float: left;
		display: block;
		letter-spacing: 0.01em;
		clear: both;
		padding: 0;
		font-weight: 300;
		font-style: italic;
		}	
	.content #leftside ul.menu li a {
		color: #fefefe;
		text-decoration: none;
		}
	
	.content #leftside ul.menu li a:hover {
		text-decoration: none;
		color: #ffef00;
		}
	
	.content #leftside ul.menu li.active a {
		text-decoration: none;
		color: #ffef00;
		background-color: transparent;
		}
	
	.content #leftside ul.menu li#current a {
		text-decoration: none;
		color: #ffef00;
		}


/* Menu for cats */
.content #mainprequel ul.menu {
	width: 420px; 
	background: #676565;
	padding: 10px 20px 8px;
	margin: 0;
	clear: both;
	overflow: hidden;
	}
	.content #mainprequel ul.menu li {
		list-style: none;
		margin: 0 5px;
		font-family: Helvetica, Arial;
		font-size: 13px;
		text-transform: uppercase;
		float: left;
		display: block;
		letter-spacing: 0.01em;
		font-weight: 400;
		}	
	.content #mainprequel ul.menu li a {
		color: #fff;
		background-color: #838280;
		text-decoration: none;
		padding: 5px 7px 2px;
		}
	
	.content #mainprequel ul.menu li a:hover {
		text-decoration: none;
		color: #ffc;
		}
	
	.content #mainprequel ul.menu li a:active {
		text-decoration: none;
		color: #ffef00;
		background-color: transparent;
		}
	
	.content #mainprequel ul.menu li#current a {
		text-decoration: none;
		background-color: #ffef00;
		color: #000;
		}




/* JG toplist */
#mainprequel div.uusimmat h3 {
	color: #cc5b17;
	font-size: 16px;
	font-weight: 700;
	margin-left: 10px;
	}
#mainprequel ul.JGTopList {
	width: 350px;
	margin: 0 0 0 10px;
	}

ul.JGTopList li {
	list-style: none;
	float: left;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	font-size: 1em;
	line-height: 1.2;
	background: transparent url(/templates/jaagon15_35/images/icon_page_19x26.gif) no-repeat 0px 4px;
	}
ul.JGTopList span.ItemCat {
	display: none;
	}
img.ItemIcon {
	float: left; 
	margin-right: 10px; 
	position: relative; 
	top: 5px;
	}
#mainprequel img.ItemIcon {
	display: none;
	}
ul.JGTopList span.ItemHeader {
	display: none;
	}
ul.JGTopList span.ItemText {
	color: #777;
	}
ul.JGTopList span.ItemDate {
	font-size: 0.8em;
	color: #999;
	padding-right: 10px;
	}
ul.JGTopList li a:hover span.ItemText {
	color: #000;
	}
ul.JGTopList li a span.ItemDate {
	color: #999;
	}



#mainprequel2 div.uusimmat h3 {
	color: #cc5b17;
	font-size: 12px;
	font-weight: 700;
	margin: 15px 0 7px 0;
	}
#mainprequel2 ul.JGTopList {
	width: 180px;
	margin: 0 0 0 0px;
	}
#mainprequel2 .tapahtumatuusimmat img.ItemIcon {
	display: none;
	}
#mainprequel2 ul.JGTopList span.ItemDate {
	display: none;
	}
#mainprequel2 ul.JGTopList li {
	background-image: none;
	padding: 0;
	margin-bottom: 8px;
	font-size: 0.8em;
	}






/* JomComment - Jaagon version */
div#commentTools div.jctools a {
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #999;
	border: 0;
	}

div#written_comments_title {
	font-family: Helvetica, Arial;
	font-size: 1.2em;
	margin-top: 10px;
	padding-bottom: 5px;
	border: 1px dashed #ddd;
	border-width: 0 0 1px 0;
	color: #888;
	}
div#written_comments_title img {
	display: none;
	}

div#written_comments_title span#jc_numComment {
	color: #c10435;}

div#write_comment_title {
	font-family: Helvetica, Arial;
	font-size: 1.0em;
	font-weight: bold;
	color: #c10435;
	display: none;
	}

div.CommentsHelp {
	float: left;
	clear: both;
	background: #fefefe;
	border: 1px dashed #dad7cf;
	padding: 5px 10px 0 10px;
	margin-bottom: 15px;
	width: 91%;
	}
.content #maincontent div.CommentsHelp p {
	font-family: Helvetica, Arial;
	font-size: 0.72em;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	color: #aaa;
	}
.content #maincontent div.CommentsHelp p+p {margin:0;}
.content #maincontent div.CommentsHelp p a {color: #777;}

div.commentBlogView{
	display:block;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 6px;
	margin-top: -10px;
    margin-bottom: 12px;
	clear:both;
}

div.commentTools{
	border:0;
	height:18px;
}

div.jctools, div.show-comment, div.show-linkmore ,div.show-hit, div.show-report, div.show-voteup, div.show-votedown{
	display:inline;
    float:right;
    height:18px;
    text-indent: 24px;
    margin-left: 8px;
    margin-right: 0px;
    background-repeat:no-repeat;
	background-position: 4px 50%;
	background-image:url(/templates/jaagon15_35/images/comment16.gif);
}

div.show-comment{
	background-image:url(/templates/jaagon15_35/images/comment16.gif);
}
div.show-linkmore {
	background-image:url(/components/com_jomcomment/templates/midnight/images/page_go.gif);
}
div.show-hit{
	background-image:url(/components/com_jomcomment/templates/midnight/images/chart_bar.gif);
}
div.show-report{
	background-image:url(/components/com_jomcomment/templates/midnight/images/comments_alert.gif);
	height:14px;
	cursor:pointer;
}
div.show-voteup{
	background-image:url(/components/com_jomcomment/templates/midnight/images/comments_voteup.gif);
	height:14px;
	cursor:pointer;
}
div.show-votedown{
	background-image:url(/components/com_jomcomment/templates/midnight/images/comments_votedown.gif);
	height:14px;
	cursor:pointer;
}


.content #jc_commentsDiv{
	color: #000;
}

.comments, .jomentry1, .jomentry2 {
	padding-left: 0px;
}

.jomentry1, .jomentry2, #jc_commentFormDiv {
	background-color: #f1f1e8;
	border-bottom: 0px solid #000000;
	padding: 0;
	border: 1px dashed #ddd;
	border-width: 0 0 1px 0;
	position: relative;
	overflow: hidden;
	}

.jomentry1, .jomentry2, .jomauthor {
	margin: 30px 0 20px 0;	
	}

div#comment_locked_notice {
	border: 0;
	font-family: Helvetica, Arial;
	padding: 0;
	position: relative;
	top: -10px;
	color: #a2032c;
	}



#jc_commentFormDiv {
	margin: 30px 0 0 0;	
	background-color: #fff;
	}

#jc_commentFormDiv input#jc_title,
#jc_commentFormDiv input#jc_name,
#jc_commentFormDiv input#jc_email,
#jc_commentFormDiv input#jc_website,
#jc_commentFormDiv input#jc_comment,
#jc_commentFormDiv input#jc_password {
	border: 1px solid #ccc;
	background: #fff!important;
	}
#jc_commentFormDiv input#jc_title:hover,
#jc_commentFormDiv input#jc_name:focus,
#jc_commentFormDiv input#jc_email:focus,
#jc_commentFormDiv input#jc_website:focus,
#jc_commentFormDiv input#jc_comment:focus {
	background: #ffc!important;
	outline-color:#E4E4E4;
	outline-style:solid;
	outline-width:2px;
	}

jc_commentFormDiv

.jomentry1, .jomentry2 {background: #fff;}

div.CommentTitle {
	font-family: Helvetica, Arial;
	font-weight: 700;
	margin-top: 5px;
	width: 350px;
	}

span.CommentBy {
	color: #aaa;
	font-style: italic;
	font-size: 0.8em;
	}

div.CommentContent {
	margin: 10px 0;
	}

div.CommentVoting {
	background: transparent;
	padding: 3px;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	font-weight: 700;
	overflow: hidden;
	float: right;
	}
div.CommentVotes {
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	text-align: left;
	color: #aaa;
	float: left;
	position: relative;
	top: 3px;
	}

div#jcshareDiv ul {width: 100%;}
div#jcshareDiv ul li { /* popup for bookmarking */
	font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: 400;
	padding: 0 10px 0 0;
	width: 45%;
	}
#jcshareDiv ul li a {
	padding: 0px 0pt 0pt 20px;
	color: #333;
	}


div.jcAdminPanel {margin-bottom: 5px; font-size: 0.8em; color: #fff; background: #c10435; padding: 2px;}
div.jcAdminPanel a {color: #fff !important; border: 0;}

.whiter{
	color:#333;
	background-color:inherit;
	}

.jomentry1 blockquote, .jomentry2 blockquote {
	background: transparent;
  	padding-left: 20px;
  	margin-left: 30px;
  	border-left: 1px solid #aaa;
	}

.jomentry2 {
	}

.jomauthor {
    background-color: #ffc;
    background-image:none;
	}

#postComment{
	background:#fff; /*eae7de;*/
	padding:0px;
	}

div#jc_busyDiv {
	font-size: 0.8em;
	margin-bottom: 10px;
	}
#postComment tr {
	display: block;
	padding: 5px 0;
	margin: 0px 0;
	border-bottom: 1px solid #ddd;
	}
#postComment td {
	vertical-align: top;
	}
#postComment label {
	width:80px;
	display:block;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	vertical-align: baseline;
	text-transform: none;
	color:#000;
	background-color:inherit;
	font-family: Helvetica, Arial;
	font-size: 12px;
	font-weight: 700;
	text-align: right;
	padding-right: 7px;
	position: relative;
	top: 5px;
	}
.content #postComment input, .content #postComment textarea {
	color: #000;
	}
#postComment input#subscribe {
	display: inline;
	}
#postComment span.subscribe {
	display: inline;
	width: 90%;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #aaa;
	}

#postComment input, #postComment textarea{
	margin:5px 0 0 0;
	width:95%;
	}

#postComment textarea {
	height:120px !important;
	}

#postComment div.smallerbigger {
	float:right; 
	position: relative; 
	right: 15px;
	color: #aaa;
	}
#postComment span.smalltext {
	text-transform: none;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	text-align: right;
	color: #777;
	}

#postComment input, #postComment textarea {
	padding:4px;
	border-width:1px;
	color:000;
	font-family: Georgia, Times;
	font-size: 0.9em;
	}

input:focus, textarea:focus, .passwordPost label input:focus {
	background:#ffc;
	}
#postComment .button#jc_submit {
	padding:5px;
	font-size: 13px;
	font-weight: 700;
	clear:none;
	float: left;
	width:170px;
	margin:5px 0 0 0;
	background:#2b82ca;
	border-width: 1px;
	border-color:#d1c0c0 #6e021e #6e021e #d1c0c0;
	color:#fff;
	}
#postComment #jc_preview {
	margin: 10px 10px;
	background: #eae7de;
	color: #000;
	display: block;
	}
#postComment #jc_submit {
	display: block;
	margin: 10px 10px;
	}


div.show-comment, div.show-linkmore {
	display:inline;
    float:right;
    height:18px;
    text-indent: 20px;
    margin-left: 0px;
    margin-right: 4px;
    background-repeat:no-repeat;
	background-position: 0 50%;
	background-image:url(/templates/jaagon15_35/images/comment16.gif);
	}
div.show-comment{
	background-image:url(/templates/jaagon15_35/images/comment16.gif);
	}
div.show-linkmore,a.readon {
	padding-left: 20px;
	background: url(/templates/jaagon15_35/images/readmore16.gif) 5px 0 no-repeat;
    float:right;
	}

div.show-comment a:link, div.show-linkmore a,
div.show-comment a:visited,
#maincontent a.readon,
#maincontent a:visited.readon,
#maincontent a:link.readon,
#maincontent a:hover.readon{
	color: #000;
    font-family: Helvetica, Arial;
    font-size: 12px;
    font-weight: 600;
	}
div.show-linkmore a {
	color: #b60400;
	}
div.show-linkmore a:visited {
	color: #666;
	}

div.jcfav{
background-image:url(/components/com_jomcomment/templates/midnight/images/star.png);
	}

div.jcshare{
background-image:url(/components/com_jomcomment/templates/midnight/images/share.png);
	}

div.jcemail{
background-image:url(/components/com_jomcomment/templates/midnight/images/email.png);
	}

div.jcpreview{
	background-image:url(/components/com_jomcomment/templates/midnight/images/preview.gif);
	}


#comments {
	background:#fff;
	}
.avatarImg{
	float: right;
	padding: 2px;
	}
.avatarImg img{
	border:1px solid #ddd
	}

/* Trackbacks recently added*/
#trackback_link, .feed_link{
	height:16px;
	vertical-align:middle;
	text-align:left;
	cursor:pointer;
	font-size:90%;
	}

#trackback_link a, .feed_link a{
	border-bottom:dashed 1px #CACACA;
	}

#trackback_link img, .feed_link img{
	vertical-align:middle;
	padding-right:2px;
	padding-left:2px;
	}


#comment_title{
	margin-top:20px;
	margin-bottom:8px;
	}


.comment_action{
	background-color:#EEEEEE;
	border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
	border-style:solid;
	border-width:1px;
	color:#333333;
	display:-moz-inline-box;
	font-family: Helvetica, Arial;
	font-size:100%;
	margin:1px;
/*	padding:2px; */
	vertical-align:middle;
	white-space:nowrap;
	position:absolute;
	right:0px;
	top:0px;
	}

td#jcAzrulWindowContent {
	background-color: #000;
	}
#jcAzrulWindowContent div.dialog_header {
	background-color: #ffef00 !important;
	}
#jcAzrulWindowContent div.dialog_header div.jcshare {
	padding-left: 5px;
	margin-left: 0;
	}
#jcAzrulWindowContent div.dialog_header div.jcemail {
	padding-left: 5px;
	margin-left: 0;
	}
#jcAzrulWindowContent form#emailForm {
	padding-bottom: 0;
	margin-bottom: 0;
	}
#jcAzrulWindowContent div.dialog_content {
	padding: 0;
	margin-top: 10px;
	background: #ddd;
	}


span.jomformdesc {
	display: block;
	clear: both;
	width:80px;
	clear:both;
	margin:5px 0 0 0;
	vertical-align: baseline;
	background-color:inherit;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 12px;
	font-weight: 300;
	text-align: right;
	padding-right: 7px;
	color: #000;
	padding-top: 5px;
	}


/* Login */
form.form-login {}
form.form-login fieldset {
	border: 0;
	font-family: Helvetica,Arial;
	margin: 0 0 5px 0;
	padding: 0;
	}
form.form-login fieldset label {
	font-size: 13px;
	line-height: 20px;
	width: 120px;
	display: block;
	float: left;
	clear: left;
	padding-right: 10px;
	margin-bottom: 10px;
	text-align: right;
	height: 20px;
	color: #666;
	padding: 10px;
	vertical-align: 50%;
	}
form.form-login fieldset input#mod_login_username,
form.form-login fieldset input#mod_login_password {
	font-family: Helvetica,Arial;
	font-size: 20px;
	padding: 10px;
	line-height: 20px;
	margin-bottom: 10px;
	float: left;
	width: 180px;
	height: 20px;
	vertical-align: middle;
	}
form.form-login label.remember {
	font-family: Helvetica,Arial;
	font-size: 11px;
	margin-left: 140px;
	color: #666;
	}
form.form-login input.checkbox {
	
	}
form.form-login input.button {
	display: block;
	margin-top: 20px;
	margin-left: 140px;
	clear: both;
	float: left;
	color: #fff;
	background-color: #2b82ca;
	}
form.form-login p a {
	display: none;
	}

/* Login firts - reminder page */
form.login_form {}
form.login_form fieldset {
	border: 0;
	font-family: Helvetica,Arial;
	margin: 0 0 0 0;
	padding: 0;
	}
form.login_form fieldset div {
	margin-bottom: 0px;
	display: block;
	overflow: hidden;
	clear: both;
	}
form.login_form fieldset div.name {
	margin-bottom: 10px;
	}
form.login_form fieldset label {
	font-size: 13px;
	line-height: 20px;
	width: 120px;
	display: block;
	float: left;
	clear: left;
	padding-right: 10px;
	text-align: right;
	height: 20px;
	color: #666;
	padding: 10px;
	vertical-align: 50%;
	}
form.login_form fieldset input#user,
form.login_form fieldset input#pass {
	font-family: Helvetica,Arial;
	font-size: 20px;
	padding: 10px;
	line-height: 20px;
	float: left;
	width: 180px;
	height: 20px;
	vertical-align: middle;
	}
form.login_form div.remember {
	display: none;
	}
form.login_form input.checkbox {
	display: none;
	}
form.login_form input.button {
	display: block;
	margin-top: 20px;
	margin-left: 140px;
	clear: both;
	float: left;
	color: #fff;
	background-color: #2b82ca;
	}
form.login_form p {
	display: none;
	}
form.login_form div.contentdescription p {
	display: block;
	}

/* Logout */
form.log input.button {
	background-color: #b60400;
	color: #fff;
	}


/* RSS feeds */
.content #rightside table.moduletable, table.moduletable tr, table.moduletable td {
	padding: 0;
	margin: 0;
	border: 0;
	}
.content #rightside .rssfeed h3 {
	color: #838280;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 3px;
	}
.content #rightside ul.newsfeed {
	border: 0;
	margin: 0;
	padding: 0;
	}
.content #rightside ul.newsfeed li {
	list-style: none;
	margin: 0 0 8px 0;
	font-family: Helvetica, Arial;
	font-size: 12px;
	line-height: 14px;
	}
.content #rightside ul.newsfeed li a {
	color: #bab9b6;
	}


/* Yooeffects lightbox */
div#shadowbox_toolbar a {
	font-size: 16px;
	}


/* Stipendieinfo box */
#rightside div.moduletable.stipendieinfo {
	height: 75px;
	margin-bottom: 10px;
	padding: 55px 17px 30px;
	background: transparent url(/templates/jaagon15_35/images/stipendieinfo_bg.gif) no-repeat 0 0;
	}
#rightside .stipendieinfo p {
	font-family: Helvetica, Arial;
	margin-bottom: 3px;
	}
#rightside .stipendieinfo ul {
	margin: 0;
	padding: 0;
	}
#rightside .stipendieinfo li {
	background: transparent url(/templates/jaagon15_35/images/bullet_black.png) no-repeat 0 -2px;
	font-family: Helvetica, Arial;
	padding-left: 16px;
	list-style: none;
	}
#rightside .stipendieinfo a {
	color: #bab9b6;
	}
#rightside .stipendieinfo a:hover {
	text-decoration: underline;
	color: #fff;
	}