/* @group General */

/* @group Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* @end */

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body {
	font-size : 75%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25;
	background-color: #dbf3fc;
	background-image: url("../img/bg-body-home.png");
	background-position: 50% 0;
	background-repeat: repeat-y;
	color: #666;
}

html, body {
    height: 100%;
}

/* @group Headings */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight : normal;
	color: #333; 
}

h1 a ,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #333; 
}

h1 { 
	font-size : 24px; 
	margin-bottom : 0.25em; 
}

h2 { 
	font-size : 18px;
	margin-bottom : 0.25em;
	font-weight: bold;
	
}

h3 { 
	font-size : 12px; 
	margin-bottom :.3em; 
	font-weight:bold;
}


h4 { 
	font-size : 12px; 
	margin-bottom : .3em; 
	font-weight:bold;
}
h5 { 
	font-size : 12px; 
	font-weight: bold; 
	margin-bottom : .3em; 
	font-weight:bold;
}
h6 { 
	font-size : 12px; 
	font-weight: bold; 
	margin-bottom : .3em; 
	font-weight:bold;
}
/* @end */

/* @group Paragraphs */
p { margin : 0 0 1em 0; font-size: 13px;}
/* @end */

/* @group List items */
ul, ol { margin : 0 ; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
li {list-style: none;}
dl { margin : 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
/* @end */

.paragraphs ul {margin-bottom: 2em;}
.paragraphs ul ul {	margin-left: 54px;	margin-bottom: 0;}
.paragraphs ul li {list-style: disc; list-style-position: inside;}
.paragraphs p {	line-height:1.35;}

/* @group Tables */
table { margin-bottom : 1.4em; }
th { font-weight : bold; }
th,td { padding : 4px 20px 4px 10px; text-align:left;}
tfoot { font-style : italic; }
caption {  }
button, textarea, input { font-family: helvetica, arial; }
/* @end */

/* @group Links */
a {color: #39c3ff;}
a:link {text-decoration:underline;}
a:hover {text-decoration:underline; color:#666666;}
a:visited {text-decoration:underline;}
a:active {text-decoration:underline;}
/* @end */

/* @group Forms */
/* =form*/
form {}
form label {display: block;margin-right:10px;margin-bottom:8px;} 
#search form label {
	display: inline;
}
form select {margin-bottom: 10px;}
form label {
	
}
form li {
	clear: both;
}
form input.btn {
	clear: both;
	display: block;
	background-color: #cdde54;
	border: none;
	color: #fff;
	padding:5px 8px;
	font-size: 12px;
}


fieldset {
	clear: both;
}
form textarea {
	border: 1px solid #e3e3e3;
	font-size: 12px;
	margin-left: 12px;
}

form textarea:focus {
	background-color: #fefff6;
}




/* @end */

/* @group Other styling */
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
/* @end */

/* @end */

/* @group Helpers */


/* @group Quotes */
span.dquo {
	margin-left: -17px;
}


/* @end */



/* @group Boxes */
div.box {
	
	
	
}

div.content-main div.box {
	width: 576px;
	margin-bottom: 10px;
	background-image: url("../img/bg-box-wide.png");
	background-position: left top ;
	background-repeat: repeat-y;

}

div.content-main div.box-wrapper {
	background-image: url("../img/bg-box-wide-bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

div.content-main div.box h4 {
	background-image: url("../img/bg-box-wide-top.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	
}

div.content-sub div.box {
	width: 274px;
	margin-bottom: 15px;
	background-image: url("../img/bg-box.png");
	background-position: left top ;
	background-repeat: repeat-y;
}

div.content-sub div.box p {
	margin-left: 20px;
	margin-right: 10px;

}

div.content-sub div.box-wrapper {
	background-image: url("../img/bg-box-bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

div.content-sub div.box h4 {
	background-image: url("../img/bg-box-top.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing:-.5px;
	
}



div.content-sub div.box h5 {
	padding-left: 15px;
}

/* @end */

.hide {
	display: none;
}
p.date {
	font-size: 11px;
}

a.more {
	background-image: url("../img/a-more-trans.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #39c3ff;
	text-decoration: none;
	font-size: 14px;
	padding-left: 20px;
	letter-spacing:0;
}
p.more a {
	background-image: url("../img/a-more-trans.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

p.comments a,
a.comments,
p.comments a:link,
a:link.comments,
p.comments a:hover,
a:hover.comments,
p.comments a:visited,
a:visited.comments,
p.comments a:active,
a:active.comments {
	background-image: url("../img/a-comment.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2px 0 10px 30px;
	text-decoration: none;
	font-size: 13px;
	color: #39c3ff;
}
p.comments a:hover {color:#666666;}

p.local-store {
	display: block;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:5px;
	font-size:11px;
}

p.local-store a {
	color: #3ac7ff;
}

a.reply-quoted {
	display: block;
	margin-bottom:5px;
	margin-left:40px;
	margin-top:5px;
	text-decoration:none;
}

span.advisor {
	color: #666;
	padding-left: 10px;
	background-image: url(../img/bg-stars.png);
	background-position:5px 2px;
	background-repeat: no-repeat;
	padding-left:20px;
	border-left: 2px solid #666;
}

span.rank2 {
	background-position:5px -98px;
	padding-left: 25px;
}

span.rank3 {
	background-position:5px -198px;
	padding-left: 35px;
}

span.rank4 {
	padding-left: 45px;
	background-position:5px -398px;
}

/* @group Comments */

div#comments {
	position:relative;
	margin-left: 45px;
	margin-top: 50px;
	width:575px;

}
div#comments h3 {
	border-bottom: 2px solid #cdde54;
	padding-bottom: 14px;
	line-height:18px;
	background-image: url("../img/a-comment.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 20px;
	margin-bottom: 16px;
}

ol.entry-comments {
	margin-bottom: 30px;
	clear: both;
	
}

ol.entry-comments li {
	padding-bottom:15px;
}

ol.entry-comments li.admin {
	border: 3px solid #97b6cd;
	
}



ol.entry-comments li .publish-details {
	font-size:11px;
	position:absolute;
	right:5px;
	top:10px;
}
ol.entry-comments li .report-abuse {
	font-size:11px;
	position:absolute;
	right:5px;
	top:35px;
	text-decoration:none;
}

ol.entry-comments li blockquote {
	margin-left: 10px;
	margin-bottom:5px;
	margin-top:10px;
	font-size:13px;
}

blockquote.quote-from-other-user {
	border-left: 5px solid #d7d7d7;
	padding-left: 10px;
	font-style: italic;
	font-size: 12px !important;
}

ol.entry-comments div.meta {
	position:relative;
	
}

ol.entry-comments div.vcard {
	position: relative;
	padding-top:5px;
	
}

ol.entry-comments div.vcard h4 {
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
	margin-left:10px;
	padding-left:30px;
	padding-top:4px;
	width: 535px;
	font-weight: normal;
	font-size:12px;
}

ol.entry-comments li.admin div.vcard h4 {
	width: 527px;
	font-size:12px;
}

ol.entry-comments div.vcard h4 span {
	font-size:12px;
}
ol.entry-comments div.vcard h4 span.fn {
	padding-right: 5px;
	font-weight: bold;
}
ol.entry-comments div.vcard img {
	position:absolute;
	left: 10px;
	top: 6px;
}


ul.page-navi {
	text-align: right;
	margin-right:0;
	margin-bottom: 20px;
		
}

ul.page-navi-top {
	position:absolute;
	right:0;
	top:0;	
}

ul.page-navi-bottom {
	border-top: 1px solid #cdde52;
	padding-top:20px;
}

ul.page-navi li {
	display: inline;
	
}

ul.page-navi li a,
ul.page-navi li a:link {
	color: #666;
	text-decoration: none;
	padding: 3px;
	background: none;
}

ul.page-navi li a:hover {
	background-color: #3ac7ff !important;
	color: #fff !important;
}

ul.page-navi li a:visited {
	background: none;
	color: #000;
}

ul.page-navi li a:active {
	background-color: #000;
	color: #fff;
}

ul.page-navi li.active {
	background-color: #000;
	color: #fff;
}

ul.page-navi li.active a,
ul.page-navi li.active a:link,
ul.page-navi li.active a:hover {
	background-color: #000;
	color: #fff;
	padding: 3px;	
}
ul.page-navi li.active a:visited {
	background: #000;
	color: #fff;
}

ul.page-navi li.active a:active {
	background-color: #000;
	color: #fff;
	padding: 3px;	
}

ul.page-navi li.all {
	border-left: 1px solid #666;
	padding-left:5px;
}
                                
/* @end */



/* @group Graphs */

.questions {
	margin-left: 20px;
	margin-bottom: 10px;
	
}
.questions li {
	margin-bottom: 5px;
}

.questions input {
	
	margin-right: 5px;
	margin-left:-1px;
}

.questions span {
	margin-top: -10px;
}
.questions input.btn {
	margin-top: 10px;
	margin-left: 0;
	
}

div.graphs {
	margin-bottom: 10px;
}
div.graphs li {
	margin-left: 20px;
	margin-bottom: 10px;
	
}

div.graph-wrapper {
	width: 240px;
	background-color: #dcf2fd;
	background: url("../img/bg-poll.png") left top no-repeat;
}


div.graph {width: 240px; margin:0;}
div.graph strong.bar {display: block; position: relative; color: #666; height: 23px; line-height: 23px;}
div.graph strong.bar span.graph-number {font-size:11px;padding-left: 5px;position:absolute;top:-24px; left:200px; display: block;}


li div.graph strong {
	position: relative;
	background-image: url("../img/bg-poll-li.png");
	background-position: left top;
	background-repeat: repeat-x;
}

li.bar-blue div.graph strong {background-color:#195688;}
li.bar-lightblue div.graph strong {background-color:#b6e9fc;}
li.bar-green div.graph strong {background-color:#608918;}
li.bar-lightgreen div.graph strong {background-color:#d2e164;}
li.bar-yellow div.graph strong {background-color:#ffe118;}

p.description {
	background-image:url("../img/graph_blue_desc.png");
	background-position: left top;
	background-repeat: repeat-y;
	display: block;
	font-size:11px;
}

p.question {
	margin-top: 10px;
}

div.content-sub div.graphs p.description {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	width: 210px;
}

/* @end */

div.theme div.pic-frame p {
	background-color: #fff;
	color: #00447c;	
	width: 92px;
	left: -5px;
	padding-left:6px;
	top: 105px;
}

div.theme div.pic-frame a {
	border: none;
}


div#toplist ol {
	padding-bottom:10px;
	margin-left:20px;
	margin-top:10px;
	width:235px;
}

div#toplist li {
	margin-bottom: 4px;
	color: #333;
	padding:4px 0 0 10px;
	background-image: url("../img/bg-toplist-li.png");
	background-position: left top; 
	background-repeat: repeat-x;
	font-weight: bold;
	list-style: decimal;
	list-style-position: inside;
}

div#toplist li p.comment-count {
	color: #8c8c8c;
	font-weight: normal;
}

div#toplist li p {
	display: inline;
	margin-left: 0;
	font-size: 12px;
}



/* @end */

/* @group Page Structure */
div#container {
	margin: 0 auto -180px auto;
	width: 960px;
	min-height:100%;
	position:relative;
	
}

/* @group Branding */
div#branding {
	position: relative;
	width: 960px;
	margin:0 auto;
	min-height: 230px;
	background-color: #fff;
	background-image: url("../img/bg-branding.png");
	background-position: 50% 0;
	background-repeat: no-repeat;
}

div#branding h1 {
	position:absolute;
	top:150px;
	left:70px;
	width:350px;
	height:60px;
	text-indent:-9000em;
}

div#branding h1 a {
	width:350px;
	height:60px;
	display: block;
}

div#branding div#user {
	position: absolute;
	left:660px;
	top: 157px;
}

div#branding div#user p {
	padding-top: 8px;
	margin-bottom: 5px;
}
div#branding div#user p,
div#branding div#user ul {
	margin-left: 62px;
}

div#branding div#user ul li {
	background:  url("../img/a-more-trans.png") left top no-repeat;
	margin-bottom: 5px;
}	

div#branding div#user ul a {
	text-decoration: none;
	font-weight: bold;
	padding-left:20px;
}

div#branding div#user ul.not-loggedin {
	margin-top: 12px;
	margin-left: 0;
}

div#branding div#user ul.loggedin li {background-image:none; display:inline; }
div#branding div#user ul.loggedin li a {padding-left:0;}

div#branding div.pic-frame {
	position: absolute;
	left: 0;
	top: 0;
	background: url("../img/bg_picframe_s.png") left top no-repeat;
	width: 56px;
	height: 56px;
}

div#branding div.pic-frame img {
	height:44px;
	left:6px;
	position:absolute;
	top:6px;
	width:44px;
}

#branding ul#nav-global {
	background-color: #dbf3fd;
	position:absolute;
	left: 190px;
	top: 61px;
	font-size: 14px;
}

#branding ul#nav-global li {
	float: left;
	text-decoration: none;
	padding-right: 24px;
	color: #000;
	font-weight: bold;
}

#branding ul#nav-global li a {
	text-decoration: none;
	font-weight: normal;
	color: #00447c;
}

