@import url(https://m.blog.hu/rsc/css/basic.css);	/* Import basic styles */
@import url(https://m.blog.hu/rsc/css/forms.css);	/* Import basic styles */
@import url(https://m.blog.hu/rsc/css/comments.css);	/* Import basic styles */

/********** =defaults **********/

/*## Body ## Body class attributes */

body
{
	background: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color:#444;
}

/*## General tags ##  */

div { padding:0px; margin:0px; }

hr { display:none; }

a { color:#0087c9; text-decoration:underline; }
a:hover { background-color:#0087C9; color: #ffffff}

p, li, blockquote, dd, dt { line-height:135%; }

blockquote
{
  background: #f8f8f8;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 20px 25px;
  padding: 10px;
  font-style: italic;
}

blockquote p
{
  color:#333;
  font-style:italic;
  margin:0;
}

p
{
  margin:0 0 15px 0;
  color:#444;
  display: block;
}

ul, li
{
  list-style-type:disc;
  color:#444;
  margin:0;
  padding:0;
}

ol li
{
  list-style-type:decimal;
}

li { margin-left: 32px; }
ul { margin-bottom: 8px; }

code
{
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  color:#333;
  display:block;
  margin: 20px 25px;
  padding: 10px 10px 10px 21px;
/*  white-space:pre;*/
}

h1, h2, h3 { letter-spacing:-1px; margin:0px; }

h1
{
  font-size:28px;
}

h2
{
  margin-top:16px;
  margin-bottom:0px;
  font-size:24px;
}

h3
{
  color:#bbb;
  margin-top:0px;
  margin-bottom:6px;
  font-size:18px;
}

h1, h1 a { color:#878787; text-decoration:none; }
h1 a:hover { background-color:#878787; color: #ffffff}

h2, h2 a { color:#87c900; text-decoration:none; }
h2 a:hover { background-color:#87C900; color: #ffffff}

h3 a { color:#0087c9; text-decoration:none; }
h3 a:hover { background-color:#0087C9; color: #ffffff}

dt { font-weight:bold; }
dd { margin:3px 0 10px 0; }

/*## Page Header ## Styles for page header */

div#pageHeader {
    background-color: #87c900;
    padding: 8px;
    padding-left: 16px;
    border-bottom: 0px dotted #87c900;
}
div#pageHeader h1 {
    font-family: helvetica, arial;
    font-size: 36px;
    color: white;
}
div#pageHeader h1 a {
    color: white;
}
div#pageHeader h3 {
    color: #ddd;
}
div#pageHeader div.notes {
    font-size: 12px;
    float: right;
    color: #000;
}

/*## Page Footer ## Styles for page footer */

/*## Page Layout ##  */

div#wrapper /* Main white content zone */
{
	background-color: #fff;
	width: 900px;
	margin: 0px;
	margin: 0 auto;
	padding: 0px;
	border: 1px solid #f8f8f8;
}

div#leftWrapper  {
    width: 0px;
    border: 0px;
    float:left;
    display: none;
}
div#rightWrapper {
    width: 250px;
    border: 0px solid green;
    float:right;
}
div#mainWrapper  {
    width: 640px;
    border: 0px solid blue;
    float:left;
	overflow:hidden; word-wrap: break-word;
}

div.leftIn  { background-color: #fff; padding: 8px; }
div.rightIn { background-color: #fff; padding: 8px;font-size: 12px }
div.mainIn  { background-color: #fff; padding: 8px; padding-left:16px; padding-right: 24px; }

/*## Post ## attributes for blog posts  */

div.post
{
	margin-bottom: 40px;
	overflow:hidden; word-wrap: break-word;
}

/*  \*/
* html div.post {
	height: 1%;
}
/*  */

div.post h3.tags { font-size: 17px }
div.post h3.tags a { color:#ff9900; text-decoration:none; }
div.post h3.tags a:hover { background-color:#ff9900; color: #ffffff}

div.post img { text-align: left; float:left; margin: 12px; margin-left: 0px; margin-top: 4px; margin-bottom: 4px; border:1px solid #e0e0f0; }

div.post img.imgright  { text-align: right; float:right; margin-right: 0px; margin-left: 12px; }
div.post img.imgleft   { text-align: left; float:left; margin-left: 0px; }
div.post img.imgnotext { text-align: middle; float:none; margin: 5px auto; display: block;  }

div.post img#adflan-banner { border:0px; }

div.post div.entry { margin-bottom: 6px; }

/*## Pager ## */

div.pager {
    font-weight: bold;
    display: inline;
}

div.prev {
    float: left;
}

div.next {
    float: right;
}

/*## Sideboxes ## Styles for sideboxes */

div.box
{
	border: 0px solid red;
	border-right: 1px solid #87c900;
/**/	border-right: 1px dotted #87c900; /**/
	margin-bottom: 16px;
	overflow:hidden; word-wrap: break-word;
/*	padding-right: 8px;*/
}
div.box h3
{
	color:#87c900;
	border-bottom: 2px solid #87c900; border-top: 1px dotted  #87c900;
	background-color: #f8f8f8
}

div.box li { margin-left: 4px; }
div.box ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}
div.box ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.box form {
	margin-top: 0px;
	margin-bottom: 0px;
}
div.box .dimmed
{
	color: #aaa;
	font-size: 100%;
}

div.box input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 92%;
	margin: 0ex;
}

/*## Calendar ## Styles for calendar */

/* Calendar: */
caption.bCalendarCaption { border: 1px solid #ccc; background-color: #eee; border-bottom: 0px; }
table.bCalendarTable     { border: 1px solid #ccc; border-collapse: separate; }
table.bCalendarTable a { color:#0087c9; text-decoration:none; }
table.bCalendarTable a:hover { background-color:#0087C9; color: #ffffff}
table.bCalendarTable tfoot td {	background-color: #eee;	border-top: 1px solid #ccc; }
table.bCalendarTable tfoot a { text-decoration: none; }
table.bCalendarTable tfoot a:hover { background-color:#0087C9; color: #ffffff }
th.bCalendarHeaderCell { color: #ccc; font-weight:normal; }
#bCalendarToday { background-color: #85d8ff; }

/*## Comments ## Styles for comment area */

div.commentsBg
{
	background-color: #f0fff0;
	border-top: 1px dotted  #87c900;
	margin-bottom: 16px;
	padding-bottom: 0px;
	margin-top: 4px;
}

div.comment
{
	padding: 8px;
	border-bottom: 5px solid white;
	border-top: 1px dotted #87c900;
}

/*  \*/
* html div.comment {
	height: 1%;
}
/*  */


div.owncomment
{
    background-color: #e0ffe0;
}

h3.comment { color: #87c900; }

div.commentsBg h1 { font-size: 14px; font-weight:700; letter-spacing:normal }
div.commentsBg h1, div.commentsBg h1 a { color:#87c900; text-decoration:none; }
div.commentsBg h1 a:hover { background-color:#87c900; color: #f0fff0; text-decoration:none; }

.commentHeadURL { font-weight: normal; font-family: helvetica, arial, sans-serif; font-size: 11px; color: white;}
span.commentTime a { font-weight: normal; font-size: 11px; color: #aaa;}
span.commentTime a:hover { color: #f0fff0; background-color: #aaa}
span.commentTime a:visited {  color: #aaa;}

div.commentText { margin-top: 4px; }

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
textarea.bComment { width: 94% }

select.bComment  /* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}

form.bComment /* New comment form */
{
	margin: 1ex 2ex;
	padding: 0 1ex;
	border: 0px;
}

.more {margin-bottom:8px;}
