/*
Theme Name: Muncitori Migranți
Theme URI: 
Description: Theme for Muncitori Migranți site.
Author: sv-ti.com
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: muncitorimigranti
*/

body
{
    margin: 0;
    padding: 0;
    color: #444;
    font-family:  Arial, sans-serif;
    font-size: 12px;
    background: #fff;
}

a:link, a:visited { 
    color: #0066cc;
    text-decoration: none; 
}

a:active,
a:hover{
	color: #ff4b33;
}

.clear
{
    clear: both;
}

h1, h2, h3
{
    text-shadow: 0px 0px 2px #ddd;
}

#top-continer
{
    box-shadow: 0px 2px 2px #ddd;
    background: #42a9ff;
    background: -moz-linear-gradient(top, #42a9ff, #77c1ff);
    background: -webkit-linear-gradient(top, #42a9ff, #77c1ff);
    border-top: 5px solid #fff;   
    height: 42px;
}

#main
{
    border: 1px solid #dedede;
    border-top: 2px solid red;
    margin-top: 5px; 
    padding: 1em;
}

#wrapper
{
    position: relative;
    top: -42px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/**
 * Header section.
 */

#header .header-top-bar
{
    height: 42px;
}

#header .header-top-bar p
{
    float: left;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    width: 40%;
    margin-top: 12px;
}

#header .header-top-bar p .home
{
    opacity: 0.9;
    position: relative;
    margin-right: 1em; 
    top: -5px;
    float: left;
}

#header .header-top-bar p .home:hover
{
    opacity: 0.5;
}

#header .header-top-bar .separator
{
    float: left;
    height: 42px;
    width: 3px;
    margin-left: 50px;
    border-left: 1px solid #44c8ff;
}

#header .header-top-bar .rss
{
    float: left;
    width: 45px;
    margin-top: 12px;
    margin-left: 25px;
    background-image: url('./images/rss.png');
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
}

#searchform
{
    margin: 0;
    float: left;
    margin-left: 120px;
    margin-top: 8px;
}

#searchform .screen-reader-text
{
    display: none;
}

#searchform input
{
    border-radius: 10px;
    font-size: 1em;
    padding: 4px;
    border: none;
}

#header .header-top-bar .rss:hover
{
    color: #444;
}

#header .site-info .logo
{
    padding: 10px;
    padding-bottom: 0;
}

#header .site-info
{
    margin-top: 25px;
    margin-left: 2%;
    padding-left: 20px;
    /*border: 1px solid #000;*/
}

#top-banners-area
{
    /*border: 1px solid #887;*/
    width: 230px;
    float: right;
    padding-right: 20px;
}

#top-banners-area ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header .site-info .site-title 
{
    margin: 0;
    color: #222; 
    font-size: 2.5em;
    text-transform: capitalize;
    font-family: Helvetica, Arial, sans-serif;
}

#header .site-info .site-title a
{
    text-decoration: none;
    color: #444;
}

#header .site-info .site-description
{
    margin: 0; 
    font-size: 1.5em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    color: #888;
}

#header .menu-main-container
{
    float: right;
    padding-right: 5%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

#menu-main
{
    margin: 0;
    padding: 0;
    list-style-type: none; 
    margin-bottom: 0.5em;
}

#menu-main li
{
    border-left: 3px solid #ddd;
    padding-left: 3px;
    border-bottom: 1px solid #ddd;
    color: #999;
    margin-bottom: 0.5em;
}

#menu-main li a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;    
    color: #888;
}

#menu-main li a:hover
{
    text-decoration: underline;
    color: #444;
}

#secondary-m 
{
    height: 35px;
    background: #ff3a3a;
    background-image: url('triangle.png'), -moz-linear-gradient(top, #ff3a3a, #ff5d5d);
    background-image: url('triangle.png'), -webkit-linear-gradient(top, #ff3a3a;, #ff5d5d);
    background-repeat: no-repeat;
    background-position: right top;
    clear: both;
    padding: 0;
}

#menu-secondary
{
    padding: 0.8em;
    margin: 0;
    list-style-type: none;
}

#menu-secondary li
{
    display: inline;
    margin-right: 1em;
}

#menu-secondary li a
{
    text-shadow: 0px 0px 2px #666; 
    text-decoration: none; 
    font-weight: bold;
    font-size: 1.2em; 
    color: #fff;
}

#menu-secondary li a:hover {
    color: #333;
}

/**
 * Content section.
 */

#content
{
    float: left;
    width: 75%;
}

#content .post
{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

#content .post .entry-content img
{
    box-shadow: 1px 1px 2px #888;
}

#content .post .entry-content a
{
    font-weight: bold;
}

#content .post .entry-utility
{
    font-size: 0.9em;
    color: #777;
    clear: both;
    width: 90%;
    margin-left: 2em;
}

#content .post .alignleft
{
    float: left;
    margin-right: 1em;
}

#content .post .alignright
{
    float: right;
    margin-left: 1em;
}

#content .entry-title
{
    font-size: 2em;  
}

#content .entry-title a
{
    text-decoration: none;
    color: inherit;	
}

#content .category-menu
{
    text-shadow: 0px 0px 2px #666; 
    background: #ff3a3a;
    background-image: url('triangle.png'), -moz-linear-gradient(top, #ff3a3a, #ff5d5d);
    background-image: url('triangle.png'), -webkit-linear-gradient(top, #ff3a3a;, #ff5d5d);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0.5em;
    list-style-type: none;
}

#content .category-menu li
{
    display: inline;
    margin-right: 0.5em;
    padding-left: 0.5em;
}

#content .category-menu li a
{
    color: #fff;
    font-weight: bold;
}

#content .category-menu li a:hover
{
    color: #333;
}

/**
 * Sidebar section.
 */

#primary
{
    float: right;
    width: 200px;
    /*background: #dae3e7;*/
}

#primary ul
{
    list-style-type: none;
    padding: 0;
}

#primary .widget-container
{
    box-shadow: 0px 0px 3px #aaa;
    position: relative;
    left: 0px;
    border-top: 2px solid #ff3a3a;
    /*margin-right: 0.5em;*/
    margin-bottom: 1em;
    padding: 8px;
    background: #f2f5f6;
}

#primary .widget-container .widget-title {
    margin-top: 0;
    color: #222;
}

#primary .widget-container a
{
    text-decoration: none;
    color: #777;
}

#primary .widget-container a:hover
{
    text-decoration: underline;
}

#primary .widget-container ul li
{
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
}    

/**
 * Countries rights page (countries-page.php template).
 */

#content .countries
{
    list-style-type: none;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
}

#content .countries li
{
    margin-bottom: 0.5em;
}

#content .countries li a
{
    text-decoration: none;
}

#comments
{
    color: #777;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-top: 1em;
    padding-left: 1em;
    width: 80%;
    padding-top: 0;
}

#comments-title
{
    color: #444;
    margin-top: 0.5em;
} 

#comments ul, #comments ol
{
    list-style-type: none;
}

#comments .comment
{
    margin-bottom: 0.5em;		
    padding-top: 0.2em;
    border-top: 1px solid #ddd;
}

#comments .comment .comment-body
{
    color: #444;
}

#comments .commentlist .comment-author
{
    margin: 0.1em;
}

#comments .commentlist .comment-author .fn
{	
    font-weight: bold;
    margin-left: 0.4em;
    color: #444;
}

#reply-title
{
    color: #444;
}

#commentform
{
    border-top: 1px solid #ddd;
}

#commentform label, 
#commentform .comment-notes,
#commentform .form-allowed-tags
{
    color: #777;
}

#commentform input, #commentform textarea
{
    width: 100%;
    padding: 0.5em;
    border: 1px solid #ddd;
    margin: 0.3em;
    color: #444;
    font-size: 1em;
    font-family: inherit;
}

/**
 * Bottom area section.
 */

#buttom-part
{
    border-top: 1px solid #ddd;
    padding: 1em;
    margin-top: 1em;
}

#buttom-part .buttom-block
{
    box-shadow: 0px 0px 2px #aaa;
    font-size: 0.9em;
    border-top: 2px solid red;
    margin: 1%;
    padding-bottom: 2px;
    float: left;
    width: 47%;
    height: 400px;
    background: #fff;
    color: #666;
    overflow: auto;
}

#buttom-part .buttom-block h2
{
    text-shadow: 0px 0px 2px #222;
    background: #ff3a3a;
    background-image: url('triangle.png'), -moz-linear-gradient(top, #ff3a3a, #ff5d5d);
    background-image: url('triangle.png'), -webkit-linear-gradient(top, #ff3a3a;, #ff5d5d);
    background-repeat: no-repeat;
    background-position: right top;
    font-size: 1.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    color: #fff;
    text-transform: uppercase;
}

#buttom-part .buttom-block ul
{
    list-style-type: none;
    font-size: 1.2em;
    padding-right: 1em;
    padding-left: 1em;
}

#buttom-part .buttom-block ul li
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

#buttom-part .buttom-block ul li h3
{ 
    margin: 0;
    font-size: 1em;
    color: #fff;
}

#buttom-part .buttom-block ul li a
{
    color: #666;
    font-weight: bold;
}

#buttom-part .buttom-block ul li a:hover
{
    text-decoration: underline;
    color: #ff3a3a;
}

#buttom-part .buttom-block ul li .posted-on
{
    font-size: 0.8em;
    margin-top: 0.3em;
    margin-bottom: 0;
    margin-left: 2em;
}

#buttom-part .buttom-block ul li .posted-on a
{
    color: #ff3a3a;
}

/**
 * Footer section
 */

#footer
{
    clear: both;
    margin-top: 1em;
    border-top: 2px solid red;
}

#footer .developed 
{
    text-align: right;
    color: #888;
    margin: 0;
    font-size: 0.9em;
}

#footer .developed a
{
    color: #666;
}

#footer .footer-info
{
    background: #ddd;
    padding: 0.3em;
}