#branding ul#nav-global li a:link{
	color: #00447c;
}

#branding ul#nav-global li a:hover {
	color: #666 !important;
}

#branding ul#nav-global li a:visited {
	color: #00447c;
}

#branding ul#nav-global li a:active {
	color: #00447c;
}

/* @end */

/* @group Content */
div.content {
	width: 960px;
	padding-bottom:20px;
	float: left;
	position: relative;
	
}

/* @group Content main */
div.content-main {
	width: 620px;
	margin-left: 10px;
	float: left;
	margin-top:28px;	
}


/* @end */

/* @group Content sub */
div.content-sub {
	width: 320px;
	float: left;
	padding-top: 30px;
	margin-left: 10px;
}

/* @end */	

/* @end */

/* @group Siteinfo */

div#siteinfo {
	background-image:url(../img/bg-siteinfo-empty.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	clear:both;
	height:180px;
	margin:0 auto;
	width:960px;
	position: relative;
}

div.push {
	height: 180px;
	clear:both;
}

div#siteinfo ul#nav-legal {
	padding-top: 10px;
	padding-right: 40px;
	text-align: right;
	font-size: 11px;
	background-color: #fff;
	width: 910px;
	margin-right: 5px;
	margin-left: 5px;
}

div#siteinfo ul#nav-legal li {
	display: inline;
	padding-right: 10px;
}

