/* Main elements */

/* For the older Opera browsers */
html { 
	color: #FFFFFF;
} 

body {
	background: #484848;
	font-family: Arial, Helvetica, sans-serif; 
}

a {
	color: #FF0000;
}

/* Container */

div#container {
	background: #3A3838;
}

/* Header */

div#header {
	width: 740px;
	height: 158px;
	background: url(/templates/cheek/pics/header.jpg) no-repeat;
}

div#header a {
	display: block;
	width: 740px;
	height: 158px;
}

/* Content */

div#content {
	border-right: 1px solid #484848;
}

/* Single post */

div#content div.post h2 {
	color: #EEEEEE;
	font-size: 18px;
}

div#content div.post small {
	color: #999999;
	font-size: 11px;
}

div#content div.post p, div#content div#comments p {
	color: #EEEEEE;
	font-size: 12px;
	line-height: 17px;
}

div.post p.comments {
	color: #EEEEEE;
}

div.post img {
	margin: 12px 0;
}

/* Sidebar */

div#sidebar h3, div#comments h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	margin: 0 0 6px 0;
	color: #EEEEEE;
}

div#sidebar h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #EEEEEE;
}

/* Form box */

div#sidebar div#form_box p {
	line-height: 17px;
	color: #FFFFFF;
}

div#sidebar div#form_box input#question {
	border: 1px solid #999;
	width: 20px;
}

div#sidebar div#form_box input#send {
	border: 1px solid #999;
	width: 68px;
}

/* Kysymysmerkin muotoilut */
div#sidebar div#form_box span#qmark {
	margin: 0 0 0 20px;
	padding: 0 2px;
	border: 1px solid #666;
	background: #000;
	font-size: 12px;
}

/* Footer */

div#footer {
	clear: both; /* clear float properties */
	width: 740px;
	height: 69px;
	text-align: right;
	background: #020403;
}

div#footer img#footerbnr_1 {
	float: left;
	display: inline;
}

div#footer img#footerbnr_2 {
	float: right;
	display: inline;
}

/* Archive */

div#archive {
	width: 350px;
}

div#content h1 {
	font-size: 18px;
	color: #EEEEEE;
	margin: 0 0 16px 0;
}

div#content h4 {
	font-size: 12px;
	color: #EEEEEE;
}

div#content p {
	font-size: 11px;
	margin: 0 0 12px 0;
	color: #EEEEEE;
}
/* GENERIC ELEMENTS */



/* basic elements */

* { 
	margin: 0;
	padding: 0;
}

body {
	text-align: center; /* IE 5.x/Win hack */ 
}

img {
	display: block;
	border: 0;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Header */

div#header h1 {
	display: none;
}

/* Container dimension */

div#container {
	margin: 0 auto;
	text-align: left;
	width: 740px;
}

/* Content dimensions */

div#content {
	float: left;
	margin: 32px 0 31px 30px;
	padding: 0 61px 0 0;
	width: 350px;
}

/* Hack for the IE5-6/Win */
* html div#content {
	display: inline;
}

/* Post margin */

div.post {
	margin: 0 0 40px 0;
}

/* Sidebar dimensions */

div#sidebar {
	width: 280px;
	float: right;
	margin: 32px 0 31px 18px;
}

div#sidebar ul {
	margin: 0 0 22px 0;
}

div#sidebar ul li {
	list-style: none;
	font-size: 12px;
	line-height: 17px;
}

div#sidebar p {
	font-size: 12px;
	line-height: 17px;
}

div#sidebar div.sidebanner {
	margin: 30px 0 0 0;
}

div#sidebar p select {
	margin: 5px 0 0 0;
}

div#sidebar p input {
	margin: 0 0 0 4px;
}

/* Form Box */

div#sidebar div#form_box {
	margin: 20px 0 0 0;
	font-size: 12px;
	width: 172px;
}

div#form_box input {

}

div#form_box p input {

}

div#sidebar div#form_box input#code {
	width: 28px;
	margin: 6px 0;
}

div#sidebar div#form_box input#phone {
	width: 133px;
	margin: 6px 0;
}




/* ------------
Toolbar - begin 
-------------- */




