/* ----------------------------------------------------------------
Theme Name: M-zine
Theme URI: http://mzine.themenine.com
Description: A slick, powerful and clean theme.
Author: HawkTheme
Author URI: http://hawktheme.com
Tags: custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
 ----------------------------------------------------------------*/


/*
* PLEASE DO NOT EDIT THIS FILE!
* To make it easy to update your theme, you should not edit the styles in this file. 
*/

/*---------------------------------------------------------------
TABLE OF CONTENTS

0. CSS Reset & Clearfix
1. GLOBAL
2. LAYOUT & COLUMNS
3. HEADER
4. POST LISTS
5. IMAGE FADE & IMAGE PRELOADER
6. PAGINATION
7. PAGE 404
8. SINGLE PAGE
9. AUTHOR INFO
10. RELATED POSTS
11. COMMENTS
12. REPLY COMMENT
13. TOP POSTS
14. ARCHIVES PAGE
15. FOOTER

-----------------------------------------------------------------*/
hr {border: 1px solid #E0E0E0;margin: 30px 0 30px 0;}

.iconbox {margin: 30px 0 30px 0;background-color: #f2f2f2;padding: 20px;}
.werbung {padding-bottom: 35px;}
.widget_categories li {line-height: 220%;}

.category-tipps .post-meta, .category-wissenswertes .post-meta {display: none;	}

.gallery {padding-bottom: 40px;}

.teaser_text {font-style: italic; font-size: 1.5em;line-height: 1.2em;padding-bottom: 20px;font-family: Georgia, "Times New Roman", serif;}


.widget-comments li, .widget-tweets li, .widget-posts li, .widget-category-posts-3-2-1 div.top-post a {font-size: 1.2em;}

.widget-recent-posts .post-meta, #sidebar .widget-recent-posts .post-meta a:hover {display: block!important; font-size: 12px!important;}

a.title:hover {text-decoration: none;}
a.title {line-height: 13px;}

.breadcrumb {
float: left;
font-size: 11px;
background-color: white;
margin-top: 20px;
padding: 10px 20px 0 20px;
width: 960px;
}
.single-post .breadcrumb, .category .breadcrumb, .page-template-default .breadcrumb, .tag .breadcrumb, .search .breadcrumb, .archive .breadcrumb  {
width: 620px;
}
.search .post-lists, .search .post-lists li {background-color: #fff!important; top: -121px;}

.post-single-entry .post-meta {
font-size: 10px;
border-bottom: 3px solid #f1f1f1;
padding-bottom: 15px;
}

.post-single-entry h2 {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 120%;	
}

.post-single-entry {
background-color: #fff!important;
width: 620px;
}

.post-single-entry h2 {
color: #333!important;
}

.single-post .right-side #sidebar {
position: relative;
top: -121px;
margin-top: 0;}

.widget h3, .related-posts h3 {
font-size: 17px!important;
text-transform: uppercase;
}

.footer-widgets .widget h3 {
ont-size: 13px!important;
text-transform: none;
padding-bottom: 5px;
}

.post-single,
.author-info,
.related-posts,
#comments,
#respond {
	padding: 1px 20px 20px 20px;
	}

.post-single a { text-decoration: underline;}


.post-single, .related-posts {background-color: #fff!important;}

.widget-posts .post-meta {display: none;}

.post-lists li .post-meta span:last-child { 
	display: none;
	}

a:hover {color: #000;text-decoration: underline;}
.widget-search .searchbox input[type="submit"] {
float: left;
width: 85px;
border: none;
cursor: pointer;
height: 38px;
}

.footer-widgets .column-3 .widget-search .searchbox input[type="text"] {
-webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.4);width: 213px;
}

.widget-category-posts-3-1-3 li.top-post .title, .widget-category-posts-3-2-4 div.top-post .title {color: #fff;}

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

::-moz-selection{ background: #f7d84b; color:#1e1a17; text-shadow: none; }
::selection { background: #f7d84b; color:#1e1a17; text-shadow: none; }

/*----------------HTML5 display-role reset for older browsers---------------- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
	display: block;
	margin: 0;
	padding: 0;
	}


h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: bold;
	}

ol, ul {
	list-style: none;
	}

blockquote {
	quotes: none;
	}

blockquote:before, blockquote:after {
	content: '';
	content: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 10px;
	}

sup {
	bottom: 1ex;
	}

sub {
	top: .5ex;
	}
	
cite,
em,
i {
	font-style: italic;
	}
	
big {
	font-size: 131.25%;
	}
	
ins {
	background: #FFFFCC;
	text-decoration: none;
	}
	
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
	}
	
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
	}

img {
	vertical-align: top;
	}

a img {
	border: none;
	}

a, a:focus {
	outline: none;
	text-decoration: none; 
	}

input:focus { outline: none; }

.hide { display: none; }

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ 

.clear-fixed {
	height: 100%;
	overflow: hidden;
	}

.alignleft {
	float: left;
	text-align: left;
	margin-right: 20px; 
	}

.alignright {
	float: right;
	text-align: right;
	margin-left: 20px; 
	}

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



/*-------------------------------------
   1. GLOBAL
-------------------------------------*/
body,
input, 
textarea {
	font: 12px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

a, a:hover { text-decoration: none;}



/*-------------------------------------
   2. LAYOUT & COLUMNS
-------------------------------------*/

/*--layout--*/
.layout-width {
	width: 1000px;
	margin: 0 auto;
	}

body.fluid #wrap { 
	width: 100%;
	}

body.fixed #wrap { 
	width: 1040px; 
	margin: 0 auto;
	}

#content,
#sidebar {
	float: left;
	}

#content {
	width: 660px;
	padding-bottom: 30px;
	}

#sidebar {
	width: 310px;
	}

.left-side #sidebar {
	margin-right: 30px;
	}

