/*********************************************************************************************

Theme Name: Yamidoo Magazine
Theme URI: http://www.wpzoom.com/themes/yamidoo/
Version: 2.0.8
Author: WPZOOM
Author URI: http://www.wpzoom.com
Tags: brown, two-columns, right-sidebar, responsive
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************


1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Sidebar & Widgets ------------------  sidebar.php
11. Footer  ----------------------------  footer.php

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; }
td { vertical-align: top; }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.hr { border-top: 1px solid #EEE; }


/* Navigation */
div.navigation { font-family:"Droid Serif", Georgia, serif;  text-align:center; margin: 0 0 10px; font-size: 12px; }
div.navigation a { font-weight: normal; padding:0 6px; line-height: 50px; }
div.navigation a:hover { text-decoration:none; color:#000; }
div.navigation span.current { padding: 0 6px; color:#000;  }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left; }
div.navigation .next { float:right; }
div.navigation .page-numbers:after { color: #BDB7B9;  content: "/"; padding: 0 0 0 10px; }
div.navigation .next:after,
div.navigation .prev:after,
div.navigation .dots:after {
     content: "";
}

/* Forms */
input, textarea {  font-size: 13px; padding: 7px 6px; border: 1px solid #D9D6D6;  color: #000; background: #fff;  }
input:focus, textarea:focus { border-color: #999;  }
button,
input[type=button],
input[type=reset],
input[type=submit] {  background: #848484; padding:8px 10px; border: none 0; color: #fff;   }
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { background: #222;  cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

/* Search Form */
#header #search {
	height: 23px;
	width: 163px;
	border:1px solid #DAD8D8;
	font-size:12px;
	line-height:15px;
	float: left;
	margin:0;
}

#header #search #s  {
	width: 122px;
	border: none;
	padding:1px 6px;
	color:#4F4747;
	display:inline;
	float:left;
	font-size:12px;
	height:19px;
	background:#fff;
}

#header #search #searchsubmit  {
	text-indent:-9999em;
	background:url("images/search.png") no-repeat;
	cursor:pointer;
	border:0 none;
	width:17px;
	margin-top:4px;
}


.separator {
    color: #ACA7A7;
    font-size: 11px;
    margin:0;
}


/*********************************************************************************************

2. Global Styles & Structure

*********************************************************************************************/

body {
	background-image: url(images/bg.png);
	color:#222;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height:1.5;
    margin:0;
    text-align:left;
}

/* Links and paragraph */
a { color: #154A7F; outline: none; text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
p { line-height: 1.5; margin:0; }


#content-wrap{
	padding:10px 20px 20px 20px;
}

#main-wrap {
	background-color:#fff;
  	margin-top:20px;
}

#page-wrap {
	margin:0 auto;
	width:980px;
}


/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header {
	padding:10px 20px 0;
}

#header .banner-head {
 	margin-bottom: 10px;
	text-align:center;
}

#logo {
 	margin:0 0 20px;
 	padding-top:20px;
	text-align:center;
	border-top:1px solid #EEE;
	font-family:Prata, Georgia,"Times New Roman",Times,serif;
}

#logo h1 a {
	color:#333;
 	font-size:56px;
	font-weight:normal;
	line-height:1.3;
}

#logo a:hover {
	text-decoration:none;
	color:#222;
}

#logo span {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 11px;
}