ul.post_actions {
	list-style: none;
	margin: 16px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

* html ul.post_actions {
	width: 330px;
}

ul.post_actions li {
	font-weight: bold;
	font-size: 10px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	display:inline;
}

ul.post_actions li#act_comment {
	padding: 5px 10px 5px 19px;
	background: #333 url(http://www.royalartistclub.com/Templates/Elastinen/pics/bgr_comment.gif) no-repeat 5px 50%;
	color: #ccc;
}

ul.post_actions li#act_send {
	padding: 5px 10px 5px 22px;
	background: #333 url(http://www.royalartistclub.com/Templates/Elastinen/pics/bgr_send.gif) no-repeat 5px 50%;
	color: #ccc;
}

ul.post_actions li#act_flag {
	padding: 5px 5px 5px 17px;
	margin: 0 0 0 -4px;
	background: #333 url(http://www.royalartistclub.com/Templates/Elastinen/pics/bgr_flag.gif) no-repeat 5px 50%;
	color: #ccc;
}

ul.post_actions li a.comment {
	padding: 5px 10px 5px 19px;
	background: url(/templates/cheek/pics/bgr_comment.gif) no-repeat 5px 50%;
}

ul.post_actions li a.send {
	padding: 5px 10px 5px 22px;
	background: url(/templates/cheek/pics/bgr_send.gif) no-repeat 5px 50%;
}

ul.post_actions li a.flag {
	padding: 5px 5px 5px 17px;
	margin: 0 0 0 -4px;
	background: url(/templates/cheek/pics/bgr_flag.gif) no-repeat 5px 50%;
}


/* Toolbar - end */



/* -------------- */



/* Form_comment - begin */


div#form_comment {
	width: 338px;
	padding: 5px 5px 10px 7px;
	background: #333;
}

div#form_comment p {
	color: #eee;
	font-size: 12px;
	margin: 5px 0;
}

div#form_comment h3 {
	color: #eee;
	font-size: 14px;
	font-weight: normal;
}

div#form_comment p input.txtbox {
	width: 300px;
	padding: 2px;
	font-size: 12px;
}

div#form_comment p input.txtboxsmall {
	width: 240px;
	padding: 2px;
	font-size: 12px;
}

div#form_comment p textarea {
	width: 300px;
	height: 180px;
	padding: 2px;
	font-size: 12px;
	margin: 0 0 12px 0;
}


/* Form_comment - end */



/* Sidebar */

div#sidebar ul li img {
	margin: 4px 6px 0 0;
	padding: 0;
	border: 0;
	display: inline
}

div#sidebar ul {
	width: 172px;
}

div#sidebar ul li img.icon_flag {
	border:1px solid #9D9899;
	padding:0pt;
}

/* - Post nav - */

ul#post_nav {
	list-style: none;
	text-align: center;
	margin: 0 0 20px 0;
}

ul#post_nav li {
	display: inline;
	font-size: 12px;
}

/* SOCIAL BOOKMARKS */

ul#social_bookmarks {
    list-style: none;
    margin: 0;
    background: #333;
    padding: 0 0 0 7px;
    border: 0;
    color: #fff !important;
}

ul#social_bookmarks li {
	display: inline;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    padding: 0;
    color: #fff !important;
}

ul#social_bookmarks li img {
	display: inline;
    padding: 0;
    vertical-align: middle;
    border: 0;
}

/**********/
/* TOPBAR */
/**********/

div#top-bar {
	margin: 0;
	padding: 0;
	border: 0;
	height: 34px;
	width: 100%;
	top: 0;
	left: 0;
	background: url(/images/top-nav/bgr_topbar.png) repeat-x;
}

div#top-bar img#rac-toplogo {
	width: 275px;
	height: 34px;
	margin: 0 0 0 21px;
	border: 0;
	padding: 0;
	float: left;
	display: inline;
}

div#top-bar div#top-bar-right {
	margin: 0 21px 0 0;
	padding: 0;
	border: 0;
	float: right;
	display: inline;
	position: relative;
}