.right-side #sidebar {
	margin-left: 30px;
	margin-top: -28px;
	}

.fullwidth #content {
	width: 1000px;
	float: none;
	}

.custom-home  #content { 
	padding-bottom: 0;
	}


/*--columns--*/
.column-2,
.column-3,
.column-4 {
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	}

.column-2 {
	width: 485px;
	}

.column-3 {
	width: 313px;
	}

.column-4 {
	width: 227px;
	}

.column-side-2-1 {
	float: left;
	width: 140px;
	margin-right: 30px;
	}

.column-last {
	margin-right: 0;
	}



/*-------------------------------------
   3. HEADER
-------------------------------------*/
header {
	margin: 25px 0 0 0;
	}

body.home header {
	margin-bottom: 30px;
	}

.topbar {
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	}

#top-menu {
	float: left;
	}

#top-menu ul li {
	float: left;
	margin-right: 15px;
	}

.top-media {
	float: right;
	}

.top-media a {
	margin-left: 15px;
	}

.site-logo,
.site-name {
	float: left;
	}

.site-name h1 {
	font-size: 30px;
	padding-bottom: 10px;
	}

.top-ad {
	float: right;
	}

#main-menu ul {
	height: 45px;
	line-height: 45px;
	background-image: url(http://freelancer-karlsruhe.de/projekt/bier-entdecken/wp-content/themes/m-zine/assets/images/shortcode/button-yellow.png);
background-position: 0;
	}

#main-menu ul li {
	float: left;
	border-right: 1px solid #C2H047;
	}

#main-menu ul li:nth-child(1) {
	background: none;
	}

#main-menu ul li a {
	display: block;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 0 20px;
	}

#main-menu ul li ul {
	height: auto;
	padding: 10px 0 10px 10px;
	background-image: none;
	}

#main-menu ul li ul li {
	margin: 0;
	padding: 0;
	background: none;
	}

#main-menu ul li ul li a {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	overflow: hidden;
	}

#main-menu ul li a .downarrowclass,  
#main-menu ul li a.selected .downarrowclass {
	background-image: url(assets/images/downarrow.png);
	background-repeat: no-repeat; 
	}

#main-menu ul li a .downarrowclass {
	background-position: 100% 0;
	}

