@charset "UTF-8";
/* CSS Document */

body {background:#616692; margin:0; margin-top:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#21202e}
a {text-decoration:none; font-weight:bold; color:#4852a7}
a:hover {color:#d76c26}
h1, h2, h3 {margin:15px 0 10px}
.blueHead {color:#4852a7}
.darkHead {color:#282732}
.orangeHead {color:#d76c26}
.script {font-family:"Brush Script MT", Helvetica, sans-serif}

#container, #head {width:1110px; position:relative}
#container {background:url(images/bg-content.jpg) repeat-y; margin:auto; margin-top:0}
#head-index {height:450px; background:url(images/head-index.jpg)}
#head-sub {height:370px; background:url(images/head-sub.jpg)}
#headMenu {width:350px; position:relative; left:80px; top:130px; font-size:13px; font-weight:bold; line-height:24px}
#headMenu ul {list-style:none; margin:0; padding:0}
#headMenu li ul {margin-top:-5px}
#headMenu li li {font-size:9px; line-height:15px; padding:0 4px; border:1px dotted #fff; float:left; margin-bottom:7px}
#headMenu li li:hover {background:#e8e9f2}
#headMenu a {color:#70767e}
#headMenu li li a {color:#616692}
#headMenu a:hover {color:#d76c26}
#pageTitle {position:absolute; top:160px; right:100px; text-align:right; font-size:28px; line-height:30px; font-weight:bold; color:#fff}

#magazine, #writers, #advertising, #elders {width:430px; height:370px; position:absolute; left:-45px; z-index:1}
#magazine {background:url(../../images/covers.png); top:-191px;}
#writers {background:url(images/sidebar-writers.png); top:-100px}
#advertising {background:url(images/sidebar-advertising.png); top:-100px}
#elders {background:url(images/sidebar-elders.png); top:-100px}

#content {width:525px}
.content-index {top:-25px}
.content-sub {top:-75px}
#menu, #content {float:left; position:relative}
#menu {width:390px}
.menu-index {margin:80px 20px 0 67px}
.menu-sub {margin:150px 20px 0 67px}
#menuTop {background:url(images/bg-menuTop.png); height:45px}
#menuContent {background:url(images/bg-menu.png); padding:40px 10px 0 200px}
#magMenu {position:relative; z-index:10}
#menuContent a {display:block; border-bottom:2px solid #bac4f6; padding:5px}
#menuFooter {background:url(images/bg-menuBottom.png); height:45px}

#leftColumn {background:#fff; padding:10px; border:1px solid #bac4f6; margin:40px 20px 0 67px}


#footer {height:70px; width:1010px; background:url(images/bg-footer.jpg); font-size:11px; color:#959595; text-align:center; padding:5px 50px 50px}


.clear {margin:0; width:0; height:0; clear:both}
.empty {display:none}
.fullwidth {width:100%}
table.ads {background:#fff}
table.ads td {padding:3px; border:1px solid #e8e6e6}
.row-head {background:#e8e6e6; font-weight:bold}


#archive a, .thumbscontainer li, ul.thumbs li, .resources-item {display:block; background:#fff; float:left; border:1px solid #e8e6e6; text-align:center; font-size:10px; position:relative}
.thumbscontainer li, ul.thumbs li {padding:15px; width:135px; height:130px}
#archive a {padding:10px 9px 10px 10px; width:110px; border:1px solid #e8e6e6; text-align:center; font-size:10px}
#archive a:hover, .thumbscontainer li:hover, ul.thumbs li:hover, .resources-item:hover {border-color:#a7b2f0}
#archive a img {margin-bottom:5px; width:110px; border:1px solid #e8e6e6}
.archiveYear {background:#e8e6e6; padding:8px; font-size:14px; letter-spacing:5px; font-weight:bold; clear:both; text-align:center}
.thumbscontainer li {margin:0}
ul.thumbs li {line-height:12px}
.resources-item {padding:15px; clear:both; text-align:left; width:95%}
.resources-item img {float:left; width:100px; margin: 0 15px 5px 0; border:0}
.resources-item a {font-size:14px}

.picfloatL {float:left; margin:-10px 12px 5px 0}
.picfloatR {float:right; margin:-10px 0 5px 12px}
.stroke {border:2px solid #e8e6e6}