@font-face
{
	font-family: SourceSansPro;
	src: url(https://static.love.hu/font/sourcesanspro.eot);
	src: url(https://static.love.hu/font/sourcesanspro.eot?#iefix) format('embedded-opentype'),
	     url(https://static.love.hu/font/sourcesanspro.woff) format('woff'),
	     url(https://static.love.hu/font/sourcesanspro.ttf) format('truetype'),
	     url(https://static.love.hu/font/sourcesanspro.svg#SourceSansPro) format('svg');
}

@font-face
{
	font-family: SourceSansPro;
    font-weight: bold;
	src: url(https://static.love.hu/font/sourcesansprob.eot);
	src: url(https://static.love.hu/font/sourcesansprob.eot?#iefix) format('embedded-opentype'),
	     url(https://static.love.hu/font/sourcesansprob.woff) format('woff'),
	     url(https://static.love.hu/font/sourcesansprob.ttf) format('truetype'),
	     url(https://static.love.hu/font/sourcesansprob.svg#SourceSansPro) format('svg');
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

input, select
{
    vertical-align: middle;
}

a:hover, a:active, a:focus
{
    outline: none;
}

nav ul, nav li
{
    margin: 0;
    list-style:none;
    list-style-image: none;
}

strong, th
{
    font-weight: bold;
}

td
{
    vertical-align: top;
}

label, input[type="button"], input[type="submit"], input[type="image"], button
{
    cursor: pointer;
}

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

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

.clear
{
    clear: both;
}

*:focus
{
    outline: none;
}

body
{
	position: relative;
	background: url(https://static.love.hu/design/loveblog/pattern.png);
	padding: 0;
	font-family: Georgia;
	font-size: 14px;
	color: #666666;
}
a
{
	text-decoration: none;
}
#wrapper
{
	width: 940px;
	margin: 0 auto;
}
/** HEADER **/
#header
{
	margin: 20px 0 20px;
}
#logo
{
	background: url(https://static.love.hu/design/loveblog/logo.png) no-repeat;
	width: 229px;
	height: 60px;
	overflow: hidden;
	display: block;
	float: left;
}
#slashes
{
	background: url(https://static.love.hu/design/loveblog/slashes.png) no-repeat;
	width: 31px;
	height: 44px;
	float: left;
	margin-top: 7px;
	margin-left: 24px;
	margin-right: 45px;
}
#menu
{
	float: left;
	width: 609px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}
#menu ul li
{
	float: left;
	text-transform: uppercase;
	margin-right: 48px;
}
#menu ul li a
{
	background: url(https://static.love.hu/design/loveblog/circle.png) no-repeat left 6px;
	font-family: 'SourceSansPro';
	font-size: 16px;
	padding-left: 14px;
	color: #666666;
}
#menu ul li a:hover
{
	color: #e74c3c;
}
#menu ul li:last-child
{
	margin-right: 0;
}
/****/
#breadcrumpbox
{
	background: #ffffff;
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
}
#breadcrumpbox header
{
	margin-bottom: 10px;
}
#breadcrumpbox h1
{
	font-family: Georgia;
	font-size: 24px;
	color: #1abc9c;
}
#breadcrumpbox .shadow
{
	position: absolute;
	background: url(https://static.love.hu/design/loveblog/shadow-wide.png) no-repeat center top;
	left: 0;
	bottom: -10px;
	width: 670px;
	height: 10px;
}
#breadcrump
{
	margin-left: 5px;
}
#breadcrump a
{
	font-family: SourceSansPro;
	font-size: 12px;
	color: #666666;
}
#breadcrump a:hover
{
	color: #1abc9c;
}
#breadcrump span
{
	color: #1abc9c;
	margin: 0 10px;
}
/** LEFTSIDE **/
#leftside
{
	float: left;
	display: inline;
	width: 670px;
	margin-right: 20px;
	word-wrap: break-word;
}
.blog-item
{
	margin-bottom: 20px;
}
.blog-item b
{
	font-weight: bold;
}
.blog-item i
{
	font-style: italic;
}
.blog-item u
{
	text-decoration: underline;
}
.blog-item-header
{
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	overflow: hidden;
	word-wrap: break-word;
}
.blog-item-header-wrapper
{
	margin: 0 16px;
	float: left;
	width: 528px;
	overflow: hidden;
}
.blog-item-header h1,.blog-item-header h2
{
	font-size: 22px;
	font-style: italic;
	line-height: 26px;
	height: 60px;
	width: 528px;
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.blog-item-header h1 a,.blog-item-header h2 a
{
	color: #1abc9c;
}
.blog-item-header .blog-item-comment-wrapper
{
	display: block;
	float: left;
	overflow: hidden;
	background: #ecf0f1;
	width: 110px;
	text-align: center;
	font-family: 'SourceSansPro';
	font-size: 14px;
	color: #7f8c8d;
}
.blog-item-header .blog-item-comment-wrapper .blog-item-comment-count
{
	background: url(https://static.love.hu/design/loveblog/icon-comment-sprite.png) no-repeat 0 2px;
	padding-left: 21px;
}
.blog-item-header .blog-item-comment-wrapper:hover
{
	background: #1abc9c;
	color: #ffffff;
}
.blog-item-header .blog-item-comment-wrapper:hover .blog-item-comment-count
{
	background-position: 0 -16px;
}
.share
{
	float: left;
	width: 60px;
}
.share-post
{
	position: fixed;
}
.share a
{
	background: url(https://static.love.hu/design/loveblog/share-sprite.jpg) no-repeat 0 0;
	display: block;
	width: 60px;
	height: 60px;
}
.share a.facebook
{
	background-position: -60px 0;
}
.share a.facebook:hover
{
	background-position: 0 0;
}
.share a.twitter
{
	background-position: -60px -60px;
}
.share a.twitter:hover
{
	background-position: 0 -60px;
}
.share a.google
{
	background-position: -60px -120px;
}
.share a.google:hover
{
	background-position: 0 -120px;
}
.blog-item-content
{
	background: #ffffff;
	float: left;
	width: 570px;
	/*overflow: hidden;*/

	word-wrap: break-word;
	border-top: 1px solid #ecf0f1;
	padding: 14px 20px;
	font-family: SourceSansPro !important;
	font-size: 16px !important;
	position: relative;
}
.blog-item-content-post
{
	margin-left: 60px;
}
.blog-item-content .shadow
{
	position: absolute;
	bottom: -10px;
	left: 0;
	background: url(https://static.love.hu/design/loveblog/shadow-big.png) no-repeat center top;
	display: block;
	width: 609px;
	height: 10px;
}
.blog-item-footer
{
	height: 60px;
	line-height: 60px;
	color: #1abc9c;
	margin-top: 20px;
}
.blog-item-footer div
{
	float: left;
	text-align: center;
	width: 190px;
}
.blog-item-footer .blog-item-date
{
	font-family: Georgia;
	border-left: 1px solid #ecf0f1;
	border-right: 1px solid #ecf0f1;
	width: 188px;
}
.blog-item-footer a
{
	color: #1abc9c;
	margin: 0 2px;
}
.blog-item-footer a.button
{
	background: url(https://static.love.hu/design/loveblog/buttons-sprite.png) no-repeat;
	width: 190px;
	height: 60px;
	display: block;
}
.blog-item-footer a.button:hover
{
	background-position: 0 -60px;
}
.blog-item-footer .blog-item-tags
{
	width: 190px;
	height: 60px;
	float: none;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
}
.blog-item-footer .blog-item-tags a
{
	font-size: 11px;
}
.article .blog-item-footer div
{
	width: auto;
}
.article .blog-item-footer .blog-item-date
{
	float: left;
	width: 100px;
	border: 0;
}
.article .blog-item-footer .tags
{
	float: right;
	width: 470px;
}
.article .blog-item-footer .tags-container
{
	display: table-cell;
	float: none;
	vertical-align: middle;
	text-align: right;
	line-height: 26px;
	width: 470px;
	height: 60px;
}
.article .blog-item-footer .tags a
{
	font-family: Georgia;
	color: #1abc9c;
	margin-left: 4px;
}
.article #comments-title
{
	color: #1abc9c;
	font-weight: bold;
	font-size: 17px;
	margin: 20px 0 10px;
}
#paginator
{
	width: 610px;
	float: right;
}
#paginator a
{
	background: url(https://static.love.hu/design/loveblog/buttons-sprite.png) no-repeat 0 -120px;
	width: 295px;
	height: 60px;
	float: left;
}
#paginator a:hover
{
	background-position: 0 -180px;
}
#paginator-next
{
	float: right !important;
	background-position: 0 -240px !important;
}
#paginator-next:hover
{
	background-position: 0 -300px !important;
}

#rightside
{
	float: left;
	display: inline;
	width: 250px;
	word-wrap: break-word;
}
#rightside .box
{
	margin-bottom: 20px;
}
#rightside .shadowbox
{
	margin-bottom: 20px;
	background: #ffffff;
	position: relative;
}
#rightside .shadowbox .shadow
{
	background: url(https://static.love.hu/design/loveblog/shadow-small.png) no-repeat center top;
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 250px;
	height: 10px;
}
#rightside .shadowbox .header
{
	font-size: 18px;
	color: #1abc9c;
	height: 21px;
	overflow: hidden;
	border-bottom: 1px solid #ecf0f1;
}
#rightside .shadowbox .content
{
	font-family: SourceSansPro;
	font-size: 12px;
	color: #666666;
}
#rightside .shadowbox .content ul
{
	list-style: none;
}
#rightside .shadowbox .content ul li
{
	margin-bottom: 15px;
}
#rightside .shadowbox .content ul li:last-child
{
	margin-bottom: 0;
}
#rightside .shadowbox .content ul a
{
	color: #666666;
}
#rightside .shadowbox .content ul .separator
{
	color: #1abc9c;
	margin: 0 5px;
}
#rightside .shadowbox .content ul .arrow
{
	color: #1abc9c;
	margin-left: 5px;
}
#rightside .contentbox
{
	padding: 20px;
}
#rightside .contentbox-fb
{
	padding: 10px 9px;
}
#button-reg
{
	background: url(https://static.love.hu/design/loveblog/buttons-sprite.png) no-repeat 0 -360px;
	width: 250px;
	height: 110px;
	display: block;
}
#button-reg:hover
{
	background-position: 0 -470px;
}
#searchform input[type="text"]
{
	background: #ffffff;
	border: 0;
	float: left;
	width: 200px;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	font-family: Georgia;
	font-size: 12px;
	color: #666666;
}
#searchform input[type="submit"]
{
	background: url(https://static.love.hu/design/loveblog/button-search-sprite.png) no-repeat;
	border: 0;
	float: left;
	width: 40px;
	height: 40px;
}
#searchform input[type="submit"]:hover
{
	background-position: 0 -40px;
}
#tagcloud a
{
	background: #ffffff;
	float: left;
	height: 25px;
	line-height: 25px;
	font-family: SourceSansPro;
	font-size: 11px;
	color: #666666;
	padding: 0 14px;
	margin-right: 1px;
	margin-bottom: 1px;
	word-wrap: break-word;
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;
}
#tagcloud a:hover
{
	background: #1abc9c;
	color: #ffffff;
	-webkit-transition: all 0.01s linear;
	-moz-transition: all 0.01s linear;
	-ms-transition: all 0.01s linear;
	-o-transition: all 0.01s linear;
	transition: all 0.01s linear;
}

#footer
{
	margin: 42px 0;
	font-family: SourceSansPro;
	font-size: 14px;
	color: #1abc9c;
	text-shadow: 0 1px #fbfbfb;
}
#footer a
{
	color: #666666;
	padding-left: 7px;
	padding-right: 7px;
	border-right: 1px solid #666666;
}
#footer a:first-child
{
	padding-left: 0;
}
#footer a:last-child
{
	padding-right: 0;
	border-right: 0;
}