#main-menu ul li a.selected .downarrowclass {
	background-position: 0 0;
	}

#main-menu ul li a .rightarrowclass,  
#main-menu ul li a.selected .rightarrowclass {
	background-image: url(assets/images/rightarrow.png);
	background-repeat: no-repeat; 
	}

#main-menu ul li a .rightarrowclass {
	background-position: 0 0;
	}

#main-menu ul li a.selected .rightarrowclass {
	background-position: 100% 0;
	}

.breadcrumb {
	padding-top: 10px;
	}

.breadcrumb .arrow { 
	padding: 0 5px; 
	}



/*-------------------------------------
   4. POST LISTS
-------------------------------------*/
/*--POST LIST COMMON--*/
.post-lists li {
	padding: 20px 0;
	}

.post-lists li .post-meta span{
	padding: 0 5px;
	}


.post-lists li .post-excerpt,
.post-lists li .read-more {
	padding-top: 10px;
	}


/*--POST LISTS 1--*/
.post-lists-1 li {
	margin: 0 20px;
	height: 100%;
	overflow: hidden;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

.post-lists-1 li:last-child {
	background: none;
	}

.post-lists-1 li .post-thumb{ 
	float: left;
	width: 82px;
	height: 82px;
	}

.post-lists-1 li .post-entry{
	margin-left: 110px;
	}


/*--POST LISTS 2--*/
.post-lists-2 li {
	padding: 20px;
	margin-bottom: 0;
	height: 100%;
	overflow: hidden;
	background-color: #fff!important;
	}

.post-lists-2 li:last-child {
	margin-bottom: 0;
	}

.post-lists-2 li .post-thumb{ 
	float: left;
	width: 152px;
	height: 152px;
	}

.post-lists-2 li .post-entry {
	margin-left: 185px;
	}


/*--POST LISTS 3--*/
.post-lists-3 li {
	padding: 20px 21px;
	margin-bottom: 30px;
	height: 100%;
	overflow: hidden;
	}

.post-lists-3 li:last-child {
	margin-bottom: 0;
	}

.post-lists-3 li .post-thumb { 
	width: 609px;
	height: 202px;
	margin-bottom: 15px;
	}

.post-lists-3 li .post-entry h2 {
	margin-bottom: 3px;
	}


/*--POST LISTS 4--*/
.post-lists-4 {
	padding: 0 20px;
	}

.post-lists-4 li {
	float: left;
	width: 295px;
	padding: 0;
	margin: 20px 30px 20px 0;
	}

.post-lists-4 li.last {
	margin-right: 0;
	}

.post-lists-4 li .post-thumb { 
	width: 287px;
	height: 132px;
	margin-bottom: 15px;
	}

.post-lists-4 li .post-entry h2 {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	}

/*--NO POST--*/
.no-post {
	padding-top: 50px;
	text-align: center;
	}

.no-post p {
	padding-top: 10px;
	}


/*-------------------------------------------------------------
   5. IMAGE FADE & IMAGE PRELOADER
--------------------------------------------------------------*/
.post-thumb {
	position: relative;
	padding: 4px;
	background: url(assets/images/transparent.png);
	}

.post-thumb .post-thumb-overlay {
	display: block;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background: url(assets/images/space.png);
	}

.post-thumb-preloader a.preloader .image-loading {
	display: block;
	position: relative;
	background-image: url(assets/images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

.post-lists-1 li .post-thumb-overlay,
.post-lists-1 li a.preloader .image-loading {
	width: 82px;
	height: 82px;
	}

.post-lists-2 li .post-thumb-overlay,
.post-lists-2 li a.preloader .image-loading {
	width: 152px;
	height: 152px;
	}

.post-lists-3 li .post-thumb-overlay,
.post-lists-3 li a.preloader .image-loading {
	width: 609px;
	height: 202px;
	}

.post-lists-4 li .post-thumb-overlay,
.post-lists-4 li a.preloader .image-loading {
	width: 287px;
	height: 132px;
	}

.widget-ads li .post-thumb-overlay,
.widget-ads li a.preloader .image-loading {
	width: 127px;
	height: 127px;
	}

.widget-comments li .post-thumb-overlay,
.widget-comments li a.preloader .image-loading {
	width: 66px;
	height: 66px;
	}

.widget-posts li .post-thumb-overlay,
.widget-posts li a.preloader .image-loading,
.widget-photo-posts li .post-thumb-overlay,
.widget-photo-posts li a.preloader .image-loading {
	width: 72px;
	height: 52px;
	}

.widget-category-posts-3-1-3 li.top-post .post-thumb-overlay,
.widget-category-posts-3-1-3 li.top-post a.preloader .image-loading  {
	width: 275px;
	height: 142px;
	}

.widget-category-posts-3-2-1 div.top-post .post-thumb-overlay,
.widget-category-posts-3-2-1 div.top-post a.preloader .image-loading {
	width: 287px;
	height: 132px;
	}

.widget-category-posts-3-2-3 li .post-thumb-overlay,
.widget-category-posts-3-2-3 li a.preloader .image-loading {
	width: 181px;
	height: 112px;
	}

.widget-category-posts-3-2-4 div.top-post .post-thumb-overlay,
.widget-category-posts-3-2-4 div.top-post a.preloader .image-loading {
	width: 290px;
	height: 192px;
	}

.widget-category-posts-3-2-4 li .post-thumb-overlay,
.widget-category-posts-3-2-4 li a.preloader .image-loading {
	width: 60px;
	height: 52px;
	}

.widget-category-posts-2-1-1 div.top-post .post-thumb-overlay,
.widget-category-posts-2-1-1 div.top-post a.preloader .image-loading {
	width: 202px;
	height: 112px;
	}

.widget-category-posts-2-1-3 li .post-thumb-overlay,
.widget-category-posts-2-1-3 li a.preloader .image-loading,
.widget-category-posts-5-3-3 li .post-thumb-overlay,
.widget-category-posts-5-3-3 li a.preloader .image-loading {
	width: 122px;
	height: 122px;
	}

.widget-category-posts-2-1-4 li .post-thumb-overlay,
.widget-category-posts-2-1-4 li a.preloader .image-loading {
	width: 202px;
	height: 112px;
	}

.widget-category-posts-4-1-1 div.top-post .post-thumb-overlay,
.widget-category-posts-4-1-1 div.top-post a.preloader .image-loading {
	width: 189px;
	height: 82px;
	}

.widget-category-posts-5-2-1 li .post-thumb-overlay,
.widget-category-posts-5-2-1 li a.preloader .image-loading,
.widget-category-posts-5-2-2 li .post-thumb-overlay,
.widget-category-posts-5-2-2 li a.preloader .image-loading,
.widget-category-posts-5-2-4 li .post-thumb-overlay,
.widget-category-posts-5-2-4 li a.preloader .image-loading {
	width: 99px;
	height: 72px;
	}

.widget-category-posts-5-2-3 li .post-thumb-overlay,
.widget-category-posts-5-2-3 li a.preloader .image-loading {
	width: 152px;
	height: 110px;
	}

.widget-category-posts-5-3-1 li .post-thumb-overlay,
.widget-category-posts-5-3-1 li a.preloader .image-loading {
	width: 160px;
	height: 110px;
	}

.widget-category-posts-5-3-2 div.top-post .post-thumb-overlay,
.widget-category-posts-5-3-2 div.top-post a.preloader .image-loading {
	width: 256px;
	height: 142px;
	}

.related-posts li .post-thumb-overlay,
.related-posts li a.preloader .image-loading {
	width: 132px;
	height: 82px;
	}

.top-popular-posts li .post-thumb-overlay,
.top-popular-posts li a.preloader .image-loading {
	width: 137px;
	height: 102px;
	}


/*-------------------------------------
   6. PAGINATION
-------------------------------------*/

/*-- WP PAGINATION --*/
.pagination,
.normal-pagination {
	margin-top: 30px;
	}

.pagination a, 
.pagination span { 
	 display: block;
	 float: left;
	 height: 25px;
	 line-height: 25px;
	 padding: 0 10px;
	 margin-right: 5px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	 color: #fff;
	 border: 3px solid #1A150F;
	}

.pagination a:hover, .pagination .current {color: #E4A92D;} 
.pagination .current {font-weight: bold;} 


/*-- NORMAL PAGINATION --*/
.normal-pagination span,
.normal-pagination span a {
	display: block;
	height: 25px;
	line-height: 25px;
	}

.normal-pagination span.prev {
	 float: left;
	}

.normal-pagination span.next {
	 float: right;
	}

.normal-pagination span a {
	 padding: 0 10px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	}


/*-- COMMENT PAGINATION --*/
.comment-pagination {
	margin-top: 30px;
	}

.comment-pagination a, 
.comment-pagination span { 
	 display: block;
	 float: left;
	 height: 25px;
	 line-height: 25px;
	 padding: 0 10px;
	 margin-right: 5px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	}


/*-------------------------------------
   7. PAGE 404
-------------------------------------*/
.page-error {
	padding: 80px 0;
	text-align: center;
	}

.page-error h1 {
	font-size: 36px;
	margin-bottom: 15px;
	}

.page-error h3 {
	font-size: 16px;
	margin-bottom: 15px;
	}

.page-error p {
	font-size: 14px;
	}


/*-------------------------------------
   8. SINGLE PAGE
-------------------------------------*/

.post-single-entry {
	padding: 15px 20px;
	}

.post-single-entry .post-meta span {
	padding: 0 5px;
	}

.post-single .tags {
	font-weight: bold;
	padding-top: 20px;
	background: url(assets/images/title-line.png) repeat-x 0 0;
	}

.post-single .edit-link {
	margin-top: 15px;
	}

/*-------------------------------------
   9. AUTHOR INFO
-------------------------------------*/
.author-info {
	margin-top: 30px;
	}

.author-info dt {
	float: left;
	width: 66px;
	}

.author-info dd {
	margin-left: 95px;
	}

.author-info dd h5 {
	margin-bottom: 10px;
	}


/*-------------------------------------
   10. RELATED POSTS
-------------------------------------*/
.related-posts {
	margin-top: 30px;
	padding-top: 20px;
	}

.related-posts h3 {
	background: url(assets/images/title-line.png) repeat-x 0 100%;
	padding-bottom: 15px;
	}

.related-posts ul {
	width: 640px;
	margin-left: -20px;
	}

.related-posts li {
	float: left;
	width: 140px;
	margin: 20px 0 0 20px;
	}

.related-posts li h5 {
	height: 40px;
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
	}


/*-------------------------------------
   11. COMMENTS
-------------------------------------*/
#comments {
	margin-top: 30px;
	}

#comments-title {
	background: url(assets/images/title-line.png) repeat-x 0 100%;
	padding-bottom: 15px;
	}

#comments #respond {
	margin: 0;
	padding: 20px 0 0;
	}

#comments #respond #reply-title small {
	margin-left: 20px;
	}

