/*
Theme Name: Lapublishing
Theme URI: http://www.lapublishing.hu/
Description: Lapublishing - Wordpress Theme
Version: 2.0
Author: TheeDesign Studio
Author URI: http://www.theedesign.com/
*/

.clear { clear: both; }

html,body { background: #773849; color: #000; }
#wrap {
	width: 960px; margin: 5px auto 0; padding: 0 2px;
	background: #441824 url(images/bg_header.jpg) no-repeat center top;
}

/* -------------------------------------------------------------------------------------------- */
/* Layout																						*/
/* -------------------------------------------------------------------------------------------- */
#header { height: 190px; position: relative; }
#logo   { position: absolute; left: 30px; top: 10px; }
#topbar { position: absolute; right: 20px; top: 0px; }
#search { position: absolute; left: 20px; top: 150px; }
#navbar { position: absolute; right: 10px; top: 150px; }
#contents { margin: 10px 0; padding: 10px 20px 15px 10px; background: #fff; }
#sidebar { width: 240px; float: left; }
#content { width: 670px; float: right; }
#footer { padding: 20px; background: url(images/bg_footer.jpg) repeat left top; }
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Posts																						*/
/* -------------------------------------------------------------------------------------------- */
#content { font: 14px/125% "times new roman", times, serif; }
#content h1 { color: #003333; font-size: 14pt; font-weight: bold; border-bottom: 1px dotted #ccc; }
#content h2 { color: #003333; font-size: 13pt; margin-bottom: 10px; }
#content h3 { color: #003333; font-size: 10pt; margin-bottom: 5px; }
#content p { margin-bottom: 10px; }
#content a:link, #content a:visited { color: #003333; text-decoration: none; }
#content a:hover, #content a:active { color: #a10000; text-decoration: underline; }
.post { margin: 0 0 20px; }
.post ol { margin: 0 20px 10px; list-style-type: decimal; }
.post ul { margin: 0 20px 10px; list-style-type: disc; }
.post li {}
.post blockquote { font-style: italic; }
/* Post Meta */
.post-meta { margin-top: 2px; color: #335; font-size: 10px; text-transform: uppercase; }
.post-meta a:link, .post-meta a:visited {
	color: #335; text-decoration: none; border-bottom: #aaa 1px dotted;
}
.post-meta a:hover, .post-meta a:active {
	color: #a10000; text-decoration: underline;
}
/* Post Image */
.post-entry .alignleft { float: left; margin: 0 20px 20px 0; }
.post-entry .alignright { float: right; margin: 0 0 20px 20px; }

.post-entry img {
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	padding: 4px;
}
.post-entry .wp-caption-text { padding-top: 2px; font-style: italic; text-align: center; }
/* Post Thumbnail */
.post-thumbnail { float: left; margin: 0 20px 0 0; }
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Breadcrumb																					*/
/* -------------------------------------------------------------------------------------------- */
#breadcrumb { font: 11px Arial, Helvetica, sans-serif; }
#breadcrumb a:link, #breadcrumb a:visited { color: #033; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { text-decoration: none; }
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Category Description																			*/
/* -------------------------------------------------------------------------------------------- */
.category-description {
	margin-top: 20px;
	padding: 15px 15px 5px;
	background: #f0f3f3;
}
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Logo Animation & Social Icons																*/
/* -------------------------------------------------------------------------------------------- */
#video { width: 335px; float: left; margin-top: 10px; }
#video-frame { padding: 4px; border: 1px solid #ddd; }
#slider { float:left; border: 1px solid #ddd; margin-top:10px;  margin-left:20px; width: 313px; height:191px;}
#slider .sl_inside { width:313px; height:191px; overflow:hidden; }
#slider .sl_wrapper { width:40000px; height: 191px}
#slider .sl_wrapper .sl_block { float:left;width:273px; height:151px; padding:20px}
#slider .sl_wrapper .sl_block h1 { border-bottom:1px dotted #ccc; font-size:14pt; font-weight:bold; margin:0px}
#slider .sl_wrapper .sl_block p { margin-top:10px; margin-bottom:10px}
#slider a.prev { position:relative; display:block; width:31px;height:30px; background: transparent url('images/slider-arrows.png') no-repeat; left: -15px; top: -110px}
#slider a.prev:hover { background-position:0px -30px}
#slider a.prev span { display:none}
#slider a.next { position:relative; display:block; width:31px;height:30px; background: transparent url('images/slider-arrows.png') -31px 0px no-repeat; left: 298px; top: -140px}
#slider a.next:hover { background-position:-31px -30px}
#slider a.next span { display:none}

/*#social { width: 50%; float: right; }
#social h3 { margin: 45px 0 0 47px; color: #033; font: bold 14pt "times new roman", times, serif; }
#social ul { display: block; height: 60px; margin: 15px 33px 15px 32px; list-style-type: none; }
#social ul li { float: left; margin: 0 15px; }
#social ul li a { display: block; width: 60px; height: 60px; }
#social img { border: none; }*/



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

/* -------------------------------------------------------------------------------------------- */
/* Featured Posts																				*/
/* -------------------------------------------------------------------------------------------- */
#featured-posts { margin: 20px 0 0; padding: 0 0 10px; border-bottom: 3px double #ddd; }
.featured-title {
	padding: 0 10px;
	background: #f0f3f3 none;
	font-size: 11pt !important;
	line-height: 30px;
	border: 1px solid #b4b7b7; border-left: 10px solid #4c7e73;
}
.featured-post { width: 125px; padding: 0 20px; text-align: center; float: left; }
.featured-post p { margin: 0 !important; text-align: center; }
.featured-thumbnail {
	margin: 0 0 5px;
	padding: 4px;
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
}

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

/* -------------------------------------------------------------------------------------------- */
/* Comments																						*/
/* -------------------------------------------------------------------------------------------- */
h3#comments { clear: both; }
.commentlist { margin: 0 0 20px 20px; list-style-type: decimal; font-size: 14px; }
.comment-author { margin: 0 0 2px; }
.comment-author cite { font-weight: bold; text-transform: uppercase; }
.comment-meta { margin: 0 0 10px; padding: 0 0 5px; font-size: 12px; border-bottom: 1px dotted #ccc; }
.comment-body {
	position: relative;
	margin: 0 0 5px 10px;
	padding: 15px 25px;
	background: #f0f3f3;
}
#respond { margin: 0 0 20px; }
#commentform label { color: #033; font: 11px Arial, Helvetica, sans-serif; }
#commentform input {width: 33%;}
#commentform textarea {width:75%;}
#commentform #submit {width: 20%;}
.comment-body .arrow {
	position: absolute; left:-10px; top:13px;
	display: block; width:0; height:0;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-right: 10px solid #f0f3f3;
}
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Sidebar																						*/
/* -------------------------------------------------------------------------------------------- */
#sidebar ul li {
	display: block;
	margin-bottom: 15px;
	background: #4c7e73 url(images/menu-title.png) no-repeat left top;
	color: #fff;
	font: bold 12px arial, helvetica, sans-serif;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
}
#sidebar ul li ul {
	padding: 5px 0;
	background: #f0f3f3;
	border-top: #fff 1px solid;
	border-bottom: #b4b7b7 1px solid;
}
#sidebar ul li ul li {
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
	text-transform: none;
	line-height: 19px;
}
#sidebar ul li ul li a:link,
#sidebar ul li ul li a:visited {
	display: block;
	margin: 0;
	padding: 0 15px;
	color: #033;
	font: bold 13px arial, helvetica, sans-serif;
	line-height: 19px;
	text-decoration: none;
}
#sidebar ul li ul li a:hover,
#sidebar ul li ul li a:active {
	background: #c7d6d3 url(images/menu-hover.png) no-repeat 2px center;
}
#sidebar ul li ul li ul {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#sidebar ul li ul li ul li {
	margin: 0;
	padding: 0;
	line-height: 15px;
}
#sidebar ul li ul li ul li a:link,
#sidebar ul li ul li ul li a:visited {
	padding: 0 15px 0 30px;
	color: #000;
	font: bold 12px arial, helvetica, sans-serif;
	line-height: 15px;
}
#sidebar ul li ul li ul li a:hover,
#sidebar ul li ul li ul li a:active {
	
}