#footer {
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: 15px;
	color: #83898c;
	text-align: center;
}
#footer a {
	font-size: 15px;
	color: #00447c;
	text-decoration: none;
}
#footer a:hover {
	color: #666666 !important;
}

div#siteinfo div.vcard {
	font-size: 15px;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 0;
}
div.vcard span {
	font-size: 15px;
}




/* @end */

/* @end */

/* @group Page Elements */

/* @group Comments */

div#comments ol.entry-comments {
	width: 573px;
}

div#comments ol.entry-comments li {
	margin-bottom:15px;
}

/* @end */

/* @group Home */
div#main-tsr {
	margin-top: 10px;
	margin-bottom: 12px;
}
div#main-tsr ul {
	margin-left:50px;
	width:540px;
	height: 148px;
	background: url("../img/bg-main-tsr.png") left top no-repeat; 
}

div#main-tsr ul li {
	display: inline;
	height:137px;
	text-indent: -9000em;
}
div#main-tsr ul li a {
	display: block;
	height:137px;
}
div#main-tsr ul li#discuss,
div#main-tsr ul li#discuss a {
	float: left;
	width:175px;	
}

div#main-tsr ul li#vote,
div#main-tsr ul li#vote a {
	float: left;
	width: 171px;
	
}

div#main-tsr ul li#suggestion,
div#main-tsr ul li#suggestion a {
	float: left;
	width: 194px;
}


