/*
Theme name: Macedonia UMC
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 10px;
    line-height: 1.3;
    font-family: Verdana, Arial, Sans-Serif;
    color: #000;
    background: #fff;
}

a { color: #000; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }
img.aligncenter { margin: 5px auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

h2 { font-size: 20px; }
h2.pagetitle { background: #8197b6; font-size: 12px; line-height: 12px; color: white; padding:5px 12px; }
h3 { font-size: 12px; color: #666; }

ul { padding: 5px 0; } 

p { padding: 5px 0; }

hr { margin: 5px 0; }

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

#header { height: 180px; background: url(images/header.jpg); }
.home #header { height: 238px; }

h1#logo { width: 495px; height: 40px; padding: 108px 0 0 21px;} 
h1#logo a { display: block; height: 40px; } 

#navigation { height: 26px; padding: 0 5px; margin-top: 6px;}
#navigation ul { list-style: none; padding: 0; }
#navigation li { height: 26px;  float: left; display: inline; margin-right:10px; position:relative; }
#navigation li a { float: left; height: 14px; color: #000; text-transform: uppercase; padding: 6px 10px 0; border-bottom: 6px solid #ba982f; text-decoration: none;}
#navigation li.active a,
#navigation li a:hover,
#navigation li a.active { border-color: #77282E; }
#navigation .dd { display: none; }
#navigation .dd { position:absolute; top: 100%; width: 100px; background: #ba972f; left:0; }
#navigation .dd li { height: auto; float: none; display: block; margin: 0; }
#navigation .dd li a { float:none; display: block; height: 100%; overflow: hidden; line-height: 1.3; color: #fff; padding: 5px; border:0; }
#navigation .dd li a:hover,
#navigation .dd li a.active { background: #666699; }

#main { padding: 0; height: 100%; background: #fff url(images/main-bg.gif) repeat-y 0 0;}

.post .entry { padding: 15px 0 50px; overflow: visible !important; }
.home .post .entry { padding-bottom: 0px; }

#main a { text-decoration: underline; }
#main a:hover { text-decoration: none; }

#sidebar { float: left; display: inline; width: 190px; overflow: hidden; padding: 15px 10px 0;}
#sidebar h3 { padding-bottom: 5px; }
#sidebar ul { padding-left: 40px; padding-right: 10px; }

#content { float: right; display: inline; width: 560px; overflow: hidden; padding: 0 15px;}

.big { font-size:18px; } 
.main-image { width:562px; height: 314px; font-size:0; line-height: 0; border-top: 1px solid #666767; background: #b0c5b9; padding: 14px 15px 15px; position:relative; margin: 0 -15px; }
.hor-line { height: 2px; background: #808080; font-size: 0; line-height: 0; text-indent: -4000px; margin: 5px 0;}
.top-el { padding-top: 0; }

#footer { text-align:center; padding: 10px 0; }