html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, img, hr, ul, li, ol
{padding: 0; margin: 0; border: 0; list-style-type: none;}

body, html {height:100%;}
body {font:.7em Verdana, Arial, Helvetica, sans-serif; background:#fff url(../im/bodybg.gif) repeat-x top; color:#272727;}
a {color:#E10051; text-decoration:none} a:hover {text-decoration:underline;}
input, select, textarea {font:1em Verdana, Arial, Helvetica, sans-serif; padding:1px}
table {border-collapse: separate; border-spacing: 0;}
h1, h2, h3, h4, h5{font-family: Arial, Helvetica, sans-serif;}
#header h1 a span, a.totop span, a.vote span {display:none;}

#wrapper {width:980px; margin:0 auto}

#header {width:980px; height:290px; background:url(../im/headerbg.jpg) no-repeat 0 0; position:relative;}
#header h1 {position:absolute; left:390px; top:42px;}
#header h1 a {display:block; width:203px; height:77px; background:url(../im/logo.gif) no-repeat 0 0;}
#header h1 a:hover {background-position:0 -77px}

#content {width:980px; float:left; padding-bottom:20px; position:relative; margin-top:-140px; min-height:310px;}

.box {float:left; width:330px; background:url(../im/box/box-bg-330.gif) no-repeat bottom; margin-right:10px; padding-bottom:30px;}
.boxtop {float:left; width:330px; background: url(../im/box/boxtop-bg-330.gif) no-repeat top; padding-top:30px;}
.boxi {float:left; width:260px; background:url(../im/box/boxi-bg-330.gif) repeat-y; padding:0 35px; position:relative;}
a.totop {position:absolute; right:5px; bottom:0; width:15px; height:52px; background:url(../im/box/totop.gif) no-repeat 0 0;}
a.totop:hover {background-position:0 -52px}
.purple a.totop {background-position:0 -104px}
.purple a.totop:hover {background-position:0 -156px}

#content.home .boxi{height:560px;}

.box390 {width:390px; background-image:url(../im/box/box-bg-390.gif);}
.box390 .boxtop {width:390px; background-image: url(../im/box/boxtop-bg-390.gif);}
.box390 .boxi {width:320px; background-image:url(../im/box/boxi-bg-390.gif);}

.box730 {width:730px; background-image:url(../im/box/box-bg-730.gif);}
.box730 .boxtop {width:730px; background-image: url(../im/box/boxtop-bg-730.gif);}
.box730 .boxi {width:660px; background-image:url(../im/box/boxi-bg-730.gif);}

.box640 {width:640px; background-image:url(../im/box/box-bg-640.gif);}
.box640 .boxtop {width:640px; background-image: url(../im/box/boxtop-bg-640.gif);}
.box640 .boxi {width:570px; background-image:url(../im/box/boxi-bg-640.gif);}

.box240 {width:240px; background-image:url(../im/box/box-bg-240.gif); float:right; margin:0}
.box240 .boxtop {width:240px; background-image: url(../im/box/boxtop-bg-240.gif);}
.box240 .boxi {width:170px; background-image:url(../im/box/boxi-bg-240.gif);}

.box240.purple {background-image:url(../im/box/box-bg-240-purple.gif);}
.box240.purple .boxtop {background-image: url(../im/box/boxtop-bg-240-purple.gif);}
.box240.purple .boxi {background-image:url(../im/box/boxi-bg-240-purple.gif);}

h3.title {font-size:2.2em; color:#242424; line-height:30px; text-transform:uppercase; margin-bottom:15px}
h3.title span {font-weight:normal; font-size:.7em; line-height:16px} h3.title a {color:#9E0039} h3.title a:hover {text-decoration:none}
.last-issue {background:url(../im/title-last-issue.gif) no-repeat 0 0; padding-left:27px}
.issues {background:url(../im/title-issues.gif) no-repeat 0 0; padding-left:27px}
.blog {background:url(../im/title-blog.gif) no-repeat 0 0; padding-left:27px}
.competition {background:url(../im/title-competition.gif) no-repeat 0 0; padding-left:27px}
.sections {background:url(../im/title-sections.gif) no-repeat 0 0; padding-left:27px}
h3.title a:hover {color:#E10051}

a.go-prev {background:url(../im/go-prev.gif) no-repeat 0 2px; font-family:Arial, Helvetica, sans-serif; display:block; float:left; font-size:1.6em; font-weight:bold; text-transform:uppercase; padding:0 0 0 40px; white-space:nowrap}
a.go-prev span {color:#4E4E4E; font-size:.6em; font-weight:normal;}
a.go-prev:hover {text-decoration:none; background-position:0 -33px}

a.vote {display:block; float:left; width:133px; height:20px; background:url(../im/button-vote.gif) no-repeat 0 0;}
a.vote:hover {background-position:0 -20px}

.new-issue {width:200px; margin:0 auto}
.new-issue img {margin-bottom:20px}
.new-issue h4 {font-size:1.8em; font-weight:normal}
.new-issue p {line-height:16px; border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px}

#footer {width:910px; height:53px; padding:27px 35px 0 35px; background:url(../im/footerbg.gif) no-repeat 0 0; clear:both; float:left; font-size:.9em;}
#copyright {float:left; font-weight:bold; width:210px} #copyright span {color:#777777}
#footer-links {float:left;} #footer-links li {float:left; background:url(../im/b1.gif) no-repeat right 5px; padding:0 6px 0 5px}
#created-by {float:right; font-weight:bold; width:200px; text-align:right}

.items-list {padding-top:15px;}
.items-list dt {border-bottom:solid 1px #EFEFEF; padding:0 0 15px 0; font-size:1.6em; float:left; width:100%;}
.items-list dt span {color:#4E4E4E; font-size:.6em; clear:both; display:block}
.items-list dd {padding:15px 0; line-height:16px; float:left; width:100%;}
.items-list a.img {border-left:solid 3px #9E0039; padding-left:3px; float:left; margin-right:15px;}
.items-list a.img:hover {border-left:solid 3px #B5B5B5}
.items-list dd p.item-info {background:url(../im/dot1.gif) repeat-x center; float:left; width:100%; margin-top:10px; line-height:normal}
.items-list dd p.item-info span {background:#fff url(../im/items-icons.gif) no-repeat 0 0; display:block; float:left; height:13px; padding:0 7px 0 20px}
.items-list dd p.item-info span.comments {background-position:0 -13px}

#blog-list .boxi{padding-right:0; width:355px}
#content.home .items-list { margin-left:27px; height:480px; padding-right:67px; overflow:hidden; width:283px; background:url(../im/line1.gif) no-repeat 0 0}

.competition-info {float:left; width:100%; border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px;}

.issues-list {float:left; width:660px; padding-bottom:10px}
.issues-list li {float:left; border-bottom:solid 1px #ddd; text-align:center; width:220px; margin-bottom:5px}
.issues-list li h4 {font-size:1.8em; font-weight:normal; padding:5px 0}

.pager {float:left; font-size:1.4em; font-weight:bold}
.pager li {float:left; padding:0 5px}

#menu {padding-bottom:15px; float:left; width:100%; font-size:1.2em}
#menu li.main {font-weight:bold; background:none; padding:0}
#menu li {line-height:20px; background:url(../im/b2.gif) no-repeat 0 8px; padding-left:10px}

#article {font-size:1.2em}
#article p {margin-bottom:10px;}
#article h2 {font-size:2em; margin-bottom:10px; color:#9E0039}
#article h3 {font-size:1.8em; margin-bottom:10px}
#article h4 {font-size:1.4em; margin-bottom:10px; color:#9E0039}
#article h5 {font-size:1.2em; margin-bottom:10px}
#article p.fb_share {margin:0}
.fb_share_link { padding:2px 0 0 20px; background:url(../im/fb.gif) no-repeat 0 3px;}

#article.blog-content {padding-bottom:15px}
#article.blog-content img {margin:0 10px 0 0;}
p.blog-info {background:url(../im/dot1.gif) repeat-x center; float:left; width:99%; line-height:normal; font-size:.8em}
p.blog-info span {background:#fff url(../im/items-icons.gif) no-repeat 0 0; display:block; float:left; height:13px; padding:0 7px 0 20px}
p.blog-info span.comments {background-position:0 -13px}
p.blog-info span.category {background-position:0 -26px}

h4.comments {font-size:1.6em; border-top:solid 3px #ddd; padding-top:15px; font-weight:normal; color:#242424; line-height:26px; text-transform:uppercase; margin-bottom:15px; clear:both; float:left; width:100%}
h4.comments span {font-weight:normal; font-size:.8em; line-height:12px}
.comments dd {border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px; float:left; width:660px}
.comments dd p.comment-info {background:url(../im/items-icons.gif) no-repeat 0 -13px; height:13px; padding:0 0 0 20px; margin-bottom:5px; color:#858585}
.comments dd p.comment-info strong {color:#242424}

.comment {float:left; width:660px; clear:both; padding-top:15px}
.comment p {padding:0 0 10px 0; float:left; width:660px;}
.comment label {float:left; display:block; width:120px; font-size:1.2em; padding-top:1px}
.comment input, .comment textarea {float:left; width:200px; border:solid 1px #9E0039; font-size:1.2em} .comment textarea {width:330px}
.comment p.padding {padding-left:120px; width:auto; padding-bottom:0} .comment p img {float:left; margin-left:10px}
.comment p.padding input {width:140px; background:#9E0039; color:#fff; font-weight:bold; cursor:pointer}
.comment label.error {height:20px}

#tooltip{position:absolute; border:1px solid #fff; background:#9E0039; padding:2px 5px; color:#fff; display:none; z-index:999; font-size:1.2em}
span.selected {background: url(../im/checked.png) no-repeat 0 0; width:40px; height:40px; position:absolute; bottom:10px; left:10px}
span.year {background:#E10051; color:#fff; font-size:1.4em; font-weight:bold; display:block; padding:2px 4px; position:absolute; top:0; right:0}

#competition-form {float:left; width:660px; clear:both; padding-top:15px; font-size:1.2em; margin-bottom:10px}
#competition-form p {padding:0 0 10px 0; float:left; width:660px;}
#competition-form label {float:left; display:block; width:130px; padding-top:2px}
#competition-form input {float:left; width:240px; border:solid 1px #9E0039;}
#competition-form input.small {width:60px}
#competition-form p.padding {padding-left:130px; width:auto; padding-bottom:0} #competition-form p img {float:left; margin-left:10px}
#competition-form p.padding input {width:100px; background:#9E0039; color:#fff; font-weight:bold; cursor:pointer}
div.notice {background:#009F07; color:#fff; font-weight:bold; padding:10px; width:640px; margin-bottom:10px; clear:both;}
div.error {background:#E10051; color:#fff; font-weight:bold; padding:10px; width:640px; margin-bottom:10px; clear:both}

span.req {color:red}
input.error, textarea.error {border:solid 1px #242424 !important}
label.error {color:#fff; background:#242424; height:18px; width:auto !important; padding:0 10px}

#awards {float:left; width:100%}
#awards li {float:left; padding-right:20px} #awards li.main {width:100%; padding:0; font-size:1.4em; font-weight:bold; text-transform:uppercase; padding:20px 0 10px 0; color:#BB012A}