/*********************************************************************************************

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/

#topmenu {
 	margin:3px 0 9px 10px;
 	float:right;
  	text-align:right;
}

#topmenu a {
	font-size:12px;
	font-weight:normal;
	font-family:"Droid Serif", Georgia, serif;
}

#topmenu img {
	vertical-align:middle;
	padding-left:5px;
}

#menu {
  	border-top:1px solid #EEE;
  	border-bottom:3px solid #EEE;
	float:left;
	padding:5px 0;
	text-align:center;
	margin:0 0 5px;
	width:100%;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 5; float: left;}
ul.dropdown li { position:relative;  display:inline-block; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 7; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 6; width: 100%;}
ul.dropdown ul li { float: none; display:block;}
ul.dropdown ul ul { top: -1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto; }
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto; }
ul.dropdown a { text-decoration: none; padding: 0px 10px; }
ul.dropdown li li a {color: #ddd;}
ul.dropdown a:hover, ul.dropdown li:hover a { color: #333; }

ul.dropdown li { padding: 5px 0; font-family:"Droid Serif", Georgia, serif; font-size:14px;	text-transform:uppercase; font-weight:normal; }
ul.dropdown li li { text-transform:none; margin:0; padding:4px 0;  font-size: 12px; color:#154A7F; text-transform:none;}
ul.dropdown .current_page_item a,
ul.dropdown .current-cat a,
ul.dropdown .current-menu-parent a,
ul.dropdown .current_page_item a,
ul.dropdown .current-cat a,
ul.dropdown .current-menu-item a {
	color: #333;
}

ul.dropdown ul { width: 160px; }
#nav ul ul { width: 140px; }

ul.dropdown li ul {
 	display: block;
	visibility: hidden;
	z-index:100;
	text-align:left;
	padding:5px 5px 5px 10px;
	background-color: #FAF2C9;
	border-top:3px solid #F1E8B7;
}

ul.dropdown li ul ul { top:-8px; }
ul.dropdown li ul li:hover a, #nav ul li ul li:hover a { color:#154A7F; }
ul.dropdown ul li {	font-weight: normal; padding:5px 0;}
ul.dropdown ul li a { padding:5px 0;}

#topmenu ul {z-index:7;}

#topmenu ul li {
	padding: 4px 0 5px 0;
	margin-left: 0px;
	word-spacing:3px;
 	font-size:10px;
	font-weight:bold;
	color:#f4f4f4;
 	text-transform:none;
 	float:none;
}

#topmenu  ul ul {	width: 140px;  margin-top: 0px;	}
#topmenu  ul li li {  padding:6px 0; }

/*********************************************************************************************

5. Featured Slider  -------------------------  wpzoom-featured.php

*********************************************************************************************/

#feature {
 	margin:0 0 15px 0;
 	background:#FAF2C9;
	position:relative;
}

#navi ul {
 	margin:0 auto;
 	width:100px;
 	position:absolute;
 	top:0;
 	left:535px;
}

#navi li {
 	float:left;
	padding-left:1px;
	list-style-type:none;
}

#navi a {
 	display:block;
	position:relative;
  	opacity:0.5;
}

#navi a.current {
	opacity:1;
}

#navi a:hover {
	opacity:1;
}

#navi img {
 	margin:0 0 12px 0;
	display:block;
}

#navi strong {
	display:block;
	font-size:13px;
}

#panes {
	height:300px;
 	position:relative;
	overflow:hidden;
}

#panes div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
	color:#333;
	line-height:1.5;
	right:15px;
 	height:300px;
}

#panes span.cover {
	float: left;
	width:520px;
	height:300px;
	position:relative;
}

#panes img { float:left; }

#panes .post-info {
	float:right;
	width:31%;
	height:256px;
	overflow:hidden;
	padding:15px 0;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	font-size:20px;
	font-family:"Droid Serif", Georgia, serif;
	padding:0;
	margin:0 0 5px 0;
}

#panes h3 a {
	line-height:1.2;
	font-weight:normal;
}

#panes .more {
  	font-size:12px;
  	font-weight:bold;
  	float:left;
  	display: block;
 	margin-top:20px;
	font-family:"Droid Serif", Georgia, serif;
}


.meta-feature {
 	font-size:11px;
 	padding:1px 0 5px 0;
}

.meta-feature  li {
	display:inline;
	font-family:"Droid Serif", Georgia, serif;
 }


#panes p {
	padding:5px 0 0 0;
}

.overlay {
	background:#000000;
	left:0;
	opacity:0.7;
	position:absolute;
 	bottom:0;
	width:490px;
	font-size:16px;
	font-weight:normal;
	padding:8px 15px;
	overflow:hidden;
	font-family:"Droid Serif", Georgia, serif;
}

.overlay a {
	color:#fff;
}


/*********************************************************************************************

6. Featured Categories  -------------------------  wpzoom-blocks.php

*********************************************************************************************/

#columns {
	margin:5px 0 15px;
}

.column,
.column_first {
 	float:left;
	padding:10px 14px 0;
	width:210px;
}

.column_first {
	padding-left:0;
}

.column p,
.column_first p  {
	padding:0 0 10px 0;
}

.column h3 a,
.column_first h3 a {
	color:#154A7F;
	font-size:18px;
	font-weight:normal;
	font-family:"Droid Serif", Georgia, serif;

}

