/*
Theme Name: deStyle
Theme URI: http://www.swf.hu
Description: Swf.hu portal theme beased on deStyle
Version: 0.9.1
Author: Simon Rimkus, Atilla Papp
Author URI: http://swf.hu
Tags: community portal, 2 column
*/


/* ################################################################# common */

body {
	margin: 0px;
	padding: 0px;
	background: url(img/site_back2.gif);
	background-repeat: repeat-x;
	/* background-color: #5f8ac5;*/
	background-color: #ffffff;
	color: #555;
	font-family: "Lucida sans", Helvetica, Arial, sans-serif; 
	/* font-family:Georgia, 'Times New Roman', Times, serif;*/
	font-size: 12px;
	}
a {
	color: #cc0033;
	outline: none;
	text-decoration: underline;
	}
a:hover {
	color: #cc0033;
	outline: none;
	text-decoration: none;	
	}	
img {
	border: none;
	}
p, ul, ol, dl {
	line-height: 1.6em;
	margin: 0 0 20px 0;
	}
hr {
	height: 1px;
	margin: 10px 0px;
	background: #c7d6eb;
	border: none;
	clear: both;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
	padding: 0px;
	line-height: normal;
	}
h1 {
	font-size: 21px;
	}
h2 {
	font-size: 20px;
	}
h3 {
	font-size: 16px;
	}
h4, h5, h6 {
	margin-bottom: 10px;
	}
blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 50px;
	background: transparent url(img/bg-blockquote.png) no-repeat left top;
	font-style: italic;
	}
address {
	padding: 0 0 0 15px;
	font-style: italic;
	}
dt {
	font-weight: bold;
	}



/* ################################################################# layout */


#page {
	width: 1080px;
	margin: 0px auto;
	}


/* ################################################################# header */


#header {
	position: relative;	
	width:1080 px;
	height: 133px;
	margin: 0 auto;
	}
#header_header {
	}
#header_body {
	}
#header_footer {
	}	
#header_logo { /* swf.hu top logo */
	width: 500px;
	float: left;
	text-align: left;
	padding-top: 20px;
	}
#header_share { /* twitter, rss */
	width: 580px; 
	float: left;
	text-align: right;
	padding-top: 60px;	
	}
#header_share a {
	color: #9fb9dc;
	text-decoration: none;
	}
#header_share a:hover {
	color: #fff;
	text-decoration: underline;	
	}
	
	
/* ################################################################# mainmenu */


#mainmenu { /* swf.hu mainmenu */
	font-size: 15px;
	font-weight: bold;
	height: 42px;
	background-image: url(img/mainmenu_back.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#mainmenu ul {
	list-style: none;
	padding: 8px 0px 0px 0px;
	margin: 0;
	}
#mainmenu li {
	float: left;
	padding: 0 12px;
	}
#mainmenu li a {
	text-decoration: none;
	display: block;
	color: #fff;
	}
#mainmenu li a:hover {
	text-decoration: underline;	
	display: block;
	color: #fff;
	}
#mainmenu li.current a {
	color: #c7d6eb;
	}


/* ################################################################# content */


#page-full #content {
	background: #fff;
	}
#content {
	padding: 25px;
	background-color: #fff;	
	}
#content-top {
	height: 12px;
	background: transparent url(img/content_header.png);
	background-repeat: no-repeat;
	}
#content-bottom {
	height: 12px;
	background: transparent url(img/content_footer.png);
	background-repeat: no-repeat;
	}
#content-left {
	display: inline;
	float: left;
	width: 700px;
	}
#content-right {
	float: right;
	width: 310px;
	}

/* ################################################################# article */


#content-left table{
	width: 100%; padding: 5px; border: none; border: 1px solid #cfdced;
	margin-bottom: 15px;
	}
#content-left table td{
	border: none; background-color: #eff3f9;
	padding: 3px;
	}
#content-left table th{
	border: none; background-color: #cfdced;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	}	
	

.box-left { /* article full box */ 
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	line-height: 22px;
	background: #fff;	
	border-bottom: 1px solid #e4ebf5; 
	}
.article-left { /* article image */
	position: relative;
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	z-index: 4;
	}
.article-right { /* article text box */
	float: right;
	width: 450px;
	padding: 0px;
	margin: 0px;
	}
h2.article-title { /* article title */
	margin: 0 0 10px;
	color: #90aed7;	
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-style: italic; 
	font-size: 30px; 
	font-weight: normal;
	}
h2.article-title a {
	color: #cc0033;
	text-decoration: none;
	}