/* @group Site Description */

div#site-description div.box-wrapper {
	position:relative;
	min-height: 135px;
}

div#site-description div.box-wrapper p.img {
	position:absolute;
	top:13px;
	right:10px;
	
}

div#site-description h3,
div#site-description h4 {
	font-weight: normal;
	font-size:16px;
	line-height: 18px;
}

div#site-description h3 {
	margin-bottom: 20px;
}

div#site-description p {
	margin-bottom: 20px;
	width: 240px;
	line-height:18px;
}

body.register div#site-description {
	width:240px;
	margin-top: 60px;
	margin-left: 20px;	
}

body.signin div#site-description {
	width:250px;
	margin-top: 20px;
	margin-left: 20px;	
}



div#site-description h3 strong {
	display:block;
}

div#site-description div.box-wrapper h4 {
	padding-top: 50px;
	padding-bottom: 10px;
}
div#site-description div.box-wrapper h4,
div#site-description div.box-wrapper p {
	width:100px;	
}

div#site-description div.box-wrapper p {
	margin-top: 10px;
}

/* @end */

/* @group Poll */
div.poll {
		
}

div#poll h4 span {
	padding-left: 23px;
	background-image: url("../img/bg-icons.png");
	background-position: 0 0;
	background-repeat: no-repeat;
}


