/** import globals and modules styling **/

@import url(globals.css);
@import url(modules.css);

/** CUSTOM SPECIFICS */
html{ min-width: 1024px; height: 100%; background: #c7cecf url(design/center_bkg.png) repeat-y center top; }
body{ height: 100%; background: transparent url(design/body_bkg.png) repeat-x center top; }
.sserif{ font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
#pageWrapper{ background: url(design/header_bkg.jpg) no-repeat center top; }
#headerWrapper{  }
#head{ width: 900px; margin: 0 auto; height: 130px; }
#logo{ float: left; margin: 25px 0 0 25px; }
#navWrapper{ width: 40%; float: right; margin: 95px 0 0; font: normal normal normal 11px/14px Geneva, Arial, Helvetica, sans-serif; }
#nav{}
#nav div{ float: left; margin: 0 40px 0 0; }
#nav div a{ text-transform: uppercase; color: red; letter-spacing: 1px; text-decoration: none; display: block; }
#nav div a:hover{ border-bottom: 1px solid red; }
#nav div a span{ color: #fff; height: 20px; line-height: 20px; display: block; }
#columnWrapper{ width: 1024px; margin: 0 auto; background: url(design/content_top.png) no-repeat center top; }
#contentWrapper{ width: 900px; margin: 0 auto; overflow: auto; min-height: 500px; }
#contentTop{}
#columnLeft{ line-height: 18px; }
#columnRight{ font-size: .9em; }
#footerWrapper{ height: 60px; width: 901px; margin: 60px auto 0; }
#footerWrapper a{ color: #fff; }
#footerWrapper ul, #footerWrapper li{ list-style-type: none; margin: 20px 0; padding: 0; color: #ccc;  }
#footerWrapper li{ margin: 0px 10px; }
#footerWrapper div{ color: #ccc; background: black; padding: 6px; }
.articleListing{ margin: 0 0 36px; overflow: auto; }
h1, h1 a, span.header{ color: red; font-size: 1.2em; }
h2, h2 a{ color: #333; font-size: 1.1em; }
span.red{ color: red; }
a{ color: #333; }

/** TOPPER **/
#topper{ overflow: auto; padding: 14px; }
#topperLeft{ width: 583px; float: left; }
#topperRight{ width: 270px; float: right; border-top: 1px solid rgba(201, 207, 205, 1); }
#topperRight div.abstract{ padding: 22px 0; border-bottom: 1px solid rgba(201, 207, 205, 1); }
#topperRight div.abstract.current{ background: rgba(192, 192, 192, 1); }
#topperRight p{ margin: 0 0 0 8px; }
#topperRight p.title{  }
#topperRight p.text{  }

/** HOME PAGE STYLES **/
#columnLeft{ width: 583px; float: left; padding: 0 14px; }
#columnRight{ width: 256px; float: right; margin-right: 14px; }

/** OPED EDIT LISTING **/
.articleListing h1{ margin: 8px auto; }
.truncText{ margin: 6px auto; }

/** OPED EDIT/CREATE **/
#oped.show #topper, #oped.edit #topper, #oped.add #topper{display: none; }
#oped.show #columnRight, #oped.listing #columnRight, #oped.edit #columnRight, #oped.add #columnRight{ float: right; }
#oped.show #columnLeft, #oped.listing  #columnLeft, #oped.edit #columnLeft, #oped.add #columnLeft{ width: 583px; }
#oped.show .pageListing, #oped.edit .pageListing, #oped.add .pageListing{ margin: 0 auto; border-bottom: 2px solid #fff; padding: 6px 12px; }
#oped.show .pageListing table, #oped.edit .pageListing table, #oped.add .pageListing table{ width: 100%; }
#oped.show .pageListing table td, #oped.edit .pageListing table td, #oped.add .pageListing table td{ padding: 4px; }
#oped.show .pageListing .title, #oped.edit .pageListing .title, #oped.add .pageListing .title{ width: 65%; }
#oped.show .pageListing .edit, #oped.edit .pageListing .edit, #oped.add .pageListing .edit{  }
#oped.show .pageListing .delete, #oped.edit .pageListing .delete, #oped.add .pageListing .delete{  }