/*
	Theme Name: Ecomag

	Theme URL: http://www.toptut.com
	Description: Two column theme with options menu, 3 level dropdown menu, featured contect section and banner management. Right sidebar fixed with theme with clean design. 
	Author: Lorelei
	Author URI: http://www.toptut.com

*/
body {
font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#373b25;
background:#ffffff url(images/bg.png) top repeat-x;
width:100%;
}
#body-shadow {
    background:#ffffff url(images/bg-shadow.png) top center no-repeat;
    margin-top: 233px;
    height:95px;
}

/*** Hyperlinks	***/
a,a:visited {
color:#413e32;
font-size:12px;
text-decoration:none;
}

/*** Top Navigation ***/
#topnav {
width:950px;
height:30px;
}

#topnav_left {
float:left;
width:700px;
}

#topnav_right {
float:right;
width:200px;
text-align:right;
font-weight:700;
padding:7px 10px 0 0;
}

#pagenav a,#pagenav a:visited {
display:block;
color:#273740;
font-weight:700;
padding:9px 10px;
}

#pagenav a:hover {
background:#25333c;
color:#f0f0f0;
}

/*** Header ***/
#header {
width:950px;
background:url(images/header.png) center left no-repeat;
height:180px;
margin:0 auto;
}

#header_left {
width:595px;
height: 125px;
float:left;
padding: 10px 0;
}

#header_right {
width:250px;
float:right;
padding: 95px 105px 0 0;
}

#header_right img {
width:32px;
height:32px;
}

#header h1 {
padding:5px 0 0 10px;
}

#header h1 a,#header h1 a:visited {
font-size:34px;
font-weight:700;
color:#000;
text-shadow:0 1px 0 #7c7a71;
}

#header h1 a:hover {
color:#322e23;
}

#header p {
color:#000;
margin:0;
padding:0 0 0 10px;
}

#top_search {
width:210px;
background:transparent;
border:0px;
text-align:center;
padding:5px;
}

/*** Navigation ***/
#navbar {
width:100%;
height:60px;
}

#navigation {
width:950px;
height:50px;
margin:0 auto;
padding: 5px 2px;
background: url(images/nav-split.png) center left no-repeat;
}

#nav_left {
float:left;
width:700px;
height:42px;
}

#nav_right {
float:right;
width:210px;
text-align:right;
margin-top:8px;
padding:-10px 0 0;
}

#nav_right a,#nav_right a:visited {
font-size:18px;
font-weight:700;
margin-right:5px;
color:#fff;
}

#nav a,#nav a:visited {
display:block;
width:153px;
color:#fff;
font-weight:700;
padding:18px 0;
line-height: 18px;
text-align:center;
background: url(images/nav-bg.png) top no-repeat;
}

.current-cat a,.current-cat a:visited {
    background: url(images/nav-active-bg.png) top no-repeat!Important;
}

#nav a:hover {
color:#fff;
}

#nav li ul {
position:absolute;
width:140px;
left:-999em;
}

#nav li li a,#nav li li a:link,#nav li li a:visited {
background:#F0F0F0;
width:140px;
float:none;
text-transform:none;
border-bottom:1px solid #CCC;
margin:0;
padding:9px 10px;
}

#nav li li a:hover {
background:#DDD;
}

#nav li ul ul {
margin:-25px 0 0 160px;
}

#nav li:hover ul ul,#nav li.sfhover ul ul {
left:-999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul {
left:auto;
}

/*** Content ***/
#content {
width:950px;
margin:10px auto 0;
}

/*** postarea ***/
#postarea {
width:825px;
float:left;
}

.postcontent {
border:1px solid #a3a09e;
background:#FFF;
margin:0 0 15px;
}

.postcontent_in {
border:1px solid #FFF;
background:#FFF url(images/body_bg.jpg) top repeat-x;
overflow:hidden;
padding:10px;
}

.post {
line-height:20px;
}

.post ul li {
list-style-type:square;
margin:0 0 2px 20px;
padding:1px 0 0;
}

.post ol li {
list-style-type:decimal;
margin:0 0 2px 20px;
padding:1px 0 0;
}

.meta {
background:#F4F3EE;
border:1px solid #DDD;
margin:5px;
padding:5px;
}

/*** Sidebar ***/
#sidebar {
float:right;
width:300px;
background:#FFF;
border:1px solid #878269;
color:#ededed;
-moz-border-radius:5px;
}

#sidebar a,#sidebar a:visited {
color:#000;
font-size:11px;
text-decoration:none;
}

#sidebar a:hover {
color:#fff;
}

#sidebar_in {
border:1px solid #d6d4c6;
-moz-border-radius:5px;
background:#58554c url(images/sb-bg.png) top repeat-x;
}

#sidebar h2 {
color:#ededed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
text-shadow:0 1px 0 #4e493c;
margin:0 0 5px;
padding:2px 0 2px 10px;
}