#comments ol.commentlist li dl,
#comments ol.commentlist li ul.children dl {
	padding: 30px 0;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

#comments ol.commentlist li:last-child dl {
	padding-bottom: 0;
	background: none;
	}

#comments ol.commentlist li .comment-auther {
	float: left;
	text-align: center;
	width: 76px;
	}

#comments ol.commentlist ul.children li .comment-auther {
	float: left;
	text-align: center;
	width: 58px;
	}

#comments ol.commentlist li .comment-auther figure {
	width: 66px;
	height: 66px;
	}

#comments ol.commentlist ul.children li .comment-auther figure {
	width: 50px;
	height: 50px;
	}

#comments ol.commentlist ul.children .avatar {
	width: 48px;
	height: 48px;
	}

#comments ol.commentlist li .comment-auther .reply {
	padding-top: 8px;
	}

#comments ol.commentlist li .comment-content {
	margin-left: 95px;
	}

#comments ol.commentlist ul.children li .comment-content {
	margin-left: 80px;
	}

#comments ol.commentlist li .comment-meta cite.fn {
	padding-right: 10px;
	}

#comments ol.commentlist li .comment-meta small {
	padding-left: 10px;
	}

#comments ol.commentlist li .comment-body {
	padding-top: 10px;
	}

#comments ol.commentlist li .noapproved {
	margin-bottom: 10px;
	}

