/* MEIN MAGAZINE CSS - AUTHOR: MEERA TANK - ID MEDIA LONDON */
/* BASE CSS */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
span.hidden {display: none;}

/* GLOBAL STRUCTURE */
hr {border: 0; border-top: 1px solid #432022; }
p {padding: 0 0 8px 0;}
a {color: #cd9729; text-decoration:none; }
a:hover {text-decoration: underline;}
h1 {padding: 0 0 10px 0;}
body {background:url('images/bg.gif') repeat #231510; padding: 0; font-family: "Lucida Grande", Lucida Sans Unicode, Arial, Verdana, sans-serif; color: #999999;  }
#container {margin: 0 auto; width: 978px;}
#main_content {float: left; width: 666px; font-size: 0.8em; padding: 6px 0 0 0;}
#main_content ul, #main_content ol { margin-left: 18px; list-style-type: square;  }

#main_content h1 { clear: both; padding: 20px 0 10px; }
#main_content strong { font-weight: bold;}
#main_content_area {float: left; background:#1e0000; width: 618px; padding: 0 24px 10px 24px; }


/* RIGHT NAVIGATION CONTENT */
#navigational_content_new_layer {float: left; width: 286px; margin: 10px 0 0 24px;  }
#navigational_content {background: #190000;}
.logo {text-align: center; padding:40px 0; }
#navigation {width:286px; height: 73px; background:url('images/nav-bg.gif') top no-repeat; font-size: 16px; text-align: center; padding: 40px 0 0 0}

#navigationul {margin: 0px 19px 0px; height:25px;}
#naviagtionul2 {margin: 0px 17px 0px;} /*padding: 10px 15px 10px 18px; */ 

#navigation li {float: left; text-align: center; color: #cd9729; #padding: 0 0px;}
#navigation li.nav_seperator {position: relative; background:url('images/nav-sep.gif') no-repeat; width: 4px; height: 5px; top: 10px; margin: 0 4px; }

#newsletter {float: left; padding: 25px 0 0 8px; font-size: 0.7em;}
#newsletter .error {font-size: 10px; margin: 0 0 3px 0;}
#newsletter input {width: 160px; border: 1px solid #442626; background: #260000; color:#876464; font-size: 12px; padding: 4px 1px 5px 8px; #padding: 5px 1px 5px 8px; }
#newsletter input.button {width: 83px; padding: 3px 1px 4px 0; color:#cd9729; cursor: pointer; }

.nav_news_tab {background:url('images/nav-tab-bg.gif') repeat-x; width: 100%; height:95px;}
.nav_news_tab .imgholder {float: left; width: 80px; padding: 17px 0 0 11px;}
.nav_news_tab p {float: left; width: 170px; color: #856f70; font-style: italic; padding: 25px 0 0 20px; font-size: 0.9em; }
.nav_news_tab p a { color:#999999; }
.nav_news_tab_bottom {background:url('images/nav-tab-bottom.gif') repeat-x; width: 284px; height:29px;}
#nav_content {background: #190000; font-size: 0.8em;}
.inside_mien, .mien_loves {float: left; width: 264px;  border-bottom: 1px solid #3b292b; padding: 15px 11px 15px 11px;  background: #190000; }
#search {float: left; width: 264px; padding: 15px 11px 15px 11px;  border-bottom: 1px solid #3b292b; background:#190000 none repeat scroll 0 0;	}
#search input {width: 145px; border: 1px solid #442626; background:url('images/search_glass.gif') no-repeat top left #190000; color:#876464; font-size: 12px; padding: 4px 1px 5px 25px; #padding: 5px 1px 5px 25px; }
#search input.button {width: 80px; padding: 3px 1px 4px 0; color:#cd9729; cursor: pointer; background:none; }
.twitter {float: left; width: 264px; padding: 15px 11px 15px 11px;  background: #190000;}
.inside_mien h2 {padding: 0 0 15px 0;}
.mien_loves ul {float: left; width: 264px; }
.mien_loves li {float: left; width: 50%; padding: 2px 0;}

/* FOOTER CONTENT */
#footer {float: left; width: 100%; height: 280px; margin: 40px 0 0 0; background:url('images/footer-bg.gif') repeat-x bottom;}
.footer_container {margin: 0 auto; width: 978px; padding: 47px 0 0 0;}
.footer_container a {color: #cccccc;}
.footer_container div.footer_logo {float: left; margin: 3px 70px 0 0;  }
.footer_container div.contribute{float: left; width: 260px; padding: 0 40px 20px 0; line-height: 18px; }
.footer_container div.subscriptions {float: left; width: 240px; padding: 0 22px 0 0; line-height: 18px;}
.footer_container div.information {float: left; width: 185px; text-align: left; font-size: 0.8em; line-height: 18px; }
.footer_container div.contribute p, div.information p, div.subscriptions p {text-align: left; font-size: 0.8em; padding: 0 0 10px 0; color:#999999;}
.footer_container p {text-align: center; color: #594d4d; font-size: 9px; float: left; width: 100%; padding: 3px 0 0 0; }

#aboutTable {margin: 20px 0 0;}

#aboutTable td {vertical-align: top; padding:0 0 25px;}
#aboutTable h2 {padding: 0 0 0 0}
#aboutTable img {padding: 5px 0 0}

/* ADVERT */
.advert1 {width: 570px; background-color: #411516;}
.advert1 .ad_left_col {float: left; width: 31px; background-color: #411516;}
.advert1 .ad_left_col div {height: 18px; background-color: #411516;}
.advert1 .ad_main_col {float: left; width: 468px; padding: 10px 20px; text-align: center; background-color: #411516;}
.advert1 .ad_main_col div {margin: 0 auto; background-color: #411516;}
.advert1 .ad_right_col {float: left; width: 31px; background-color: #411516;}

/* ADVERT 2 */
.advert2 { background-color: #411516;}
.advert2 .ad_left_col {float: left; width: 31px; background-color: #411516;  margin-top: 20px;}
.advert2 .ad_left_col div {height: 201px; background-color: #411516;}
.advert2 .ad_main_col {float: left; width: 200px; padding: 31px 10px; text-align: center; background-color: #411516;  margin-top: 20px;}
.advert2 .ad_main_col div {margin: 0 auto; background-color: #411516;}
.advert2 .ad_right_col {float: left; width: 31px; background-color: #411516;  margin-top: 20px;}

/* SITE MAP */

.ddsg-wrapper { float: left; width: 100%;}
#main_content .ddsg-wrapper h1 { font-weight: bold; font-size: 12px; padding:0 0 3px 0; }
.ddsg-pagenav { margin: 0 0 10px 0; text-align: right;}
.ddsg-wrapper ul {padding: 0 0 10px 10px;}
.ddsg-wrapper ul li { font-size: 11px;}
.ddsg-wrapper ul li a {color: #fff;}
.ddsg-wrapper .left_col {float: left; width: 300px; }
.ddsg-wrapper .right_col { float: right; width: 300px;}