div#top-bar div#top-bar-right select {
	margin: 0;
	padding: 0;
	border: 1px solid: #eee;
	width: 147px;
	height: 18px;
	display: inline;
	position: absolute;
	top: 6px;
	right: 229px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#top-bar div#top-bar-right select option {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
}

div#top-bar div#top-bar-right input {
	margin: 0;
	pdding: 0;
	border: 0;
	width: 33px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 192px;
}

div#top-bar div#top-bar-right img#nseries-toplogo {
	width: 120px;
	height: 34px;
	margin: 0;
	border: 0;
	padding: 0;
}

/***************/
/* COMMENT BOX */
/***************/

div#comment-wrapper, div.tool-wrapper {
	width: 350px;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #7f7f7f;
}

div#comment-box-top, div#comment-box-bottom, div.tool-box-top, div.tool-box-bottom {
	width: 350px;
	margin: 0;
	padding: 0;
	border: 0;
}

* html div#comment-box-top, * html div#comment-box-bottom, * html div.tool-box-top, * html div.tool-box-bottom {
    background: #363636;
}

div.tool-box-bottom {
	margin-bottom: 20px;
}

div#comment-box-top, div.tool-box-top {
	background: url(/images/comment-box/img_box_top.png) no-repeat;
	height: 8px;
}

* html div#comment-box-top, * html div.tool-box-top {
	border-top: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	height: 7px;
}

div#comment-box-bottom, div.tool-box-bottom {
	background: url(/images/comment-box/img_box_bottom.png) no-repeat;
	height: 14px;
}

* html div#comment-box-bottom, * html div.tool-box-bottom {
	border-right: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	height: 14px;
}

div#comment-box, div.tool-box {
	background: #363636;
	margin: 0;
	padding: 0;
	border-right: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
}

div#comment-box p {
	font-size: 11px;
	font-weight: bold;
	margin: 10px 12px 0 12px;
    color: #7f7f7f;
}

/* POST ACTIONS TABIT */

ul.post-actions {
	width: 326px;
	margin: 0 12px;
	padding: 0;
	border: 0;
	list-style: none;
}

* html ul.post-actions {
	width: 324px;
    margin: 0 12px;
}

ul.post-actions li {
	padding: 0;
	border: 0;
	display: block;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

ul.post-actions li a {
	text-decoration: none;
    color: #2983ae !important;
}

ul.post-actions li a:hover {
	text-decoration: none;
    color: #095980 !important;
}

ul.post-actions li#comments {
	width: 105px;
}

ul.post-actions li#send {
	width: 105px;
}

* html ul.post-actions li#send {
	width: 104px;
}

ul.post-actions li#flag {
	text-align: right;
	width: 115px;
}

/* ADD COMMENT */

span.add-comment {
	padding: 0 0 0 13px;
    margin: 0;
    border: 0;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #2983ae;
}

* html span.add-comment {
	display: none;
}

/* SHARE DL */

dl#share, dl.share-tools {
	margin: 10px 12px 0 12px;
	padding: 0 0 12px 0;
	border: 0;
    width: 344px;
}

* html dl#share, * html dl.share-tools {
    width: 320px;
}

dl#share dt, dl.share-tools dt {
	font-size: 11px;
    font-weight: bold;
	width: 46px;
	float: left;
	margin: 6px 0 0 0;
    display: inline;
}

dl#share dd {
	display: inline;
}

dl#share dd ul, dl.share-tools dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

* html dl.share-tools dd ul {
	width: 200px;
	height: 14px;
	margin-bottom: 0;
}

dl#share dd ul li, dl.share-tools dd ul li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	border: 0;
    display: block;
}

dl#share dd input, dl.share-tools dd input, dl#share dd textarea, dl.share-tools dd textarea {
	font-size: 11px;
	font-family: Helvetica, sans-serif;
    margin: 5px 0 0 0;
	border: 1px solid #757575;
	background: #fff;
    padding: 1px;
	width: 274px;
    height: 13px;
}

* html dl#share dd input, * html dl.share-tools dd input, * html dl#share dd textarea, * html dl.share-tools dd textarea {
	width: 270px;
    height: 16px;
    margin: 3px 0 0 -3px;
}


/* COMMENTS */