#sidebar a.selected {
	background: #4c7e73 url(images/menu-selected.png) no-repeat 2px center !important;
	color: #fff !important;
}
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Header																						*/
/* -------------------------------------------------------------------------------------------- */
#header { color: #fff; }
#header a:link, #header a:visited { color: #fff; text-decoration: none; }
#header a:hover, #header a:active { text-decoration: underline; }
#header ul li { font: 12px/30px Arial, Helvetica, sans-serif; float: left; }
/* Logo */
#logo a { display: block; width: 140px; height: 150px; text-indent: -10000px; }
/* Topbar */
#topbar ul li { padding: 0 3px 2px; background: url(images/bg_topbar.png) repeat-x; }
#topbar ul li#topbar-left, #topbar ul li#topbar-right { display: block; width: 14px; }
#topbar ul li#topbar-left { background: url(images/topbar-left.png) no-repeat left top; }
#topbar ul li#topbar-right { background: url(images/topbar-right.png) no-repeat left top; }
/* Navbar */
#navbar ul li {
	padding: 0 10px 0 12px;
	background: url(images/navbar-vline.png) no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}
/* Search */
#search label { padding-right: 5px; }
#search input { vertical-align: middle;}
#search #searchsubmit {
	width: 24px; height: 24px;
	background: url(images/go.png) no-repeat center center;
	border: none;
}
/* -------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------- */
/* Footer																						*/
/* -------------------------------------------------------------------------------------------- */
#footer { color: #ddd; font: 11px/130% Arial, Helvetica, sans-serif; text-align: center; }
#footer a { color: #fff; font-size: 12px; font-weight: bold; }
#footer p a { color: #ddd; font-size: 11px; font-weight: normal; }
#footer div.social { /*position:relative; top: -70px; left: 650px*/ width:96px;height:40px; margin:auto}
#footer div.social a span { display:none}
#footer div.social a.facebook { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') no-repeat }
#footer div.social a.twitter { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') -32px 0px no-repeat }
#footer div.social a.youtube { float:left; display:inline; width:32px; height:28px; background: transparent url('images/social.png') -64px 0px no-repeat }

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