h2.article-title a:hover {
	color: #90aed7;	
	text-decoration: underline;
	}
.article-meta, .article-meta a { /* article data */
	margin: 0 0 5px 0;
	color: #90aed7;
	}	
.article-img, object { /* post thumbnail */
	padding: 15px;
	background: #eff3f9;
	}
.article-img:hover {	
	background: #cddaed;
	}
.article-text img { /* img in post */
	padding: 15px;
	background: #eff3f9;
	}	
a:hover .article-img {
	background: #e4ebf5;
	}
.comments-link {
	font-weight: bold;
	color: #fff;
	}


/* sidebar */


.box-right {
	margin: 0px 0px 15px 0px;
	padding: 20px;
	border-bottom: 2px solid #e4ebf5;
	border-right: 2px solid #e4ebf5;	
	background-color: #eff3f9;
	}
h3.sidebar-title {
	margin: 0 0 10px;
	padding: 0px;
	line-height: 16px;
	color: #cfdced;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}

.box-full {
	margin: 0px;
	padding: 0 0 1px;
	line-height: 22px;
	}
#content ul, #content ol {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	}
#content li {
	padding: 2px 0;
	list-style: disc;
	}

#content ol li {
        list-style: decimal;
}

#content li ul, #content li ol {
        margin: -2px 0 -2px 20px;
        padding: 0px;
}

#content li li {
        list-style: circle;
        background: none;
}

#content ol li li {
        list-style: upper-roman;
}

#content li li li {
        list-style: square;
}

#content ol li li li {
        list-style: lower-latin;
}

h1.category-title {
	margin: 0 0 30px;
	padding: 0 0 10px;
	color: #cc0033;
	border-bottom: 1px solid #eeeee9;
	}
img.article-img-single, .box-author img.avatar {
	float: left;	
	margin: 0 20px 20px 0;
	padding: 10px;
	background: #eeeee9;
	}
.img-caption {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background: transparent url(img/bg-img-caption.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	}
.img-caption a {
	background: transparent;
	color: #fff;
	text-decoration: none;
	}
img.shadow {
	background: transparent url(img/shadow.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	}
img.gallery {
	padding: 5px;
	background: #c7d6eb;
	border: none!important;
	}

.article-teaser {
        font-weight: bold;
}

a.more-link {
        display: block;
        margin: 0px 0px 0px 0px;
}

h3.content-title {
	margin: 0 0 10px 0;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: normal;
}

#author-single {
        position: relative;
}

#author-single .avatar {
        float: left;
        width: auto;
        margin: 0 20px 30px 0;
}

#page-bookmarks {
        margin: 0px;
        padding: 0px;
        line-height: 22px;
        border-bottom: 1px solid #eeeee9;
}

#page-bookmarks .box-left {
        float: left;
        width: 255px;
        margin: 0 20px 0 0;
        padding: 0 0 10px;
        line-height: 22px;
        border-bottom: none;
}


/* ################################################################# predefined */

.btn {
        padding: 5px 10px 6px;
        background: transparent url(img/bg-btn.png) no-repeat left top;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
}

.alert {
        padding: 10px 10px 10px 60px;
        line-height: 20px;
        border: 1px dotted #eeeee9;
        background: #fffad2 url(img/bg-class-alert.png) no-repeat 10px 10px;
}

.checked {
        padding: 10px 10px 10px 60px;
        line-height: 20px;
        border: 1px dotted #eeeee9;
        background: #fffad2 url(img/bg-class-checked.png) no-repeat 10px 10px;
}



/* ################################################################# forms */

#searchform {
	}

.box-left #searchform {
        width: 270px;
}

#search-text {
        float: left;
        width: 218px;
        height: 22px;
        padding: 6px 5px 0 5px;
        background: transparent url(img/bg-input-text.gif) repeat-x left top;
        border: 1px solid #eeeee9;
        font-size: 11px;
}

#search-submit {
        float: right;
        width: auto;
        height: 30px;
        color: #fff;
        background: transparent url(img/bg-input-submit.png) no-repeat left top;
        border: none;
}

input.text, textarea {
        width: 75%;
        padding: 5px;
        background: #fff url(img/bg-input-text.gif) repeat-x left top;
        border: 1px solid #eeeee9;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 11px;
}

textarea {
        width: 90%;
        height: 125px;
}

input.submit, input.button {
        width: auto;
        height: 30px;
        padding: 0 20px;
        color: #fff;
        background: transparent url(img/bg-input-submit.png) no-repeat left top;
        border: none;
}


