/* ======================================================
# Monthly Archive - Joomla! Component (PRO version)
# -------------------------------------------------------
# For Joomla! 3.x
# Copyright (©) 2009-2015 Web357.eu. All rights reserved.
# License: GNU/GPLv3, http://www.gnu.org/licenses/gpl-3.0.html
# Website: http://www.web357.eu
# Demo: http://demo.web357.eu/?item=monthlyarchive
# Support: support@web357.eu
# Last modified: 24 Jun 2015, 18:07:50
========================================================= */

/* CSS for "monthlyarchive" view */

/* clearfix */
#monthlyarchive .ma_clearfix { display: block; clear: both;  }
* html .ma_clearfix { height: 1%; }

/* pagination */
#monthlyarchive div.pagination { text-align: center; }

/* page title */
#monthlyarchive div.ma_page_title { }
#monthlyarchive h1.title { display: inline-block; }
#monthlyarchive h1.title span.ma_count_articles { font-size: 70%; display: inline-block; }
#monthlyarchive span.ma_back_to_archives { display: inline-block; margin-left: 20px; }

/* select month */
#monthlyarchive div.ma_month_year { display: block; margin: 5px 0; }
#monthlyarchive div.ma_month_year label { width: 80px; display: inline-block; }
#monthlyarchive div.ma_month_year select option.ma_year_option { background: #ccc; color: #000; font-wight: 700; }
#monthlyarchive div.ma_month_year select option.ma_month_option { color: #333; }

/* order by */
#monthlyarchive div.ma_order { display: block; margin: 5px 0; }
#monthlyarchive div.ma_order label { width: 80px; display: inline-block }

/* select author */
#monthlyarchive div.ma_author { display: block; margin: 5px 0; }
#monthlyarchive div.ma_author label { width: 80px; display: inline-block }

/* select category */
#monthlyarchive div.ma_category { display: block; margin: 5px 0; }
#monthlyarchive div.ma_category label { width: 80px; display: inline-block }

/* comments */
#monthlyarchive div.ma_comments { display: block; margin: 5px 0; }
#monthlyarchive div.ma_comments label { width: 80px; display: inline-block }

/* search form */
#monthlyarchive div.ma_search { display: block; margin: 5px 0; }
#monthlyarchive div.ma_search label { width: 80px; display: inline-block }
#monthlyarchive div.ma_search input[type="text"] { margin: 0 10px 0 0; }

/* submit button */
#monthlyarchive div.ma_search input[type="submit"]{ display: inline-block !important; margin: 0 !important; }

/* separator */
#monthlyarchive .ma_archives_articles_links_with_form { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 20px 0; padding: 5px 0; }
#monthlyarchive .ma_archives_articles_links_without_form { margin: 0 0 20px 0; padding: 5px 0; }
#monthlyarchive .ma_archives_articles_links ul { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

/* intro text & image */
#monthlyarchive p.ma_introtext { overflow: hidden; }
#monthlyarchive p.ma_introtext img { float: left; margin: 5px 10px 5px 0; }

/* item row */
#monthlyarchive span.created_by, 
#monthlyarchive span.category_name { font-size: 85%; font-weight: 700; font-style: italic; color: #666; }
#monthlyarchive span.count_month_articles { padding-left: 5px; }
#monthlyarchive h2 span.count_month_articles { padding-left: 5px; font-weight: normal; font-size: medium; }
#monthlyarchive .short_date { font-size: 90%; }
#monthlyarchive .ma_archives_articles_links_with_form li { line-height: 27px; margin: 20px 0 0 0; }
#monthlyarchive .ma_archives_articles_links_without_form li { line-height: 27px; margin: 20px 0 0 0;  }
#monthlyarchive .article { font-weight: 700; font-size: 120%; }
#monthlyarchive .hits_text { font-size: 80%; }
#monthlyarchive .comments_text { font-size: 80%; font-weight: 600; }
#monthlyarchive .hits_icon { margin: 0px 2px 0px 7px; vertical-align: middle; }
#monthlyarchive .comments_icon { margin: 0px 2px 0px 7px; vertical-align: middle; }

/* Copywrite Message */
#monthlyarchive .ma_copywrite_message_com { text-align: center; color: #ccc; margin: 0 0 20px 0; display: block; }