#comments ol.commentlist ul.children {
	padding-left: 90px;
	}


/*-------------------------------------
   12. REPLY COMMENT
-------------------------------------*/
#respond {
	margin-top: 30px;
	}

#reply-title {
	background: url(assets/images/title-line.png) repeat-x 0 100%;
	padding-bottom: 15px;
	margin-bottom: 20px;
	}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin-bottom: 15px;
	}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 350px;
	}

#respond input[type="text"],
#respond textarea,
#contact input[type="text"],
#contact textarea {
	border: none;
	background: url(assets/images/textbox.png);
}


#respond input[type="text"],
#contact input[type="text"] {
	width: 330px;
	height: 32px;
	line-height : 34px;
	padding: 0 10px;
	}

#respond textarea,
#contact textarea {
	width: 93%;
	height: 120px;
	padding: 10px;
	overflow: hidden;
	}

#respond textarea {
	width: 93%;
	}

#contact textarea {
	width: 600px;
	}

#respond input[type="submit"],
#contact input[type="submit"] {
	cursor: pointer; 
	height: 30px;
	line-height: 31px;
	padding: 0 30px;
	border: none;
	font-weight: bold;
	}


#respond .logged-in-as {
	margin-bottom: 15px;
	}



/*-------------------------------------
   13. TOP POSTS
-------------------------------------*/
.top-posts {
	margin-bottom: 30px;
	padding: 20px;
	}