.column h3,
.column_first h3 {
	margin:0 0 5px;
	padding:0;
}


.column img,
.column_first img {
 	margin:0 0 8px;
}

#columns .date {
	float:left;
}

#columns .comments {
	float:right;
}


/*********************************************************************************************

7. Archive Posts -------------------------  loop.php

*********************************************************************************************/

#main {
	width:610px;
	float:left;
}

#articles {
	float:left;
	width:610px;
}


.article {
 	border-bottom:1px solid #EEE;
 	margin:0 0 20px;
	padding:0 0 20px;
}

.post-content {
	overflow:hidden;
}

.article h2.title {
	margin-bottom:10px;
	font-family:"Droid Serif", Georgia, serif;
	line-height:1.3;
}

.article h2.title a {
	color:#154A7F;
	font-size:22px;
	font-weight:normal;
 }

.post-thumb {
	float:left;
	margin:0 15px 0 0;
}

#articles .head_title,
h3.archive_title {
 	background-color:#FAF2C9;
	border-top:3px solid #F1E8B7;
	font-family:"Droid Serif", Georgia, serif;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 8px 10px;
	margin:0 0 15px;
	text-transform:uppercase;
}

.post {
 	overflow:hidden;
	line-height:1.7;
}

.post p {
	line-height:1.7;
}

.post .post-meta {
 	font-size:11px;
 	padding:0 0 10px;
	margin:0 0 15px;
	display:block;
	border-bottom:1px solid #EEE;
	font-family:"Droid Serif", Georgia, serif;
}

.author-info {
	border-bottom:1px solid #eee;
	margin:0 0 10px;
	padding:0 0 10px;
}

.author-info img {
	float:left;
	margin:0 10px 0 0;
}



#articles .post-meta,
#columns .post-meta,
span.category {
	margin:0 0 15px;
 	font-size:11px;
	font-weight:normal;
	font-family:"Droid Serif", Georgia, serif;
	display:block;
}

span.category {
	text-transform: uppercase;
	font-size:12px;
	margin:0 0 5px;
}

span.category a {
	color:#333;
}


/*********************************************************************************************

8. Single Posts & Pages -------------------------  single.php, page.php

*********************************************************************************************/


.post h1.title {
	font-size:32px;
	font-weight:normal;
  	line-height:1.3;
	margin-bottom:10px;
  	font-family:"Droid Serif", Georgia, serif;
}

.post blockquote {
	border-left:3px solid #ccc;
	color:#777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}


.entry p { margin-bottom: 14px; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright,
.entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 100%;
	height:auto;
}

 
.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
    color:#8E8E8E;
    border-left: solid 3px #ececec;
    padding:0 15px;
    margin: 10px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
 	margin-bottom: 12px;
    line-height:1.3;
 	font-weight:normal;
	font-family:"Droid Serif", Georgia, serif;
}


/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin-right:15px; }
.alignright, .entry .alignright { float: right; margin-left:15px; }

/* Caption for images */
.entry .wp-caption { background-color: #EFEFEF;  max-width: 100% !important; width:auto; text-align:center; margin-bottom: 5px; padding: 5px 5px 5px; }
.entry .wp-caption img { background:none; margin:0; border:0 none;  }
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
img.wp-smiley { border: none; padding: 0; }

.galleria-container { margin-bottom:15px; }

/* Template: Full-width */
#main.full-width  { width: 940px; }
.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }
.full-width .entry img { max-width: 940px; }


.tag-links {
 	float:left;
	clear:both;
	font-family:"Droid Serif", Georgia, serif;
}

.nextpage {
	background:url(images/icons/page.png) no-repeat left 10px;
	padding-left:20px;
	float:left;
	clear:both;
	margin-bottom:5px;
}

 #socialicons {
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
 	float:left;
	margin:15px 0 0;
	padding:1px 0 10px;
	width:100%;
}


#socialicons li {
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
	width:110px;
}

#socialicons ul {
	list-style:none;
	float:left;
	padding:10px 0 0 0;
}


/* Author Bio */
.post_author {
	background:#FAF2C9;
 	padding:10px 10px 5px 10px;
	margin:10px 0;
 	font-family:"Droid Serif", Georgia, serif;
}

.post_author img {
	float:left;
	margin:0 7px 7px 0;
}