#sidebar ul li {
list-style-type:square;
margin:0 0 2px 25px;
padding:1px 0 0;
}

#sidebar ul li:hover {
padding-left:3px;
}

.widget {
margin-bottom:10px;
padding:5px;
}

.advertisment {
padding:5px 12px;
}

.advertisment img {
width:125px;
height:125px;
padding:5px;
}

.newsletter {
border:1px solid #C8C8C8;
background:#FFF url(images/newsletter.png) top no-repeat;
padding:5px 5px 5px 20px;
}

/*** Featured Section ***/
.featured_section {
margin: 10px 0;
width: 815px;
}

.featured_in {
overflow:hidden;
}

/*** Homepage, Search Page, Archive Page ***/
.thumbnail {
float:left;
width:157px;
height:157px;
overflow:hidden;
line-height:170px;
text-align:center;
margin:5px 5px 0 0;
}

.thumbnail img {
width:145px !important;
height:145px !important;
background:#e5e5e5;
border:1px solid #c9c9c9;
padding:5px;
}

.the_excrept {
width: 400px;
height: 115px;
margin: 5px 5px 0 0;
padding: 0 10px 10px;
float:left;
background:transparent;
}
.the_excrept_small { width: 180px!Important; }

.excrept_post {
margin: 0 auto;
width: 590px;
}
.excrept_post_small { 
    border:1px solid #96917c;
    background:#FFF;
    -moz-border-radius:5px;
    width: 390px!Important;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}

.excrept_in {
background: transparent;
overflow:hidden;
}

.excrept_in_small {
border:1px solid #FFF;
background:#FFF url(images/body_bg.jpg) top repeat-x;
overflow:hidden;
-moz-border-radius:5px;
padding:10px;
}

.excrept_post h2 {
border:none;
}

.excrept_post h2 a,.excrept_post h2 a:visited {
font-size:12px;
color:#444;
border:none;
text-shadow:0 1px 0 #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.excrept_data {
margin:3px 5px 0;
padding:2px 0 2px 0;
}

.excrept_right,#footer_right,.alignright {
float:right;
margin-left:10px;
}

.excrept_but_info {
color: #000;
float:right;
margin:0 0 0 10px;
border:0px;
width: 93px;
height: 32px;
background: transparent url(images/btn_info.gif) top left no-repeat;
}

.excrept_but a:hover {
}

/*** Page Navigation ***/
.pagenavigation {
clear: both;
margin:0 0 10px;
}

.pagenavigation a:hover {
color:#b5d708;
}

.navleft {
float:left;
background:#222 url(images/but.jpg) repeat-x;
padding:4px 10px;
}

.navright {
float:right;
background:#222 url(images/but.jpg) repeat-x;
padding:4px 10px;
}

/*** Footer ***/
#footer_bg {
width:100%;
background:#3d5765 url(images/footer.png) repeat-x;
border-top:1px solid #96917b;
margin-top:5px;
}

#footer {
width:950px;
font-size:11px;
color:#34322a;
margin:0 auto;
padding:0 0 10px;
}

#footer a,#footer a:visited {
color:#34322a;
font-size:11px;
}

#footer a:hover {
color:#34322a;
}

#footer_left {
float:left;
padding-top:10px;
}

.wplogo img {
width:84px;
height:84px;
}

/*** Comments ***/
.commentlist li {
font-weight:700;
list-style:none;
margin:15px 0 10px;
padding:10px 5px 10px 10px;
}

.commentlist li .avatar {
float:right;
background:#FFF;
border:1px solid #C8C8C8;
padding:2px !important;
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
}

.commentlist p {
font-weight:400;
text-transform:none;
margin:10px 5px 10px 0;
padding:0;
}

.commentmetadata {
font-weight:400;
font-size:10px;
display:block;
margin:0;
}

#respond:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.commentlist ol {
margin:0;
padding:10px;
}

.commentlist li ul li {
margin-right:-5px;
margin-left:10px;
}

.even,.alt {
border-bottom:1px solid #C8C8C8;
border-top:1px solid #C8C8C8;
}

/*** Comment Form ***/
#commentform input {
width:200px;
margin:5px 5px 1px 0;
padding:2px;
}

#commentform {
padding:0 5px 5px;
}

#commentform textarea {
width:100%;
padding:2px;
}

#commentform p {
margin:5px 0;
}

#commentform #submit {
float:left;
margin:0;
}

.trackbacks {
border:1px solid #DDD;
background:#F9F9F9;
margin:10px 0;
padding:5px;
}

.wp-caption img {
border:0;
margin:0 0 10px;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:10px;
font-style:italic;
font-weight:700;
line-height:12px;
margin:0;
padding:5px 0 0;
}

img.wp-smiley {
float:none;
border:none;
margin:0;
padding:0;
}

/*** Forms ***/
#author,#email,#url,#cName,#cMail,#cWeb {
background:#F9F9F9 !important;
width:200px;
font-weight:400;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
margin:0;
padding:4px;
}

