/* Developed By: Jake Alger */
/* Modifications by: Zach Koncir Feb 2010 */

*           { margin: 0; padding: 0; }
html        { background:#fff url(../images/html.png) no-repeat 50% 0; height: 101%; }
body        { color:#000; text-align: center; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; }
h1          { text-indent: -9000px; }
h2,
h3          { font-family: Trajan Pro; font-weight: normal; color:#000; font-size: 14px; }
h4          { color: #636363; font-weight: bold; font-size: 12px; text-transform: uppercase; }
img         { border: 0; vertical-align: bottom; }
a           { color:#fff; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; }
ul          { list-style-type: none; }
li          { display: inline; }
em          { font-style: normal; }
address     { font-style: normal; }
input       { vertical-align: middle; font-size: 12px; }
select      { font-size: 13px; font-weight: normal; color: #12395A; }
option      { padding: 0 5px; }
textarea    { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; }

a.button    { padding: 3px 6px; border: 1px solid #aaa; color: #000; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

#wrapper    { margin: 0 auto; width: 1252px; text-align: left; }
#container  { margin: 0 auto; width: 914px; }

h1 a { width: 279px; height: 100px; margin-top: 5px; float: left; background: url(../images/header.png) no-repeat; }

h2      { width: 232px; height: 49px; color:#4d1a40; float: right; clear: right; text-align: center; font-size: 20px; }
h2.home { margin-top: -6px; background: url(../images/home-page-title.png) no-repeat; text-indent: -9000px; }
h2.archive { margin-top: -3px; background: url(../images/archive-page-title.png) no-repeat; text-indent: -9000px; }
h2.about-us { padding-top: 5px; background: url(../images/page-title.png) no-repeat; }
h2.advertise { padding-top: 5px; background: url(../images/page-title.png) no-repeat; }
h2.admin { margin-top: 81px; text-indent: -9000px; background: url(../images/admin-page-title.png) no-repeat; }
h2.apparel { margin-top: -4px; text-indent: -9000px; background: url(../images/apparel-page-title.png) no-repeat; }

h3 { font-size: 22px; color:#8b2b45; }
h3.archive { width: 361px; height: 34px; background: url(../images/miss-an-issue.png) no-repeat; text-indent: -9000px; }

span.pink   { color:#ff4478; padding-top: 15px; float: left; font-weight: bold; }

p.error     { width: 100%; clear: both; }

#login-box                      { width: 396px; margin: 0 auto; }
#login-box h4                   { text-align: center; }

form.login                 { width: 396px; }
form.login fieldset        { margin-top: 10px; padding: 20px 60px; background-color: #f7f7f7; border: 1px solid #e2e2e2; }
form.login fieldset label  { display: block; text-align: left; margin: 0; }
form.login fieldset
 input.text                     { width: 266px; height: 16px; margin: 3px 0 10px 0; padding: 3px; display: block; background: #f7f7f7 url(../images/form-input-bg.png) no-repeat; border: 0; }
form.login fieldset
 input.submit                   { width: 112px; height: 30px; display: block; margin: 0 auto; background: url(../images/admin-button-bg.png) no-repeat; border: 0; text-transform: uppercase; font-weight: bold; font-size: 11px; }

#admin-nav                  { clear: left; padding: 15px 0; }
#admin-nav ul               { }
#admin-nav ul li            { }
#admin-nav ul li a          { width: 141px; height: 20px; margin-right: 5px; padding-top: 8px; float: left; background: url(../images/admin-nav-bg.png) no-repeat; text-align: center; text-transform: uppercase; color: #858585; font-weight: bold; }
#admin-nav ul li a.active   { color: #af1842; background: url(../images/admin-nav-active.png) no-repeat; }
#admin-nav ul li a:hover    { color: #af1842; }

#info-bar                   { width: 858px; margin-top: 15px; float: left; }
#info-bar span              { float: right; }
#info-bar a                 { color:#ff4478; font-weight: bold; }
#info-bar a:hover           { text-decoration: underline; }

div.box-admin-top    { margin-top: 10px; padding-top: 25px; float: left; background: url(../images/box-admin-top.png) no-repeat; }
div.box-admin-bottom { margin-bottom: 15px; padding-bottom: 25px; float: left; background: url(../images/box-admin-bottom.png) no-repeat -1px 100%; }
div.box-admin        { width: 848px; min-height: 300px; color:#000; padding: 0 15px; float: left; background: url(../images/box-admin-bg.png) repeat-y; }

table.admin             { clear: both; width: 100%; padding: 0; }
table.admin th          { padding-bottom: 8px; border-bottom: 1px solid #e2e2e2; }
table.admin .last       { text-align: right; }
table.admin td          { height: 25px; border-bottom: 1px solid #e2e2e2; }

form.admin                            { width: 800px; }
form.admin fieldset                   { padding: 20px; border: 0; }
form.admin fieldset label             { display: block; width: 150px; height: 15px; clear: left; float: left; margin-bottom: 20px; padding-top: 2px; }
form.admin fieldset input             { float: left; }
form.admin fieldset input.text        { width: 290px; height: 15px; margin-bottom: 20px; float: left; }
form.admin fieldset select            { margin-bottom: 20px; float: left; }
form.admin fieldset div.error         { width: 280px; float: right; color: #e63030; }

div.form-tip    { clear: left; float: left; width: 350px; margin-left: 150px; }

#paginate       { margin-top: 15px; }
#paginate a     { color: #000; padding: 3px 6px; border: 1px solid #e2e2e2; }

#sortable       { list-style-type: none; margin: 0; padding: 0; padding-bottom: 10px; min-height: 200px; }
#sortable li    { display: block; cursor: pointer; margin: 3px 3px 3px 0; padding: 3px 6px; width: 194px; height: 14px; }
#sortable li.image { cursor: pointer; margin: 5px 0 0 5px; float: left; width: 170px; height: 80px; text-align: center; padding: 0 }

#success-message    { float: left; width: 522px; margin-top: 15px; padding: 7px; background-color: #99FF99; border: 3px solid #00FF66; }
#error-message      { float: left; width: 522px; margin-top: 15px; padding: 7px; background-color: #FA8072; border: 3px solid #CD5C5C; }

/* Front-end */

#navigation             { margin-right: 60px; float: right; }
#navigation ul          { height: 27px; width: 438px; background: url(../images/nav.png) no-repeat; }
#navigation ul li       { }
#navigation ul li a     { height: 26px; width: 87px; text-indent: -9000px; float: left; }

span.monthly-contests { width: 307px; height: 51px; margin: 3px 40px 4px 0; float: right; text-indent: -9000px; clear: right; background: url(../images/monthly-contests.png) no-repeat; }

#main-content { width: 914px; float: left; margin-top: 15px; }
#main-content p { padding-top: 15px; line-height: 19px; }

div.row             { padding-bottom: 35px; width: 914px; float: left; margin-bottom: 20px; background: url(../images/content-bottom.png) repeat-x 100% 100%; }
div.row.none        { background: transparent; }
div.row img         { margin-right: 15px; float: left; }
div.row img.right   { margin-left: 15px; float: right; }
div.row p a         { color:#1f80ca; text-decoration: underline; }

#left-content { width: 530px; float: left; }

div.box-pink-top    { padding-top: 18px; float: left; background: url(../images/box-pink-top.png) no-repeat; }
div.box-pink-bottom { padding-bottom: 18px; margin-bottom: 20px; float: left; background: url(../images/box-pink-bottom.png) no-repeat 0 100%; }
div.box-pink        { width: 500px; color:#000; padding: 0 15px; float: left; background: url(../images/box-pink-bg.png) repeat-y; }

#contributors           { width: 530px; margin-bottom: 15px; float: left; }
#contributors ul        { padding-top: 10px; }
#contributors ul li     { margin: 5px 0 0 5px; float: left; width: 170px; height: 80px; text-align: center; }

#right-content { width: 361px; margin-bottom: 15px; float: right; }
#right-content img#facebook { margin-top: 20px; }
#right-content img#advertise { margin: 7px 2px 0 0; float: right; }

div.box-grey-top    { padding-top: 14px; width: 361px; float: left; background: url(../images/box-grey-top.png) no-repeat; }
div.box-grey-bottom { padding-bottom: 14px; width: 361px; float: left; background: url(../images/box-grey-bottom.png) no-repeat 0 100%; }
div.box-grey        { padding: 0 6px; width: 349px; float: left; color:#000; background: url(../images/box-grey-bg.png) repeat-y 0 100%; }
div.box-grey img    { display: block; margin: 0 auto; text-align: center; }

div.form                { padding-top: 10px; width: 321px; margin-left: 36px; }
div.form div            { margin-top: 10px; }
div.form div label      { font-size: 12px; color:#666; }
div.form div input      { width: 266px; height: 16px; margin-top: 3px; padding: 3px; display: block; background: url(../images/form-input-bg.png) no-repeat; border: 0; }
div.form ul             { margin: 10px 30px 0 0; }
div.form ul li a        { font-size: 11px; color:#1f80ca; display: inline; float: left; text-decoration: underline; }
div.form ul li input    { float: right; margin-right: 20px; }

table           { clear: both; width: 100%; padding: 15px 0; }
table th        { padding-bottom: 20px; }
table td        { height: 25px; border-bottom: 1px solid #e2e2e2; }
table .col3     { text-align: center; }

#footer             { float: left; width: 100%; background: url(../images/footer.png) repeat-x 100% 0; clear: both; }
#footer ul          { padding: 15px 0; margin: 0 auto; width: 914px; }
#footer ul li       { color:#666; font-size: 10px; }
#footer ul li.left  { float: left; }
#footer ul li.right { float: right; }
#footer ul li a     { text-decoration: underline; color:#666; }