.top-feature-posts {
	float: left;
	width: 300px;
	}

.top-feature-slider {
	padding: 5px;
	margin-top: 15px;
	background: url(assets/images/transparent.png);
	}

.top-popular-posts {
	margin-left: 320px;
	}

.top-popular-posts ul {
	padding-top: 15px;
	}

.top-popular-posts li {
	float: left;
	width: 145px;
	margin-right: 20px;
	}

.top-popular-posts li.last {
	margin-right: 0;
	}

.top-popular-posts li figure {
	margin-bottom: 10px;
	}

.top-popular-posts li .post-meta {
	margin: 8px 0;
	}

.top-popular-posts li .title {
	font-weight: bold;
	display: block;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	}



/*-------------------------------------
   14. ARCHIVES PAGE
-------------------------------------*/
.archives-page ul {
	padding: 15px 0 30px;
	}

.archives-page li {
	padding: 3px 0;
	}


#contact p {
	margin-bottom: 15px;
	}

#contact p:last-child {
	margin-bottom: 0;
	}

.contact-page .errormsg {
	margin-bottom: 15px;
	padding: 10px 20px;
	display:none;
	background-color: #FFC7C2;
	border: 1px solid #FF8C80;
	color: #A22121;
	}

#processing {
	background: url(assets/images/loading-big.gif) no-repeat 50% 50%;
	height:320px;
	display:none;
	}

#contact input.error,  #contact textarea.error {
	background: #A40802;
	}

/*-------------------------------------
   15. FOOTER
-------------------------------------*/
#copyright {
	padding: 10px 0;
	}

.cta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 0 20px;
	background-color: #e4ad26;
	background: -moz-linear-gradient(
		top,
		#fad053 0%,
		#e0a722);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fad053),
		to(#e0a722));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px solid #705419;
	-moz-box-shadow:
		0px 1px 1px rgba(33,32,33,0.5),
		inset 0px 0px 3px rgba(255,239,189,0.4);
	-webkit-box-shadow:
		0px 1px 5px rgba(33,32,33,0.5),
		inset 0px 0px 3px rgba(255,239,189,0.4);
	text-shadow:
		0px -1px 0px rgba(74,59,18,0.2),
		1px 1px 0px rgba(230,225,122,0.6);
}