/* CSS Document */

* { margin:0; padding:0;}
html {font-size: 100% }
body { font: .76em  Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #000; background: url(/images/body-bg.jpg) repeat center top;; }

/* Common definitions  */

a {color:#0175bf}
a:hover {color:#c70000}
h1,h2,h3,h4,h5,h6 { margin:5px 0 0 0; padding:5px 0 3px 0; line-height: normal; color: #627e82; }
h1 { font-size: 1.5em; font-weight:normal }
h2 { font-size: 1.4em; font-weight:normal }
h3 { font-size: 1.3em; font-weight:normal }
h4 { font-size: 1.2em; font-weight:normal }
h5 { font-size: 1.1em }
h6 { font-size: 1em }
p { margin: 0 0 3px 0; padding:0 0 3px 0; }
ul, ol { margin: 5px 0 5px 20px; padding: 3px 0 3px 5px; }
li { margin: 2px 0; padding: 2px 0; }

a img { border:none;}

td { vertical-align:top;}

/* Layout */

#container { position:relative; margin:15px auto 5px auto; width:1012px; background: url(/images/frame_middle.png) repeat-y 0 0; overflow-x:hidden; }
* html #container { overflow-x:hidden; background-image:url(/images/frame_middle.jpg) }
#containerWrapper { padding:6px; background:url(/images/frame_top.gif) no-repeat 0 0;}
#containerBottom { position:absolute; left:0; bottom:0; width:1012px; height:12px; background:url(/images/frame_bottom.gif) no-repeat 0 0; }
* html #containerBottom { bottom:-1px; overflow:hidden; background:url(/images/frame_bottom.gif) no-repeat 0 0; }

#header { position:relative; height:285px; background: url(/images/top-bg.jpg) no-repeat 0 0;}

#wrapper{float:left; width:100%; }
#content{margin: 0 190px; min-height:400px;}
* html #content{ margin: 0 177px; height:400px;}

#navigation{float:left;width:180px;margin-left:-1000px; }
#extra{float:left;width:180px; margin-left:-180px; }

* html #navigation{width:177px;}
* html #extra{width:177px; }


#footer{ clear:both; height:64px; width:100%; background: url(../../images/footer-bg.png) repeat-x 0 0; }
* html #footer{ background-image: url(../../images/footer-bg.gif); overflow:hidden;}

/* Header */

#header img { border:none; }
#logo { display:block; position:absolute; right:25px; bottom:62px; width: 270px; height: 70px; background:none; text-indent: -1000px; overflow:hidden;}

#topNavigation { margin:0; padding:0 0 0 30px; position:absolute; right:135px; top:15px; list-style:none; background:url(/images/lang.gif) no-repeat 0 2px; }
#topNavigation li { display:inline; margin:0; padding-right:15px; }
#topNavigation .iconsDelimiter { padding-left:30px; }

#topNavigation a { line-height:16px; text-decoration:underline; color:#f4f2f4; font-size:12px; font-weight:bold;}
#topNavigation a:hover { text-decoration:underline; color:#fff}
#topNavigation .active, #topNavigation .active:hover { text-decoration:none; color:#fff}

#issueCover { position:absolute; right:15px; top:14px;}
#issueCover img { max-height:128px; }
* html #issueCover img { height:128px;}

#issueInfo { position:absolute; right:150px; bottom:45px; }
#issueInfo h1, #issueInfo h2 { margin:0; padding:0; text-align:right; font-weight:normal; font-size:15px; text-transform:uppercase; color:#333f3e }

#headerShadow { display:none; }


/* Top menu */

#topMenu { position:absolute; left:0; bottom:0; width:1000px; height:55px; background:url(/images/menu-bg.png) repeat-x 0 0; }
* html #topMenu { background-image:url(/images/menu-bg.gif)}

#topMenu ul { margin:0 30px; padding:0; list-style:none; }
#topMenu li { display:block; float:left; margin:0; padding:0 0 0 17px; height:47px; background:url(/images/menu-bullet.gif) no-repeat left center; }
#topMenu li a { display:block; float:left; position:relative; margin:0 8px 0 1px; padding:0 12px 0 15px; height:47px; line-height:47px; text-align:center; color:#faeac1; text-decoration:none; font-weight: bold; font-size:13px; }
#topMenu li a:hover, #topMenu li a.active { color:#ffed8b;}
#topMenu li a.active  { color:#ffed8b }

* html #topMenu li a { display: inline; }  /* ooooo.... ie6  ;)  */

/* Dropdown menu */

#topMenu .sub { position:relative; }
#topMenu .sub ul { display:none; position:absolute; left:1px; top: 32px; padding:5px 15px; min-width:100px; z-index:100; list-style: none; background: transparent url(/images/dropdown_bg.png); }
* html #topMenu .sub ul { width:120px;}
#topMenu .sub ul li { display:block; float:none; margin-bottom:7px; height:auto }
#topMenu .sub ul li a { display:inline; float:none; margin:0 !important; padding:0 !important; color:#fefefe; line-height:normal; font-size:12px; font-weight:normal; background: none; white-space:nowrap; }
#topMenu .sub ul li a:hover { text-decoration:underline }

/* Content */

#wrapper { margin-bottom:10px; background:url(/images/content-bg.jpg) repeat 0 0; }
.pageTitle { margin-bottom:10px; padding-bottom:5px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#449383; background:url(/images/dotted_bg.gif) repeat-x left bottom; }
.leftColumn { float:left; width: 49%; }
.rightColumn { float:right; width: 49%; }

.columnHeader { clear:left; margin:0 0 5px 0; padding:0 0px; font-size:19px; color:#af1c19; line-height:27px; }
* html .columnHeader { zoom:1 }

.path { margin-bottom:10px;}
.date { font-size:.9em; color:#7b0805; }

/*
.brown { color:#938344 }
.navy { color:#2d5c60 }
.red { color:#c70000 }
.catHeader { padding:5px 0; width:163px; height:16px; overflow:hidden; text-indent: -1000px;  background:url(../../images/cat-header.gif) no-repeat left center;}
*/


/* Side menu */

#navigation .columnWrapper { margin: 7px 0 0 7px; padding-right:10px; min-height:330px; background:url(../../images/left-shadow.png) no-repeat right 25px; }
#extra .columnWrapper { margin: 7px 7px 0 0; padding-left:15px; min-height:330px; background:url(../../images/right-shadow.png) no-repeat left 25px; }
* html #navigation .columnWrapper { height:330px;  background-image:url(../../images/left-shadow.gif) }
* html #extra .columnWrapper { height:330px;  background-image:url(../../images/right-shadow.gif) }

.sideMenu { margin:0; padding:0 0 10px 0; list-style:none;}
.sideMenu li { margin:0 1px 3px 0; padding:0 0 3px 0; background:url(../../images/dotted-line.gif) repeat-x left bottom; }
* html .sideMenu li { zoom:1; }
.sideMenu li a { display:block; padding:0; color:#000; /*font-size:1.1em;*/ text-decoration: none; background:url(/images/dotted_bg_light.gif) repeat-x left bottom; }
.sideMenu li a:hover, .sideMenu li .active { color:#c70000; }

.banners { margin: 10px 0; text-align: center; }
.banners img { margin-bottom: 5px; border:none; }


/* Footer */

#footer { position:relative; font-size:1em; }

#footer a { color:#e4d5aa; text-decoration:underline; }
#footer a:hover { color:#e4d5aa; text-decoration:none; }

#copyrights { float:left; margin:20px 0 0 25px; }
#copyrights p { margin:0; padding:0; color:#e4d5aa }

#footerMenu { float:right; margin:10px 20px 0 0; padding:0; list-style:none; }
#footerMenu li { display:inline; margin:0; padding:0; }


.counters { position:absolute; top:23px; right:20px;}
.counters img { margin-left:5px; }

/* Shop additional styles  */

.shopNavigation { margin-top: 10px;}