/* ################################################################# comments */

#content .commentlist ol {
        margin: 0px;
        padding: 0px;
}

#content .commentlist li {
        margin: 20px 0 0 0;
        padding: 20px 0 20px 20px;
        list-style: none;
}

#content .commentlist .box-left {
        margin: 30px 0 0;
        padding: 0px;
        border: none;
}

.commentlist .avatar {
        float: left;
        width: auto;
        margin: 0px 20px 0px 0px;
		border: 6px solid #e4ebf5; 
}

.commentlist li p {
        margin: 0 20px 10px 0;
}

.commentlist .comment-author {
        font-size: 12px;
        font-weight: bold;
}

.commentlist .comment-author a {
        padding: 0 0 5px 0;
        border: none!important;
}

#content .commentlist ul.children {
        margin: 0px;
        padding: 0px;
}

#content .commentlist .children li {
        margin: 20px 0 0 0;
        padding: 20px 0 20px 20px;
        background: none;
        border-right: none;
}

.reply a {
        margin: 10px 0 0 0;
        padding: 5px 10px;
        background: transparent url(img/bg-input-submit.png) repeat-x left top;
        color: #fff;
        border: none!important;
        text-decoration: none;
}

#cancel-comment-reply {
        margin: 10px 0;
}

#content .commentlist li.depth-1, #content .commentlist li.depth-3, #content .commentlist li.depth-5 {
       /* background: #eeeee9 url(img/bg-comment-top.png) no-repeat left top; */
	   	border-bottom: 1px solid #e4ebf5; 
}

#content .commentlist li.depth-2, #content .commentlist li.depth-4, #content .commentlist li.depth-6 {
        /* background: #fff url(img/bg-comment-top-1.png) no-repeat left top;
        border-right: 1px solid #ebebe1; */
}

#content .commentlist li.depth-4, #content .commentlist li.depth-6 {
        border: none;
}

.moderation {
        padding: 0 0 0 25px;
        background: transparent url(img/bg-moderation.png) no-repeat left center;
}

.trackbacklist {
        margin: 30px 0 0;
        padding: 30px 0 0;
        border-top: 1px solid #eeeee9;
}

#content .trackbacklist ul {
        margin: 0 0 20px;
}

#commentform {
        padding: 0 0 10px 0;
}

#commentform p {
        margin: 0 0 10px 0;
}

.box-comments {
        position: relative;
        padding: 0 0 30px;
}

.comments-paging {
        position: absolute;
        top: 0px;
        right: 0px;
}


/* ################################################################# pagenavi */

#paging {
        margin: 0 0 30px;
}

.wp-pagenavi .pages {
        float: right;
        width: auto;
}

.wp-pagenavi a, .wp-pagenavi .current {
        display: block;
        float: left;
        width: auto;
        min-width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        background: transparent url(img/bg-paging.png) no-repeat left top;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
}

.wp-pagenavi .current {
        background: transparent url(img/bg-paging-current.png) repeat-x left top;
}



/*        ##################################
           CLEARING
        ################################## */

.clear {
        clear: both;
}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*        ##################################
           WORDPRESS CSS
        ################################## */

.aligncenter,
div.aligncenter {
           display: block;
           margin: 0 auto;
}

.aligncenter {
        margin-bottom: 20px!important;
}

.alignleft {
           float: left;
           width: auto;
           margin: 0 20px 20px 0;
}

.alignright {
           float: right;
           width: auto;
           margin: 0 0 20px 20px;
}

.wp-caption {
        margin-bottom: 20px;
        padding-top: 4px;
           border: 1px solid #eeeee9;
           text-align: center;
           background-color: #f7f7f7;
}

.wp-caption img {
           float: none;
           margin: 0px;
           padding: 0px;
           border: none;
}

.wp-caption p.wp-caption-text {
           padding: 0px;
          margin: 0px;
}


/*        ##################################
           WIDGET CSS
        ################################## */


#content-right #tag_cloud {
        padding: 0 0 30px;
        line-height: normal;
}

#content-right .textwidget {
        line-height: 22px;
        padding-bottom: 20px;
}

#content-right select#cat {
        margin-bottom: 20px;
}


/* ################################################################# footer */


#footer {
	position: relative;
	padding: 0 0 30px 0;
	line-height: 22px;
	text-align: center;
	color: #9fb9dc;
	}
#footer_header {
	}
#footer_body {
	padding: 20px;	
	}
#footer_footer {
	}	
#footer a {
	color: #c7d6eb;
	}
#footer a:hover {
	color: #fff;
	}