/* @end */

/* @group Shopkeeper */
div#shopkeeper {
	position: relative;
	min-height: 149px;

}

div#shopkeeper div.pic-frame {
	position:absolute;
	top: 0;
	left: 15px;
	width: 105px;
	height: 137px;
	background-image: url("../img/bg_picframe_m.png");
	background-position: left top;
	background-repeat: no-repeat;
}

div#shopkeeper div.pic-frame a {
	width: 105px;
	height: 137px;
}

div#shopkeeper div.pic-frame img {
	width: 95px;
	height: 127px;
	position: absolute;
	top: 4px;
	left:5px;
}

div#shopkeeper h4 span {
	padding-left: 23px;
	background-image: url("../img/bg-icons.png");
	background-position: 0 -225px;
	background-repeat: no-repeat;
}

div#shopkeeper div.person {
	position: relative;
}

div#shopkeeper div.person h5,
div#shopkeeper div.person p {
	position:relative;
	left: 115px;
	font-size: 14px;
	width: 130px;
}

div#shopkeeper div.person p {
	left: 110px;
	
}

div#shopkeeper div.person h5 {
	padding-top:15px;
}
div#shopkeeper div.person h5 span {
	display: block;
}

/* @end */

/* @group Suggestions */

#suggestions {
	clear:both;
	margin-left:38px;
	margin-top:10px;
	position:relative;
}


#suggestions textarea {
	width: 550px;
	height: 120px;
}

#suggestions input {
	margin-left: 480px;
	margin-top: 10px;
	
}

div.content-main .box-wrapper p {
	background-image: url("../img/bg-box-wide-top.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 10px;
}

#suggestions h4 {
	font-size:18px;
	margin-bottom:5px;
	margin-top:30px;
	padding-left:15px;
}

#suggestions div.notice {
	margin-left: 15px;
	position: absolute;
	left: 0;
	top: 195px;
}
div.suggestion div.box-wrapper p {
	padding-left: 15px;
}

div.suggestion div.notice p {
	padding-left: 6px;
	background: none;
	font-family: Georgia,Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

div.suggestion div.error {
	
}



/* @end */

div#toplist h4 span {
	padding-left: 23px;
	background-image: url("../img/bg-icons.png");
	background-position: 0 -113px;
	background-repeat: no-repeat;
	
}

div.theme {
	position: relative;
	top: 0;
	left: 38px;
	width: 570px;
	border-bottom: 1px solid #cbecfa;
}

div.theme:last-child {
	border: none;
}

div.theme h3 {
	position:relative;
	top: 0;
	left: 125px;
	width: 440px;
	margin-left: 10px;
	padding-top: 30px;
	
}
div.theme p {
	position:relative;
	top: 0;
	left: 125px;
	margin-left: 10px;
	width: 440px;
}


div.theme p.date {
	
}

div.theme div.pic-frame {
	position:absolute;
	top: 20px;
	left: 15px;
	width: 107px;
	height: 139px;
	background-image: url("../img/bg_picframe_m.png");
	background-position: left top;
	background-repeat: no-repeat;
}

div.theme div.pic-frame a {
	width: 107px;
	height: 139px;
}

div.theme div.pic-frame img {
	width: 95px;
	height: 127px;
	position: absolute;
	top: 4px;
	left:5px;
}

div.theme div.pic-frame p {
	background-color:#fff;
	color:#00447c;
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height:1;
	padding-top:3px;
	padding-bottom:2px;

}