dl#comments {
	margin: 0 2px;
	padding: 0;
	border: 0;
	font-size: 11px;
	background: #2e2e2e;
	width: 344px;
}

dl#comments dt {
	margin: 0;
	padding: 7px;
	width: 88px;
	border-top: 1px solid #363636;
    float: left;
    clear: left;
}

* html dl#comments dt {
    margin: 0 -3px 0 0;
}

* html dl#comments dd {
    margin: 0;
    border-left: 0;
    width: 256px !important;
}

* html dl#comments dt, * html dl.post-comment dt {
	width: 88px;
}

dl#comments dd {
	margin: 0 0 0 102px;
	padding: 7px;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
	width: 227px;
}

* html dl#comments dd, * html dl.post-comment dd {
	width: 226px;
}

/* POST COMMENT */

dl.post-comment {
	margin: 0 2px;
	padding: 0;
	border: 0;
	font-size: 11px;
	background: #2e2e2e;
	width: 344px;
}

dl.post-comment div {
	margin: 0;
	padding: 0;
	border: 0;
}

dl.post-comment dt {
	float: left;
	padding: 7px;
	width: 88px;
    display: inline;
}

* html dl.post-comment dt {
	width: 88px;
}

dl.post-comment dt small {
	font-size: 9px;
}

* html dl.post-comment dt small {
	font-size: 8px;
}

dl.post-comment dt#longer-dt {
	float: left;
	padding: 7px;
	width: 200px;
}

dl.post-comment dd {
	margin: 0 10px 0 102px;
	padding: 3px 0 7px 0;
	width: 220px
    display: inline;
}

* html dl.post-comment dd {
	
}

dl.post-comment p {
	color: #666 !important;
    padding: 7px;
}

dl.post-comment dd input {
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 220px;
}

* html dl.post-comment dd input {
	margin: 0 0 0 -102px;
	padding: 2px;
	border: 1px solid #ccc;
	width: 220px;
    display: block;
}

dl.post-comment dd input#ctl00_MainContent_ctl00_ctl00_ctl00_ctl00_chkRemember {
	margin: 0 10px 0 0;
	padding: 2px;
	width: 14px;
    height: 14px;
}

* html dl.post-comment dd.lonelyCell {
	margin: 0 0 0 102px;
    padding: 0;
    border: 0;
    
}

* html dl.post-comment dd.lonelyCell2 {
	margin: 0;
    padding: 0 0 0 14px;
    border: 0;
    
}

img#captcha {
	margin: 0;
    padding: 0;
    border: 0;
}

dl.post-comment dd input.captcha-submit {
	margin: 4px 0 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 144px;
}

dl.post-comment dd.enterCode {
	margin: 4px 0 0 0;
}

* html dl.post-comment dd.enterCode {
	margin: 4px 0 0 103px;
    width: 220px;
}

dl.post-comment dd input.submit-comment {
	margin: 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 56px;
}

dl.post-comment dd textarea {
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 220px;
	height: 80px;
}

* html dl.post-comment dd.textForIE6 {
	margin: 0 0 0 14px;
    padding: 0;
    border: 0;
}

* html dl.post-comment dd.textForIE6_2 {
	margin: 0;
    padding: 0 0 0 14px;
    border: 0;
}

* html span#ctl00_MainContent_ctl00_ctl00_rfMessage {
}

dl.post-comment dd.textForIE6 span {
	line-height: 26px;
}

* html dl.post-comment dd.textForIE6 span {
	/*line-height: 14px;*/
}

/*dl.post-comment dd span {
	display: block;
}*/

dl.post-comment dd select {
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 220px;
	height: 22px;
    font-size: 11px;
}

dl.post-comment dd#shorter-dd {
	margin: 0 0 0 200px;
	padding: 7px 0;
	width: 100px;
}

/* Clear hack */

.addClear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/***********/
/* ARCHIVE */
/***********/

div#archive div.archive-item {
	display: block;
    clear: left;	
}

div#archive div.archive-item img {
	float: left;
    margin: 0 12px 12px 0;
    border: 1px solid #484848;
}

div#archive div.archive-item div {
	margin: 0 0 16px 0;
    display: block;
}