.post_author span {
 	font-size:14px;
	display:block;
	margin-bottom:5px;
}

.sticky { }


/*********************************************************************************************

9. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments { clear: both; }
#comments h3 { font-family:"Droid Serif", Georgia, serif; font-size: 20px; line-height: 1.3; margin: 0; padding: 10px 0;  color: #333; font-weight: normal; }

#comments .navigation { padding: 0 0 18px 0; }
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #eee; font-size:12px; line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 76px; position: relative; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author { margin-bottom:3px; }
.comment-author cite { color: #B1B1B1;  font-style:normal; font-size:14px; font-family:"Droid Serif", Georgia, serif; }
.comment-author .says {  display:none; }
.comment-meta { font-size: 12px;  margin: 0; float: right; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { font-size: 12px; padding: 0 0 24px 0; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }
.bypostauthor { }

/* Comments form */
#respond { margin: 24px 0; overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required_lab {  font-weight: bold;   }
#respond label {   font-size: 12px;  font-family:"Droid Serif", Georgia, serif;}
#respond input { margin: 0 0 9px; }
#respond textarea { width: 96%; height: 145px;  }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { float: left; width: 36%; margin-right: 5%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input { width:100%; }
#respond .comment-form-comment { width: 80%; float: left; }
#respond .form_fields input, #respond textarea { clear: both; display: block; margin: 3px 0 0; }


/*********************************************************************************************

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
	float:right;
	text-align:left;
	width:310px;
}

#sidebar .post-cover {
	margin:0 0 10px;
}

#sidebar_left {
	float:left;
	width:150px;
}

#sidebar_right {
	float:left;
	margin-left:10px;
	width:150px;
}

#sidebar_left .widget,
#sidebar_right .widget {
	float:left;
	margin:0 0 15px;
	width:150px;
}

#ads {
	text-align:center;
	margin:0 0 10px;
}


.widget {
	float:left;
	margin:0 0 15px 0;
	width:310px;
}

.widget h3.title {
 	background-color:#FAF2C9;
	border-top:3px solid #F1E8B7;
	font-family:"Droid Serif", Georgia, serif;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 8px 10px;
 	margin:0 0 10px;
}

.widget { float: left; line-height: 1.5; width: 100%; }
.widget ul { clear: both; margin: 0 0 5px; line-height: 1.7; }
.widget ul li { list-style-type: none;  border-bottom: 1px dotted #d2d4d4; margin:0 0 6px; padding:0 0 6px; line-height:1.4; }
.widget ul ul { margin: 0; padding: 0 0 0 20px; border-top: none; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { width: 100%; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; }

.widget a {	color:#154A7F;	font-size:13px; font-family:"Droid Serif", Georgia, serif; }
.widget img { border:0; background:#fff; }

/* Tags cloud */
.widget_tag_cloud a { font-weight:normal; font-family:"Droid Serif", Georgia, serif; }