/* @end */

/* @group Themes */

div.themes {
	margin-bottom: 20px;
	clear: both;
	/* background: url("../img/bg-themes.png") 40px 0 no-repeat; */
}



div.themes h2 {
	font-size: 36px;
	line-height:38px;
	letter-spacing:-1.5px;
	margin-left: 60px;
}

div.themes div.month-theme h2 {
	margin-left: 22px;
	padding-left:52px;
	text-indent:-52px;
	left:0;
}
div.closed-quote {padding:7px 7px 7px 74px; text-indent:-62px; width:489px;}
div.closed-quote h3 { font-size:14px !important; display:inline; left:0; padding-top:0; padding-bottom:0;}

div.month-theme a,
div.month-theme a:link,
div.month-theme a:hover,
div.month-theme a:visited,
div.month-theme a:active,
div.closed-quote a {
	text-decoration: none;
}

div.themes div.month-theme p, div.closed-quote p {
	left: 30px;
	padding-left:36px;
}
div.closed-quote p.comments {display:inline; left:0; padding-left:0;}

div.themes h2.theme-hdr,
body.article h2.theme-hdr {
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 16px;
	line-height:18px;
	letter-spacing:0;
	font-weight: normal;
	font-style: italic;
	margin-left: 40px;
	padding-top: 7px;
	padding-left: 22px;
}

div.themes h2.theme-hdr {background: url("../img/bg-theme-open.png") left top no-repeat; padding-left:35px; font-size:13px; height:33px;}
div.themes-closed h2.theme-hdr {background: url("../img/bg-theme-closed.png") left top no-repeat; }

body.article div.content h2.theme-hdr {
	padding-top: 5px;
	margin-top: 0;
	border-bottom:4px solid #fff;
}


div.themes h2.theme-hdr span,
body.article h2.theme-hdr span {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}
div.themes h2.theme-hdr span {color:#93A60E;}
div.themes-closed h2.theme-hdr span {color:#FFFFFF;}

div.themes h2.theme-hdr span.store,
body.article h2.theme-hdr span.store {
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
}

div.themes .quotes-heading {left:38px; position:relative; padding:0 25px 8px 25px; font-size:11px; background: url("../img/bg-quotes-heading.png") left bottom no-repeat; color:#333333;}
div.themes .quote-month {letter-spacing:0; font-size: 11px; padding:5px 7px; margin-right:5px; background: url("../img/bg-quote-date.png") center center no-repeat; vertical-align:5%;}
div.themes .month-theme .quote-month {vertical-align:25%;}

div.theme h3 {
	font-size: 18px;
	line-height:20px;
	letter-spacing:-1px;
}

div.theme h3 a,
div.theme h3 a:link,
div.theme h3 a:hover,
div.theme h3 a:visited,
div.theme h3 a:active {
	text-decoration: none;
}

div.themes-closed {
	margin-bottom: 0;
	background: none;
}


div.themes-closed h2.theme-hdr {
	padding-bottom: 0;
	border: none;
	color: #fff;
	margin-top: 0;
	margin-bottom: 1px;
}

div.themes-closed h2 a {
	text-decoration:none;
	display: block;
	color: #fff;
	padding-left: 40px;
	padding-bottom: 4px;
	margin-left: -40px;
}

div.themes-closed h2 a:link {
	text-decoration: none;
}

div.themes-closed h2:hover {
	background-image: url("../img/bg-theme-closed-hover.png");
}

div.themes-closed h2 a:visited {
	text-decoration:none;
}

/* @end */

/* @group Register & Signin  */
#register,
#signin {
	margin: 0 0 30px 44px;

}
#register h2,
#signin h2 {
	margin-bottom: 10px;
	margin-left: 16px;
}


ul.nav-shortcuts {
	margin-left:25px;
	margin-top:10px	
} 

ul.nav-shortcuts a {
	text-decoration: none;
} 

ul.nav-shortcuts li {
	margin-bottom: 10px;
}

#register .box,
#signin .box {
	position: relative;
}

#register .box-wrapper {
	margin-bottom: 40px;
	padding-bottom: 10px;
}