#cCheck {
background:#F9F9F9 !important;
width:90px;
color:#444;
font-weight:400;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
margin:0;
padding:4px;
}

#comment {
background:#F9F9F9 !important;
width:550px !important;
color:#444;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
margin:0;
padding:4px;
}

#cMessage {
background:#F9F9F9 !important;
width:370px !important;
color:#444;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #F0F0F0;
border-bottom:1px solid #F0F0F0;
margin:0;
padding:4px;
}

#searchform {
overflow:hidden;
display:inline;
margin:0;
padding:0;
}

#topsearch {
background:transparent url(images/search_box.gif) no-repeat scroll 0 0;
width:135px;
color:#333;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
font-weight:400;
border: 0px;
display:inline;
margin:0;
padding:10px;
}

#newsbox {
background:#FFF;
width:160px;
color:#000;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
font-weight:400;
border-top:1px solid #666;
border-left:1px solid #666;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
display:inline;
margin:0;
padding:4px 0 4px 10px;
}

#s,#sb {
background:#F2F2F2;
width:140px;
color:#000;
font-size:11px;
font-family:Arial, Tahoma, Verdana;
font-weight:400;
border:1px solid #999;
display:inline;
margin:0;
padding:2px 0 2px 5px;
}

#submit,#searchbut,#newsbut,#cSubmit {
background:transparent url(images/btn_search.gif) no-repeat;
color:#FFF;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
font-weight:700;
border:none;
margin:0;
width:38px;
height:32px;
}

#cForm {
width:400px;
background:#FFF;
border:1px solid #DDD;
margin:10px auto;
padding:10px;
}

/*** General Reset ***/
* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.clear {
clear:both;
}

.aligncenter {
display:block;
text-align:center;
margin:0 auto;
}

.code {
border:1px solid #ccc;
font-family:Courier;
list-style:decimal-leading-zero;
padding:3px 5px 3px 35px;
}

.code code {
font:1.2em Monaco, "Courier New", Tahoma;
}

.code li {
background:#E5F2FF;
margin:2px 0;
padding:0 5px;
}

fieldset {
border:1px solid #DDD;
margin:5px;
padding:5px;
}

legend {
color:#666;
font:bold 12px Arial, Tahoma, Verdana;
margin:0;
padding:0 11px;
}

img {
border:none;
text-decoration:none;
}

.space {
margin:5px 0;
padding:0;
}

hr {
background:silver;
border:none;
color:#d0d0d0;
height:1px;
margin:10px 0;
}

blockquote {
background:#f1f1f1;
border-left:3px solid #ccc;
margin:10px;
padding:10px 0 10px 15px;
}

p {
margin:0;
padding:10px 0;
}

h1,h2,h3,h4,h5,h6 {
color:#101010;
font-family:Arial, Helvetica, sans-serif;
}

h1,h1 a,h1 a:visited {
font-size:24px;
}

h2,h2 a,h2 a:visited {
font-size:12px;
border-bottom:1px solid #C8C8C8;
margin-bottom:5px;
}

h3,h3 a,h3 a:visited {
font-size:16px;
}

h4,h4 a,h4 a:visited {
font-size:14px;
}

h6,h6 a,h6 a:visited {
font-size:11px;
}

.error {
text-align:center;
font-weight:700;
font-size:16px;
color:#C00;
background:#FFC;
border:1px solid #FC0;
margin:10px;
padding:10px;
}

.success {
text-align:center;
font-weight:700;
font-size:16px;
color:#060;
background:#CFC;
border:1px solid #360;
margin:10px;
padding:50px 0;
}

a:hover,.excrept_post h2 a:hover {
color:#101010;
}

#pagenav,#pagenav ul,#nav,#nav ul {
list-style:none;
line-height:1;
margin:0;
padding:0;
}

#pagenav li,#nav li,.alignleft {
float:left;
}

.post ul,.post ol,#sidebar ul {
list-style-type:none;
margin:0;
padding:0;
}

.post img,#cForm fieldset {
padding:5px;
}

#sidebar ul li a,#sidebar ul li a:visited,h5,h5 a,h5 a:visited {
font-size:12px;
}

.excrept_but a,.excrept_but a:visited,.pagenavigation a,.pagenavigation a:visited {
color:#FFF;
}

.commentlist,.wp-caption {
margin:0;
padding:0;
}

.thread-alt,.depth-3 {
background:#F7F7F7;
}

.thread-even,.depth-4 {
background:#F6F9FD;
}

.depth-2,.depth-5 {
background:#FFF;
}

.post-list li {
    display: block;
    border-left: 7px solid #CCCCCC;
    margin: 2px 0;
    padding: 0 0 0 5px;
}
.post-list li:hover {
    border-left: 7px solid #000;
}
.post-ratings {
    margin-top: 5px!Important;
}
