/*-------------------------------------------------
CSS CODE: MOMMO eDM
AUTHOR: BLOGTER - BLOGTER.COM
COMPANY: BLOGTER
SITE: MOMMO.HU EDM
-------------------------------------------------*/

/*-------------------------------------------------
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; margin:0; padding:0; }
:focus { outline:0; }
body { line-height:1; color:#000; font:0.9em/1em arial, helvetica, sans-serif; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
strong { font-weight:700; }

/*-------------------------------------------------
GENERAL
-------------------------------------------------*/
body {background: #fff; font: 12px arial, verdana, helvetica, sans-serif; color: #333333; text-align: center;}
a {color: #3151B5; text-decoration: none; cursor: pointer !important;}
a:hover {text-decoration: underline; color: #3151B5}

button{ margin:0 0 0 0; background: url('../images/button_bg.png') repeat-x; border:1px solid #1861ad; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#004963; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
button{ width:auto; overflow:visible; padding:3px 8px 2px 7px; /* IE6 */ }
button.inact {border: 1px solid #ddd; color: #ddd;}
button[type]{ padding:4px 8px 4px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{ padding:3px 8px 2px 7px; /* IE7 */ }
button.sub{ margin:0 0 0 0; background: url('../images/button_bg.png') repeat-x; border:1px solid #ddd; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#004963; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }

div {display: block; position: relative;}
.clear {display: block; clear: both;}
.hidden {display: none;}

.sub-title {font-size: 12px; font-weight: bold; margin-top: 20px; padding-top: 6px;}

/*-------------------------------------------------
MAIN
-------------------------------------------------*/
#container {display: block; position: relative; width: 940px; margin: 0 auto; text-align: left;}
#head {display: block; position: relative; width: 940px; height: 60px; background: #004963 url('../images/head_bg.png') no-repeat; color: #fff;}
#head a {color: #fff; text-decoration: none;}
.head-logo {display: block; position: absolute; width: 180px; height: 60px; overflow: hidden; background: #004963;}
.head-logo span {display: block; position: absolute; width: 100%; height: 100%; background: url('../images/head_bg.png') no-repeat}
.head-logo:hover span {background: url('../images/blogter_logo_active.png') no-repeat}

#head ul {display: block; position: absolute; top: 18px; left: 200px;}
#head ul li {display: block; float: left; font-size: 15px; font-weight: bold; height: 22px;}
#head ul li.padder {width: 5px; height: 10px;}
#head ul li.active {background: #F40061 url('../images/head_nav_bg.png') repeat-x}
#head ul li.active a {background: #F40061 url('../images/head_nav_a.png') top right no-repeat; padding-right: 5px;}
#head ul li.active a span {display: block; position: relative; background: #F40061 url('../images/head_nav_span.png') top left no-repeat; padding-right: 0px;}

#head ul li a {display: block; position: relative;}
#head ul li a span {display: block; position: relative; padding: 2px 5px;}
#head ul li a:hover {background: url('../images/top_nav_bg.png') repeat-x;}

.select-country {display: block; position: absolute; top: 19px; left: 530px;}

.admin-menu {display: block; position: absolute; top: 22px; left: 630px;}
.top-search-form {display: block; position: absolute; top: 18px; left: 760px;}
.top-search-input {display: block; position: absolute; top: 0; left: 0; width: 130px;}
.top-search-bt {display: block; position: absolute; top: 0; left: 140px;}

#top-banner {margin: 15px 0; background: url('../images/top_banner_bg.png') no-repeat;}
#top-banner div {padding-left: 20px;}

#content {display: block; position: relative;}

#top-title {background: url('../images/head_title.png') 0 0 no-repeat; width: 940px; height: 125px; }
	#top-title h1 {font-size: 35px; color: #fff; padding: 35px 0 60px 30px}
	#top-title p {font-size: 35px; color: #fff; padding: 35px 0 60px 30px}

	.top-edit {display: block; float: right; padding: 42px 30px 0 0}
		.head-edit {display: block; height: 40px; float: left; padding-right: 10px}
		.head-post {display: block; height: 40px; float: left;}

#right-banner {display: block; float: right; width: 140px; overflow: hidden; padding: 10px 0 20px 0;}
#left-menu {width: 160px; background: url('../images/left_menu_bg.png') 0 0 no-repeat; height: 400px; padding: 15px 0 20px 0; float: left;}
	.main-menu { display: block; padding: 7px 0; background: url('../images/left_menu_main_menu_bg.png') bottom left no-repeat; color: #313c52; padding-left: 10px; font-size: 15px; font-weight: bold;}
	.main-menu:hover {text-decoration: none;}
	.main-menu-active {display: block; padding: 7px 0; height: 17px; background: url('../images/left_menu_big_active.png') no-repeat !important; color: #fff !important; padding-left: 10px; font-size: 15px; font-weight: bold;}

	.sub-menu-cont {padding: 5px 0 10px 0; background: url('../images/left_menu_main_menu_bg.png') bottom left no-repeat;}
	.sub-menu {color: #313c52; padding: 2px 0 2px 20px; display: block;}
	.sub-menu-active {color: #313c52; padding: 3px 0 1px 20px; height: 19px; display: block; background: url('../images/left_menu_small_active.png') 1px 0 no-repeat}

#content-in {display: block; position: relative;  float: left; width: 620px; }
	.breadcrumb {margin: 10px 0 0 0}
	.sub-title {font-size: 20px; font-weight: bold; margin: 5px 0 5px 0; padding: 0;}
	.sub-title-desc {font-size: 14px; line-height: 20px;}
	.w2-desc {background: #fffbce; border-top: 1px solid #e7db52; border-bottom: 1px solid #e7db52; padding: 15px 20px; font-size: 13px; font-weight: bold; margin-top: 15px;}
	.cat-cont {background: #eff7ff; border-top: 1px solid #ceebff; border-bottom: 1px solid #ceebff; padding: 20px; margin: 15px 0}
		.category-item {display: block; position: relative; float: left; width: 280px; padding-bottom: 10px; padding-right: 10px}
		.catagory-item-image {padding-left: 70px; width: 210px !important;}
		.category-img {display: block; position: absolute; top: 0; left: 0;}
		.img-height {display: block; position: relative; overflow: hidden; font-size: 1px; float: left; height: 60px; width: 1px}
		.category-item h3 {font-size: 14px; font-weight: bold; padding-bottom: 6px}
			.category-item h3 a {color: #333;}
		.category-item p {line-height: 18px;}

	.fresh-title {font-size: 20px; font-weight: bold; padding-bottom: 5px;}
	.fresh-item {display: block; position: relative; padding-left: 120px; padding-bottom: 10px;}
		.fresh-item-date {display: block; position: absolute; top: 0; left: 0; width: 110px; text-align: right;}
		.fresh-item h4 {font-size: 14px; font-weight: bold;}
		.fresh-item p {line-height:17px;}

	#posts {background: #eff7ff; border-top: 1px solid #ceebff; border-bottom: 1px solid #ceebff; padding: 20px; margin: 15px 0}
		.post {display: block; position: relative; padding-left: 130px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ceebff}
		.post-user {display: block; position: absolute; top: 0; left: 0; padding-left: 40px}
		.post-author-name {font-weight: bold;}
			.post-author-img {display: block; position: absolute; top: 0; left: 0;}
				.post-author-img img {width: 30px; height: 30px;}
			.owner-edit-bt {margin-top: 10px; display: block;}

		.post h2 {font-size: 15px; font-weight: bold;}
		.post-item ul { padding: 10px 10px; margin-left: 10px}
			.post-item ul li {list-style-type: disc; padding-left: 0px}

/* Footer */
#footer {display: block; background: #EFF7FF; padding: 20px;}
#footer-logos {display: block; margin-top: 10px; text-align: right; height: 100px; padding-right: 10px;}
#footer-logos a {display: block; float: right;}


/* Settings */
.settings h1 {font-size: 20px; font-weight: bold; margin: 5px 0 0 0; width: 635px;}
.blog-settings {display: block; position: relative; background: url('http://files.blogter.hu/style/images/center_box_center.png') repeat-y; margin-top: 15px; width: 635px;}
	.settings h1 span {display: block; float: right; color: #75AF0A; font-size: 14px;}
	.blog-settings-top {display: block; position: relative; background: url('http://files.blogter.hu/style/images/center_box_top.png') top left no-repeat; padding-top: 5px;}
	.blog-settings-bottom {display: block; position: relative; background: #EFF7FF url('http://files.blogter.hu/style/images/center_box_bottom.png') left bottom no-repeat; padding: 0 15px 15px 15px;}
	.blog-settings-bottom p {border-bottom: 1px dashed #BAC9DE; padding-bottom: 10px;}
	.blog-settings-bottom p.last {border-bottom: none !important}
	.blog-settings label {display: block; position: relative; color: #004963; font-size: 14px; margin: 0 0 5px 0; font-weight: bold; margin-top: 10px;}
	.button-settings {margin: 15px 0;}
.settings p {border-bottom: 1px dashed #BAC9DE; padding: 4px 0 8px 0;}
.settings p.last {border-bottom: none !important}
.set-buttons {padding-top: 10px;}
.settings .sub-actions {top: 5px; left: 310px;}
.button-invite {display: block; position: relative; margin-top: 10px;}
.checkbox {display: block; position: relative;  padding-top: 0px; clear: both; height: 18px}
	.checkbox input {position: relative; float: left; z-index: 1000}
	.checkbox p {display: block; position: relative; padding: 2px 0; border-bottom: none !important}

/* Articles */
.posts-table {margin: 20px; width: 900px; font-size: 14px;}
.posts-header {background: #def7ff;}
.posts-table tr td {padding: 5px; }
.post-in {border-bottom: 1px dashed #ddd;}
	.post-in-title {font-weight: bold;}

/* New category */
.new-category {margin: 30px 0}
	.new-category label {display: block; float: left; width: 160px; font-weight: bold;  padding-right: 10px; text-align: right; font-size: 15px; color: #313C52}
	.new-category-bt {margin: 0 0 0 170px;}

/* New post */
.new-post {margin: 30px 0}
	.new-post label {display: block; float: left; width: 160px; font-weight: bold;  padding-right: 10px; text-align: right; font-size: 15px; color: #313C52}
	.new-post-bt {margin: 5px 0 0 170px;}
	.height10 {height: 10px !important}
	.post-editor {width: 750px; overflow: hidden;}

/* Search */
.search-result-desc {padding: 5px 0}
.search-form {padding: 10px 20px; background: #eee;}
	.search-form label {font-size: 15px; font-weight: bold; padding-bottom: 3px}
.search-title {font-size: 15px; font-weight: bold;}
.search-item-in {padding: 0 100px 15px 0;}

/* Settings */
.my-settings {margin: 30px 0}
	.my-settings label {display: block; float: left; width: 160px; font-weight: bold;  padding-right: 10px; text-align: right; font-size: 15px; color: #313C52}
	.my-settings-bt {margin: 0 0 0 170px;}
	.allert {display: block; padding: 4px 6px; background: #eee; color: red; margin: 10px 0 0 170px; width: 500px;}

/* Introduction */
.introduction {margin: 20px 0}
.introduction h2 {font-weight: bold; font-size: 15px; margin: 10px 0 5px 0}