/* Recent Comments */
.widget .recent-comments-list .avatar { margin-right: 8px; float: left;}
.widget .recent-comments-list li { margin:0 0 8px; padding: 0 0 8px; border-bottom: 1px dotted #d2d4d4;  line-height:1.4; }

/* Recent Posts  */
.widget .wpzoom-feature-posts br {display: none;}
.widget .wpzoom-feature-posts img { margin: 0 10px 5px 0; float: left;}
.widget .wpzoom-feature-posts small { font-family:"Droid Serif", Georgia, serif; margin: 2px 0 4px; display: block; }
.widget .wpzoom-feature-posts .post-excerpt { display: block;}
.widget .wpzoom-feature-posts li { margin:0 0 8px; padding: 0 0 8px; border-bottom: 1px dotted #d2d4d4; line-height:1.4; }

/* Popular Posts Widget */
.widget .wpzoom-popular-posts li,
.widget.wpzoom-popular-posts li { margin:0 0 8px; padding: 0 0 8px; font-family:"Droid Serif", Georgia, serif; border-bottom: 1px dotted #d2d4d4;  line-height:1.4; }

/* Flickr widget */
#flickr_badge_wrapper a { border: none; display: block; float: left; padding: 0 8px 10px 0; text-align: left;   }
#footer #flickr_badge_wrapper a { border: none; display: block; float: left; padding: 0 6px 10px 0; text-align: left;   }
#flickr_badge_wrapper { display: block; list-style-type: none; margin: 0; padding:0 0 5px; }
#flickr_badge_wrapper .flickr_badge_image { border: none; padding: 0; float:left; }

#flickr_badge_wrapper img { width: 69px; height: 69px; }
#flickr_badge_wrapper img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

/* Twitter widget */
.widget .twitter-list li { padding: 0 0 7px; margin: 0 0 7px;  font-family:"Droid Serif", Georgia, serif; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #A8A8A8;  font-size: 11px; font-style: normal;}
.widget .follow-user { margin: 0; padding: 5px 0; }

/* Social Widget */
.social li { display: inline; width: 47%; float: left; padding: 0; margin:0 6px 14px 0; line-height: 16px; clear: none; border-bottom: none; }
.social a { font-size: 12px; font-weight: bold; }
.social a span { font-size: 11px; display: block; font-weight: normal; }
.social img { float: left; margin-right: 7px; }

/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Facebook widget support */
.widget .fb-like-box,
.widget .fb-like-box span,
.widget .fb-like-box iframe { 
	width: 100%!important;
}

/* Tabbed widgets */
.tab_container { margin: 0px; padding: 0px; float: left; border: 5px solid #F8F5E8; }
.tab_container_in { margin: 0px; padding: 10px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tab_menu_container { padding: 0 0 0 5px; height: 33px; border-top: 3px solid #F1E8B7; background-color: #FAF2C9; }
#tab_menu li { margin: 0px; padding: 7px 5px 2px 0px; width: 23%; background-color: #F8F5E8; text-transform: uppercase; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: normal; font-weight: bold; float: left; list-style: none; cursor: pointer; text-align: center; border-bottom: none; }
#tab_menu .first { padding: 7px 5px 2px 6px; }
#tab_menu li a, #tab_menu li a:visited { margin: 0px; padding: 4px 6px 4px 6px; background-color: #E6E3D3; color: #333; text-decoration: none; display: block; }
#tab_menu li a:hover, #tab_menu li a.current { background-color: #333; color: #ffffff; text-decoration: none; }
.tab_sidebar_list { display: none; }
.column_right { width: 310px; float: left; }

#sidebar .tabberlive { background: #FAF2C9; padding: 0; float: left; clear: both; border-top:3px solid #F1E8B7; width: 310px; }
#sidebar .tab_container { padding: 7px; font-size: 12px; background: #f7f7f7; border: 1px solid #d2d4d4; float: left; width: 269px; }
#sidebar .tab_container ul { color: #a3a0a0; font-size: 11px; margin: 0; padding: 0; line-height: 1.5; }

.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none;  }
ul.tabbernav li { list-style-type: none; float: left; margin: 0; padding: 0; height: 22px; line-height: 22px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; }
ul.tabbernav { margin: 0; padding: 1px 0; font: bold 12px; }
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style: none; margin: 0 5px 0 0; display: inline; border:none; }
ul.tabbernav li:hover {border:none;}

ul.tabbernav li a { text-decoration: none; background:#FFF; color: #333; display: block; font-size: 11px; font-weight: normal; padding: 0 10px; outline: none; cursor: pointer; font-family:"Droid Serif", Georgia, serif; }
ul.tabbernav li.tabberactive { background: #333; color: #fff; }
ul.tabbernav li.tabberactive a { background:#333; color: #fff; }
ul.tabbernav { margin: 0; padding: 7px 0 0 6px; float: left; list-style: none; height: 31px; width: 297px; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { overflow: hidden; clear: both; float: left; border:1px solid #ddd; background: #fff; padding:8px; margin: 0 0 6px 6px; width: 278px; color: #222; }
.tabbertab h2.widgettitle { display: none; }

/*********************************************************************************************

11. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
	background-color:#fff;
 	font-size:12px;
	line-height:19px;
	margin:20px auto;
 	padding-bottom: 15px;
}

#footer a {
	color:#154A7F;
}

#footer h4 {
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}

#footer div.column {
    display: inline;
    float: left;
    margin-right: 0;
    padding:0 3px 0 18px;
    width: 300px;
    border:none;
}

#footer div.last {
    margin-right: 0;
}

#footer .widget-area {
    padding:0 0 15px;
    margin:0 0 15px;
    border-bottom:1px solid #ececec;
}

#footer .column .widget {
    width:300px;
    float:left;
    line-height:1.7;
    overflow:hidden;
    margin-bottom:15px;
}

#footer .widget h3.title {
	margin:15px 0 10px 0;
}

#footer_right {
 	padding:15px 0 0 20px;
 	font-size:11px;
	font-family:"Droid Serif", Georgia, serif;
}

#footer_right li {
	display:inline;
	font-size:14px;
 	padding:0 10px 0 0;
}

#footer_right ul {
	display:block;
	padding-bottom:10px;
}

#footer_right span {
 	padding-right:20px;
	float:right;
}


/*********************************************************************************************

12. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 980px) {

    body { min-width:100%; }
    #page-wrap { width: 94%;}
    #articles { width:66%;}
    #main { width:66%;}

    #logo img { max-width:100%; height:auto; }

    #panes { height:250px; }

    #panes img { width:50%; height:auto; }
    .overlay { display:none; }
    #navi ul { left:52%;  }
    #navi img { width:75px; height:45px; }

    #panes .post-info { height:auto; width:33%; }
    #panes .post-info p { display:none; }
 
	#columns .column,
	.column_first {
		float:left;
		padding:10px 1% 0;
		width:23%;
	}

	#columns .column img, .column_first img { width:100%; max-width:100%; height:auto; }

    .recent-post { width: 100%; float: left; }
    #articles .post-thumb { float:left; margin:0 10px 0 0; max-width:35%; width:35%; height:auto;}
    #articles .post-thumb img {  max-width:100%; width:100%; height:auto;}

    #sidebar { width:30%; }
    #sidebar .widget {width:100%; margin-right:2%; float:left; }

 	#sidebar .tabberlive {  width: 100%; }
	#sidebar .tab_container { padding: 3%;   width: 94%; }
	ul.tabbernav {   padding: 1% 0 0 2%;  width: 98%; height:auto;}
	.tabberlive .tabbertab {  padding:3%; margin: 0 0 6px 2%; width: 90%;   }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 55%; max-width: 55%; height:auto;
	}

	.cover iframe,
    .cover object,
    .cover embed {  width: 350px; height:250px; }

     /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }

    #main.full-width  { width: 100%; }

 	#footer div.column {  width: 30%; padding:0 0 0 3%; }
	#footer .column .widget {  width:100%; }
 

    .entry iframe,
    .entry object,
    .entry embed { max-width:100%;  }

    .full-width .entry img.alignnone,
    .full-width .entry img.aligncenter,
    .full-width .entry img.alignleft,
    .full-width .entry img.alignright,
    .full-width .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

    #sidebar .post-cover { width:100%; max-width:100%; height:auto; }

    #sidebar_left {
 		width:48%;
	}

	#sidebar_right {
		float:right;
 		margin-left:0;
		width:48%;
	}

	#sidebar_left .widget,
	#sidebar_right .widget {
 		width:100%;
	}

}


@media screen and (max-width: 769px) {

	#panes  { height:195px; }

	#navi img { margin-bottom:4px; }

	.cover iframe,
    .cover object,
    .cover embed {  width:333px; height:195px; }

}
 
/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	#topmenu { float:left;text-align:left; margin-left:0; margin-top:15px;}
	#topmenu { display:block; width:100%; margint-bottom:15px;}
	#articles { width:100%;}
    #main { width:100%;}

    #navi ul {display:none;}

    #logo h1 a { font-size:22px; }

    #panes { height:auto; }

    #panes span.cover {
		position: relative;   overflow: hidden; width: 100%; max-width: 100%; height:auto;
	}

	#panes img { width:100%; max-width:100%; height:auto; }

	#panes div { position:relative; height:auto; }

	#panes .post-info { height:auto; width:94%; padding:2%; float:left;}

	#columns .column,
	.column_first {
		float:left;
		padding:10px 0 0;
		width:100%;
	}

	ul.dropdown li {text-transform:none; font-size:12px;}

	.recent-post .post-content {overflow:visible; }
    .recent-post .post-thumb { width:100%; margin-right:0;}
    .recent-post .post-thumb img { width:100%;}

    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

	#sidebar { width:100%; margin-left:0%;}
    #sidebar .widget {width:100%; margin-right:0%; float:none; }

    #footer div.column { margin-right: 0;  width: 94%; }
	#footer .column .widget { width:100%; }

}