#register .box img.deco,
#signin .box img.deco {
	position:absolute;
	bottom:4px;
	right:30px;
	z-index:0;
}
#register .box form,
#signin .box form {
	background: url("../img/bg-box-wide-top.png") left top no-repeat;
	padding-top: 20px;

}

#register .box fieldset,
#signin .box fieldset {
	margin-left: 20px;
	margin-bottom: 5px;
}

#register .box li.text input,
#signin .box li.text input
{
	width: 240px;
}
#register .box li.text textarea,
#signin .box li.text textarea 
{
	width: 240px;
	height: 120px;
	margin-left:0;
}

#register label,
#signin label {
	display: block;
	font-weight: bold;
	color: #333;
	
}

#register label em,#register label strong,
#signin label em, #signin label strong {
	color: #666;
}


#register .box li.text span.help-text,
#register .box li.bonus span.help-text {
	border-left:2px solid #cdde54;
	display:block;
	font-size:11px;
	left:250px;
	margin-left:10px;
	padding-left:10px;
	position:absolute;
	top:20px;
	width:270px;
	z-index:1;
}

#register span.error strong,
#signin span.error strong {
	color: #ff4800;
	font-weight: normal;
}

#register strong.error,
#signin strong.error {
	display: block;
	margin-top: 5px;
	color: #ff4800;
}

#register .box li.bonus span.help-text {
	top: 0;		
}


#register li,
#signin li {
	margin-bottom: 10px;
	position:relative;
}

#register .box li.bonuscard {
	margin-top:10px;
}

#register .box li.bonuscard {
	margin-left: 22px;
}

#register .box li.bonuscard label {
	color: #666;
}

#register li.checkbox {
	margin-top: 10px;
	clear: both;
	margin-bottom: 20px;
	padding-left:20px;
	text-indent:-20px;
}

#register li.checkbox,
#register li.servicemail {
	width: 250px;
}

.register-confirmation {
	margin-left: 15px;
}

.register-confirmation a,
.register-confirmation a:link,
.register-confirmation a:visited,
.register-confirmation a:hover,
.register-confirmation a:active {
	text-decoration:none
}
.register-confirmation ul {
	margin-top: 2em;
}

#register div.pic-frame {
	background: url("../img/bg_picframe_s.png") left top no-repeat;
	width: 56px;
	height: 56px;
	
}
#register div.pic-frame img {
	height:44px;
	left:6px;
	position:absolute;
	top:6px;
	width:44px;
}
#register li.pic {
	position: relative;
}
#register li.pic a {
	position: absolute;
	left: 66px;
	top: 35px;
	text-decoration: none;
	
}

#register li.pic {
	
}

/* @end */


/* @group Article */
div.article {
	
}


a.back-link {
	left:40px;
	position:absolute;
	text-decoration:none;
	top:-60px;
	background: url("../img/bg-a-back.png") left top no-repeat;
	padding-left: 21px;
}

body.article div.content h2 {
	font-size:12px;
	font-weight:normal;
	margin-left:13px;
	margin-right:20px;
	margin-top:12px;
	padding-bottom:8px;
	padding-left:205px;
	width:726px;

}

div.theme-article {
	position:relative;
	min-height: 170px;	
}

div.theme-article blockquote {
	position: relative;
}

div.theme-article blockquote span.dquo {
	position:absolute;
	left:208px; 
	top:-4px;
	font-size:26px;
	color: #333;
}

div.theme-article h3 {
	font-size: 36px;
	letter-spacing:-1.5px;
	line-height:38px;
	margin-left: 205px;
}

div.theme-article ol,div.theme-article ul {
	margin-left: 205px;
	margin-bottom: 10px;
	font-size: 13px;	
}
div.theme-article ul ul {
	margin-left: 54px;
	margin-bottom: 0;
}

div.theme-article ol {
	
}

div.theme-article blockquote {
	background:transparent url(../img/bg-quote.png) no-repeat scroll 0 2px;
	font-style:italic;
	margin-left:203px;
}

div.theme-article blockquote p {
	margin-left: 15px;
}

div.theme-article ol li {
	list-style: decimal;
	list-style-position: inside;
}

div.theme-article ul li span, div.theme-article ol li span {
	color: #666;
	font-weight:normal;
}

