/*
	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:#d5d0c4 url(images/bg.png) top repeat-x;
width:100%;
}

/*** Hyperlinks	***/
a,a:visited {
color:#5150d1;
font-size:12px;
font-weight:bold;
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) top no-repeat;
height:130px;
margin:0 auto;
}

#header_left {
width:700px;
float:left;
padding-top:10px;
}

#header_right {
width:250px;
float:right;
padding:27px 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:30px;
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:#3f3b30;
border:1px solid #97937f;
text-align:center;
padding:5px;
}

/*** Navigation ***/
#navbar {
width:100%;
height:40px;
}

#navigation {
width:950px;
height:30px;
margin:0 auto;
}

#nav_left {
float:left;
width:700px;
height:42px;
}

#nav_right {
float:right;
width:210px;
text-align:right;
margin-top:-11px;
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;
color:#101010;
font-weight:700;
padding:14px 15px;
}

#nav a:hover {
background:#96917b;
color:#101010;
border-top:1px solid #b6c10f;
-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
}

#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:630px;
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;
min-height:800px;
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:#002850;
-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:#002850;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
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 {
border:1px solid #a3a09e;
background:#FFF;
margin:0 0 10px;
}

.featured_in {
border:1px solid #FFF;
background:#FFF url(images/body_bg.jpg) top repeat-x;
overflow:hidden;
padding:10px;
}

.featured_in img {
width:600px;
}

/*** Homepage, Search Page, Archive Page ***/
.thumbnail {
float:left;
width:142px;
height:142px;
overflow:hidden;
line-height:170px;
text-align:center;
margin:5px 5px 0 0;
}

.thumbnail img {
width:130px !important;
height:130px !important;
background:#e5e5e5;
border:1px solid #c9c9c9;
padding:5px;
}

.the_excrept {
width:440px;
float:right;
background:transparent;
}

.excrept_post {
border:1px solid #96917c;
background:#FFF;
-moz-border-radius:5px;
margin:0 0 15px;
}

.excrept_in {
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:20px;
color:#444;
border:none;
text-shadow:0 1px 0 #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.excrept_data {
margin:3px 0;
padding:2px 5px 2px 0;
}

.excrept_left {
float:left;
color:#58554c;
font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
font-style:italic;
font-size:12px;
font-weight:700;
background:#e5e5e5;
border:1px solid #c9c9c9;
padding:3px 8px;
}

.excrept_but {
float:right;
margin-right:5px;
border:1px solid #778101;
-moz-border-radius:5px;
background:#222 url(images/bg.png) top left repeat-x;
padding:4px 10px;
}

.excrept_but a:hover {
color:#778101;
}

/*** Page Navigation ***/
.pagenavigation {
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:#EEE;
width:140px;
color:#000;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
font-weight:400;
border-top:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #666;
border-right:1px solid #666;
display:inline;
margin:0;
padding:4px 0 4px 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:#222 url(images/but.jpg) repeat-x;
color:#FFF;
font-size:12px;
font-family:Arial, Tahoma, Verdana;
font-weight:700;
border:none;
margin:0;
padding:3px 10px;
}

#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:18px;
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;
}

.excrept_right,#footer_right,.alignright {
float:right;
}

.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;
}