div.theme-article ul li {
	list-style: disc;
	list-style-position: inside;
}
#sitemap ul ul li {
	list-style-position: outside;
}

div.theme-article div.pic-frame {
	width: 152px;
	height: 200px;
	position:absolute;
	left: 34px;
	top: 0;
	background: url("../img/bg_picframe_l.png") left top no-repeat;
}     

div.theme-article img {
	width: 142px;
	height: 190px;
	position: absolute;
	left: 5px;
	top: 3px;	
}
div.theme-article p {
	margin-left: 205px;
	line-height:1.35;
}

div.theme-article h4 {
	margin-left: 205px;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing:-1px;
	
}

div.theme-article p.date {
	
}
div.theme-article p.intro {
	font-size: 16px;
}

#frm-post-comment {
	margin-bottom: 20px;
	clear:both;
	position:relative;
}


#frm-post-comment fieldset{
	
}

div#post-comment h4 {
	font-size: 20px;
	margin-top: 10px;
	line-height:18px;
	padding-bottom:14px;
	padding-left:0;
}

#frm-post-comment div.notice,
#frm-post-comment div.error {
	left:0;
	margin-left:15px;
	position:absolute;
	top:155px;
}
#frm-post-comment div.notice p,
#frm-post-comment div.error p { 
	font-family:Georgia,Helvetica,sans-serif;
	font-size:14px;
	font-style:italic;
	padding-left:6px; 
}

#frm-post-comment div.notice {
	
} 

#frm-post-comment div.error {
	color: red;

} 
 
#frm-post-comment legend {
	font-weight: bold;
	margin-bottom:10px;
	padding-left: 10px;
	color: #333;
}

#frm-post-comment textarea {
	width:570px;
	height: 120px;
	margin-left: 0;
	padding-left: 0;
	clear: both;
}
#frm-post-comment input {
	margin-top: 5px;
	margin-left: 500px;
}

/* @group My shopkeeper */

#article div.shopkeeper h4 { margin-top:0;}
#article div.shopkeeper p { margin-bottom:2em;}

#article div.shopkeeper div.pic-frame h3 {
	margin-top:203px;
	margin-bottom:5px;
	margin-left:3px;
	line-height:1;
	font-size:13px;
	letter-spacing:0;
}

#article div.shopkeeper div.pic-frame p {
	margin-top:0;
	margin-bottom:0;
	margin-left:3px;
	font-size:11px;
}

/* @end */

/* @end */

/* @end */

/* @group Overrides */

div.content-sub #shopkeeper .box-wrapper {
	min-height: 185px;	
}
body.article div.content,
body.register div.content,
body.signin div.content {min-height: 360px;padding-bottom: 0;}

/* @end */

/* Näytetään vain jos javascript on päällä */
.js-required {
	display:none;
}

/* Ajankohtaista */
.subnavi h4 {margin-bottom:15px;  }
.subnavi .navi-items li { background-image:url(../img/bg-news-headline.png); background-position:left bottom; background-repeat:repeat-x; margin:5px 20px ! important; font-size:12px ! important; padding-bottom:5px;}
.subnavi .navi-items li .date { display:inline; color:#666666; }
.subnavi .navi-items li a, .subnavi li a:visited {text-decoration:none;}
.subnavi .more {margin-top:15px;}
.subnavi .navi-items li.selected {padding-left:21px; text-indent:-21px;}
.subnavi .navi-items span.selected {background-image:url(../img/bg-subnavi-selected.png); background-position:left 3px; background-repeat:no-repeat; padding-left:20px; color:#666666;}
.subnavi .page-navi {margin:5px 20px !important; border:none;}
#news-headlines h4 span {background: url("../img/bg-icon-news.png") left center no-repeat; padding-left:23px;}
#news-headlines span.selected {display:inline;}
.news div.theme-article {padding-right:45px; width:550px;}
.news div.theme-article h3, .news div.theme-article ol, .news div.theme-article ul, .news div.theme-article p, .news div.theme-article h4 {
	margin-left: 45px;
}

#headline-about_facebook h4 span {background: url("../img/bg-icon-facebook.png") left center no-repeat; padding-left:23px;}