ReedPOP Wiki
No edit summary
No edit summary
Line 376: Line 376:
   
 
/** Welcome box **/
 
/** Welcome box **/
.nycc2013-header-welcome {
 
background: url("http://images.wikia.com/reedpop/images/2/2a/NYCC_2013-Header-Welcome.png");
 
width: 662px;
 
height: 5px;
 
}
 
 
 
.nycc2013-box-welcome-header {
 
.nycc2013-box-welcome-header {
 
color: #ee0022;
 
color: #ee0022;
Line 401: Line 395:
   
 
/** Event box **/
 
/** Event box **/
.nycc2013-header-event {
 
background: url("http://images4.wikia.nocookie.net/reedpop/images/b/bf/NYCC_2013-Header-Event.png") repeat scroll 0% 0% transparent;
 
height: 45px;
 
width: 661px;
 
}
 
 
 
.nycc2013-box-event-logo {
 
.nycc2013-box-event-logo {
 
left: 16px;
 
left: 16px;
Line 652: Line 640:
   
 
/** Twitter Feed box **/
 
/** Twitter Feed box **/
.nycc2013-header-twitterfeed {
 
background: url("http://images3.wikia.nocookie.net/reedpop/images/5/5f/C2E2_2013-Header-Twitter_Feed.png");
 
height: 37px;
 
width: 331px;
 
}
 
   
 
/** Find us box **/
 
/** Find us box **/
.nycc2013-header-findus {
 
background: url("http://images4.wikia.nocookie.net/reedpop/images/1/18/NYCC_2013-Header-Find_Us.png") repeat scroll 0% 0% transparent;
 
height: 37px;
 
width: 330px;
 
}
 
 
 
.nycc2013-box-findus {
 
.nycc2013-box-findus {
 
padding-top: 17px;
 
padding-top: 17px;
Line 700: Line 677:
   
 
/** News box **/
 
/** News box **/
.nycc2013-header-news {
 
background: url("http://images2.wikia.nocookie.net/reedpop/images/1/16/NYCC_2013-Header-NYCC_News.png") repeat scroll 0% 0% transparent;
 
height: 36px;
 
width: 330px;
 
}
 
 
 
.nycc2013-box-news {
 
.nycc2013-box-news {
 
padding-top: 7px;
 
padding-top: 7px;
Line 715: Line 686:
   
 
/** Past Shows box **/
 
/** Past Shows box **/
.nycc2013-header-pastshows {
 
background: url("http://images3.wikia.nocookie.net/reedpop/images/7/73/NYCC_2013-Header-Past_Shows.png");
 
height: 37px;
 
width: 330px;
 
}
 
 
 
.nycc2013-box-pastshows-1 {
 
.nycc2013-box-pastshows-1 {
 
margin-left: 14px;
 
margin-left: 14px;

Revision as of 21:59, 8 July 2013

/* Open Sans font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800,700&subset=latin,cyrillic);

/* General */
.header {
    border-bottom: 5px solid #F11618;
    color: #FFFFFF;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    margin-bottom: px;
    padding-bottom: 16px;
    width: 662px;
}

.header-small {
    color: #FFFFFF;
    font-family: Open Sans,sans-serif;
    border-bottom: 5px solid #f11618;
    width: 330px;
    display: block;
    padding-bottom: 14px;
    font-size: 27px;
}

.header-red {
    color: #F12519;
}

.header-line {
    border-bottom: 5px solid #f11618;
    width: 662px;
    display: block;
    padding-bottom: 18px;
}

.header-line-small {
    border-bottom: 5px solid #f11618;
    width: 330px;
    display: block;
    padding-bottom: 14px;
}

/* Mainpage */
/** General **/
.mainpage-box {
    background: #252525;
    border: 1px solid #252525;
    width: 660px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}
 
.mainpage-box-small {
    background: #252525;
    border: 1px solid #252525;
    width: 328px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}

.mainpage-header-welcome {
    margin-top: 12px;
}

.mainpage-header-event {
    margin-top: 6px;
}

.mainpage-header-video
	margin-top: 5px;
}

.mainpage-header-photos {
     margin-top: 15px;
}

.mainpage-header-events {
     margin-top: -5px;
}

.mainpage-header-chat {
	 margin-top: -17px;
}

/** Welcome box **/
.mainpage-header-welcome {
    font-size: 28px;
}

.mainpage-box-welcome-header {
    color: #ee0022;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    font-size: 16px;
    position: relative;
    left: 16px;
}
 
.mainpage-box-welcome-text {
    text-shadow: 1px 1px #000000;
    font-size: 12px;
    width: 605px;
    position: relative;
    left: 16px;
    margin-top: -1px;
}

/** Event box **/
.mainpage-box-event {
     height: 376px;
}

.mainpage-box-event-header {
     background: url("http://images3.wikia.nocookie.net/reedpop/images/b/b7/Mainpage-Box-Event-Header-Events.png") repeat scroll 0% 0% transparent;
     height: 21px;
     margin: 16px auto 0px;
     width: 207px;
}

.days-only .seconds, .days-only .minutes, .days-only .hours {
     display: none;
}

.hours-only .seconds, .hours-only .minutes, .hours-only .days {
     display: none;
}

.mainpage-box-event-1-image {
     left: 23px;
     position: relative;
     top: 10px;
}

.mainpage-box-event-1-link {
     font-weight: bold;
     left: 79px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: 29px;
     text-align: center;
}

.mainpage-box-event-1-caption {
     left: 79px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: 25px;
     text-align: center;
}

.mainpage-box-event-2-image {
     left: 368px;
     position: relative;
     top: -296px;
}

.mainpage-box-event-2-link {
     font-weight: bold;
     left: 447px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -287px;
     text-align: center;
}

.mainpage-box-event-2-caption {
     left: 457px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -288px;
     text-align: center;
}

/** Video box **/
.mainpage-box {
    background: #252525;
    border: 1px solid #252525;
    width: 660px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}

.mainpage-box-video .video {
     position: relative;
     left: 18px;
     top: 8px;
}

/** Photos box **/
.mainpage-box-photos .accent {
     background: none repeat scroll 0px 0px #EB0E2D;
}

.mainpage-box-photos .wikia-slideshow {
     position: relative;
     margin-bottom: -28px;
     margin-top: 15px;
}

.mainpage-box-photos .neutral {
     background: none repeat scroll 0% 0% #070707;
}

.mainpage-box-photos .wikia-slideshow .wikia-slideshow-prev-next > .wikia-slideshow-prev > span > .chevron {
     border-color: transparent #EE0224 transparent transparent;
     margin-left: -12px;
}

.mainpage-box-photos .wikia-slideshow .wikia-slideshow-prev-next > .wikia-slideshow-next > span > .chevron {
     border-color: transparent transparent transparent #EE0224 ! important;
     margin-right: -12px;
}

.mainpage-box-photos .wikia-slideshow .wikia-slideshow-prev-next > a > span {
     background: none repeat scroll 0% 0% #0C0D0D;
}

.mainpage-box-photos-seeall {
     font-size: 12px;
     font-weight: bold;
     left: 120px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: 5px;
     z-index: 10;
}

/** Events box **/
.mainpage-box-events #ch-widget #ch-powered-by a {
     background: url("http://a.hcdn.me/img/ui/conference-hound-logo-tiny-inv.png") repeat scroll 0% 0% transparent ! important;
}

.mainpage-box-events #ch-widget {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
     left: 3px;
     position: relative;
     top: 0px;
     width: 325px;
     margin-bottom: -11px;
}

.mainpage-box-events #ch-widget a {
     color: #EEE727 ! important;
}

.mainpage-box-events #ch-hd {
     display: none;
}

.mainpage-box-events #ch-widget #ch-events .events-list .meta span {
     color: #FFFFFF;
}

.mainpage-box-events .info {
     background: none repeat scroll 0% 0% transparent ! important;
}

.mainpage-box-events #ch-powered-by {
     border: medium none ! important;
}

.mainpage-box-events .date .mon {
     background: none repeat scroll 0% 0% #EE0224 ! important;
     border-bottom: medium none #6994AA ! important;
     color: #FFFFFF;
}

.mainpage-box-events .jspVerticalBar {
     background: none repeat scroll 0% 0% transparent ! important;
     border-radius: 25px 25px 25px 25px;
     margin-right: 12px;
     width: 8px ! important;
}

.mainpage-box-events .jspTrack {
     background: none repeat scroll 0% 0% #646464 ! important;
     border-radius: 25px 25px 25px 25px;
}

.mainpage-box-events .jspDrag {
     background: none repeat scroll 0% 0% #DFD04B ! important;
     border-radius: 25px 25px 25px 25px;
     border: 1px solid #B6A830;
}

/** Chat box **/
.mainpage-box-chat .ChatModule {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
     box-shadow: 0px 0px;
     margin-left: -12px;
     margin-right: 0px;
     margin-top: -8px;
     margin-bottom: -24px;
}

.mainpage-box-chat .chat-headline {
     left: 10px;
     position: relative;
     color: #f1f1f1;
}

.mainpage-box-chat .chat-name {
     left: 10px;
     position: relative;
     color: #f1f1f1;
}

.mainpage-box-chat .ChatModule .wikia-button {
     color: white;
     margin-top: 19px;
}

.mainpage-box-chat .chat-contents {
     margin-left: 11px;
     margin-right: 11px;
}

.mainpage-box-chat .chat-whos-here {
     border: 1px solid #eb0d2d ! important;
     left: 6px;
     position: relative;
}

.ChatModule .chat-whos-here .arrow-left img {
     border-color: rgba(104, 153, 184, 0) #b40d22 rgba(104, 153, 184, 0) -moz-use-text-color ! important;
}

.ChatModule .chat-whos-here .arrow-right img {
     border-color: rgba(104, 153, 184, 0) -moz-use-text-color rgba(104, 153, 184, 0) #b40d22 ! important;
}

/* NYCC 2013 */
/** General **/
.nycc2013-box {
    background: #252525;
    border: 1px solid #252525;
    width: 660px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}

.nycc2013-box-small {
    background: #252525;
    border: 1px solid #252525;
    width: 328px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}

.nycc2013-header-welcome {
     margin-top: 12px;
}

.nycc2013-header-event {
     margin-top: 3px;
}

.nycc2013-header-twitterfeed {
     margin-top: 11px;
}

.nycc2013-header-findus {
     margin-top: 5px;
}

.nycc2013-header-news {
     margin-top: 2px;
}

.nycc2013-header-pastshows {
     margin-top: 2px;
}

/** Welcome box **/
.nycc2013-box-welcome-header {
    color: #ee0022;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    font-size: 16px;
    position: relative;
    left: 16px;
}

.nycc2013-box-welcome-text {
    text-shadow: 1px 1px #000000;
    font-size: 12px;
    width: 605px;
    position: relative;
    left: 16px;
    margin-top: -1px;
}

/** Event box **/
.nycc2013-box-event-logo {
     left: 16px;
     position: relative;
     top: 8px;
}

.nycc2013-box-event-description {
     font-size: 15px;
     font-weight: bold;
     left: -1px;
     line-height: 23px;
     position: relative;
     text-align: center;
     text-shadow: 1px 1px #000000;
     top: 7px;
}

.nycc2013-button-event-buy {
     position: relative;
     top: 12px;
}

.nycc2013-box-event-header-spotlightentertainment {
     background: url("http://images1.wikia.nocookie.net/reedpop/images/6/6d/NYCC_2013-Box-Event-Header-Spotlight_Entertainment.png") repeat scroll 0% 0% transparent;
     height: 23px;
     margin: 74px auto 0px;
     width: 310px;
}

.nycc2013-box-event-header-spotlightcomics {
     background: url("http://images3.wikia.nocookie.net/reedpop/images/2/2e/NYCC_2013-Box-Event-Header-Spotlight_Comics.png") repeat scroll 0% 0% transparent;
     height: 23px;
     margin: 74px auto 0px;
     width: 265px;
     margin-top: -315px;
}

.nycc2013-box-event-spotlightentertainment img {
     border: 1px solid #E5161A;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-1-image {
     left: 16px;
     position: relative;
     top: 28px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-1-caption {
     left: 62px;
     position: relative;
     text-align: center;
     top: 16px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-1-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-1-text {
     font-size: 12px;
     left: 1px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-2-image {
     left: 254px;
     position: relative;
     top: -150px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-2-caption {
     left: 286px;
     position: relative;
     text-align: center;
     top: -161px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-2-link {
     font-weight: bold;
     left: 9px;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-2-text {
     font-size: 12px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-3-image {
     left: 491px;
     position: relative;
     top: -329px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-3-caption {
     left: 535px;
     position: relative;
     text-align: center;
     top: -341px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-3-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-box-event-spotlight-3-text {
     font-size: 12px;
     left: 8px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-button-event-seeallguests img {
     border: medium none;
}

.nycc2013-box-event-spotlightentertainment .nycc2013-button-event-seeallguests {
     left: 502px;
     position: relative;
     top: -335px;
}

.nycc2013-box-event-spotlightcomics img {
     border: 1px solid #E5161A;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-1-image {
     left: 16px;
     position: relative;
     top: 28px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-1-caption {
     left: 52px;
     position: relative;
     text-align: center;
     top: 16px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-1-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-1-text {
     font-size: 12px;
     left: -5px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-2-image {
     left: 254px;
     position: relative;
     top: -150px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-2-caption {
     left: 286px;
     position: relative;
     text-align: center;
     top: -161px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-2-link {
     font-weight: bold;
     left: 7px;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-2-text {
     font-size: 12px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-3-image {
     left: 491px;
     position: relative;
     top: -329px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-3-caption {
     left: 536px;
     position: relative;
     text-align: center;
     top: -341px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-3-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}

.nycc2013-box-event-spotlightcomics .nycc2013-box-event-spotlight-3-text {
     font-size: 12px;
     left: -25px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}

.nycc2013-box-event-spotlightcomics .nycc2013-button-event-seeallguests img {
     border: medium none;
}

.nycc2013-box-event-spotlightcomics .nycc2013-button-event-seeallguests {
     left: 502px;
     position: relative;
     top: -335px;
     margin-bottom: -334px;
}

.nycc2013-box-event-spotlightcomics {
     height: 235px;
}

.nycc2013-button-event-seeallguests {
     width: 100px;
}

.nycc2013-box-event-spotlight-1-image, .nycc2013-box-event-spotlight-2-image, .nycc2013-box-event-spotlight-3-image {
     width: 100px;
}

.nycc2013-box-event-spotlight-1, .nycc2013-box-event-spotlight-2, .nycc2013-box-event-spotlight-3 {
    display: inline;
}

/** Twitter Feed box **/

/** Find us box **/
.nycc2013-box-findus {
    padding-top: 17px;
}

.nycc2013-box-findus-twitter {
     margin-left: 11px;
}

.nycc2013-box-findus-facebook {
     margin-left: 16px;
}

.nycc2013-box-findus-youtube {
     margin-left: 16px;
}

.nycc2013-box-findus-flickr {
     margin-left: 16px;
}

.nycc2013-box-findus-instagram {
     margin-left: 16px;
}

.nycc2013-box-findus-facebook {
     margin-left: 16px;
}

.nycc2013-box-findus-logo {
     margin-left: 74px;
     margin-top: 12px;
     margin-bottom: -15px;
}

/** News box **/
.nycc2013-box-news {
     padding-top: 7px;
}

.nycc2013-box-news ul {
     margin-bottom: -11px !important;
}

/** Past Shows box **/
.nycc2013-box-pastshows-1 {
     margin-left: 14px;
     margin-top: 6px;
}

.nycc2013-box-pastshows-2 {
     margin-left: 14px;
     margin-top: 17px;
}

.nycc2013-box-pastshows-3 {
     margin-left: 14px;
     margin-top: 17px;
     margin-bottom: -2px;
}

/* C2E2 2013 */
/** General **/
.c2e22013-box {
    background: #252525;
    border: 1px solid #252525;
    width: 660px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}
 
.c2e22013-box-small {
    background: #252525;
    border: 1px solid #252525;
    width: 328px;  
    padding-top: 9px;
    padding-bottom: 18px; 
}

.c2e22013-header-welcome {
     margin-top: 12px;
}
 
.c2e22013-header-event {
     margin-top: 3px;
}
 
.c2e22013-header-twitterfeed {
     margin-top: 11px;
}
 
.c2e22013-header-findus {
     margin-top: 5px;
}
 
.c2e22013-header-news {
     margin-top: 2px;
}
 
.c2e22013-header-pastshows {
     margin-top: 2px;
}

/** Welcome box **/
.c2e22013-header-welcome {
    background: url("http://images.wikia.com/reedpop/images/b/bd/C2E2_2013-Header-Welcome.png");
    width: 662px;
    height: 5px;
} 
 
.c2e22013-box-welcome-header {
    color: #ee0022;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    font-size: 16px;
    position: relative;
    left: 16px;
}
 
.c2e22013-box-welcome-text {
    text-shadow: 1px 1px #000000;
    font-size: 12px;
    width: 605px;
    position: relative;
    left: 16px;
    margin-top: -1px;
}

.c2e22013-header-event {
     background: url("") repeat scroll 0% 0% transparent;
     height: 45px;
     width: 661px;
}
 
.c2e22013-box-event-logo {
     left: 16px;
     position: relative;
     top: 8px;
}
 
.c2e22013-box-event-description {
     font-size: 15px;
     font-weight: bold;
     left: -1px;
     line-height: 23px;
     position: relative;
     text-align: center;
     text-shadow: 1px 1px #000000;
     top: 7px;
}
 
.c2e22013-button-event-buy {
     position: relative;
     top: 12px;
}
 
.c2e22013-box-event-header-spotlightentertainment {
     background: url("") repeat scroll 0% 0% transparent;
     height: 23px;
     margin: 74px auto 0px;
     width: 310px;
}
 
.c2e22013-box-event-header-spotlightcomics {
     background: url("") repeat scroll 0% 0% transparent;
     height: 23px;
     margin: 74px auto 0px;
     width: 265px;
     margin-top: -315px;
}
 
.c2e22013-box-event-spotlightentertainment img {
     border: 1px solid #E5161A;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-1-image {
     left: 16px;
     position: relative;
     top: 28px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-1-caption {
     left: 62px;
     position: relative;
     text-align: center;
     top: 16px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-1-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-1-text {
     font-size: 12px;
     left: 1px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-2-image {
     left: 254px;
     position: relative;
     top: -150px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-2-caption {
     left: 286px;
     position: relative;
     text-align: center;
     top: -161px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-2-link {
     font-weight: bold;
     left: 9px;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-2-text {
     font-size: 12px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-3-image {
     left: 491px;
     position: relative;
     top: -329px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-3-caption {
     left: 535px;
     position: relative;
     text-align: center;
     top: -341px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-3-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-box-event-spotlight-3-text {
     font-size: 12px;
     left: 8px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-button-event-seeallguests img {
     border: medium none;
}
 
.c2e22013-box-event-spotlightentertainment .c2e22013-button-event-seeallguests {
     left: 502px;
     position: relative;
     top: -335px;
}
 
.c2e22013-box-event-spotlightcomics img {
     border: 1px solid #E5161A;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-1-image {
     left: 16px;
     position: relative;
     top: 28px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-1-caption {
     left: 52px;
     position: relative;
     text-align: center;
     top: 16px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-1-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-1-text {
     font-size: 12px;
     left: -5px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-2-image {
     left: 254px;
     position: relative;
     top: -150px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-2-caption {
     left: 286px;
     position: relative;
     text-align: center;
     top: -161px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-2-link {
     font-weight: bold;
     left: 7px;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-2-text {
     font-size: 12px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-3-image {
     left: 491px;
     position: relative;
     top: -329px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-3-caption {
     left: 536px;
     position: relative;
     text-align: center;
     top: -341px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-3-link {
     font-weight: bold;
     position: relative;
     text-shadow: 1px 1px #000000;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-box-event-spotlight-3-text {
     font-size: 12px;
     left: -25px;
     position: relative;
     text-shadow: 1px 1px #000000;
     top: -5px;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-button-event-seeallguests img {
     border: medium none;
}
 
.c2e22013-box-event-spotlightcomics .c2e22013-button-event-seeallguests {
     left: 502px;
     position: relative;
     top: -335px;
     margin-bottom: -334px;
}
 
.c2e22013-box-event-spotlightcomics {
     height: 235px;
}
 
.c2e22013-button-event-seeallguests {
     width: 100px;
}
 
.c2e22013-box-event-spotlight-1-image, .c2e22013-box-event-spotlight-2-image, .c2e22013-box-event-spotlight-3-image {
     width: 100px;
}
 
.c2e22013-box-event-spotlight-1, .c2e22013-box-event-spotlight-2, .c2e22013-box-event-spotlight-3 {
    display: inline;
}

/** Twitter Feed box **/
.c2e22013-header-c2e22013feed {
     background: url("http://images3.wikia.nocookie.net/reedpop/images/5/5f/C2E2_2013-Header-Twitter_Feed.png");
     height: 37px;
     width: 331px;
}

/** News box **/
.c2e22013-header-news {
     background: url("") repeat scroll 0% 0% transparent;
     height: 36px;
     width: 330px;
}
 
.c2e22013-box-news {
     padding-top: 7px;
}
 
.c2e22013-box-news ul {
     margin-bottom: -11px !important;
}

/** Find us box **/
.c2e22013-header-findus {
     background: url("http://images1.wikia.nocookie.net/reedpop/images/f/f2/C2E2_2013-Header-Find_Us.png") repeat scroll 0% 0% transparent;
     height: 37px;
     width: 330px;
}
 
.c2e22013-box-findus {
    padding-top: 17px;
}
 
.c2e22013-box-findus-twitter {
     margin-left: 11px;
}
 
.c2e22013-box-findus-facebook {
     margin-left: 16px;
}
 
.c2e22013-box-findus-youtube {
     margin-left: 16px;
}
 
.c2e22013-box-findus-flickr {
     margin-left: 16px;
}
 
.c2e22013-box-findus-instagram {
     margin-left: 16px;
}
 
.c2e22013-box-findus-facebook {
     margin-left: 16px;
}
 
.c2e22013-box-findus-logo {
     margin-left: 74px;
     margin-top: 12px;
     margin-bottom: -15px;
}

/** Past Shows box **/
.c2e22013-header-pastshows {
     background: url("http://images2.wikia.nocookie.net/reedpop/images/3/3f/C2E2_2013-Header-Past_Shows.png");
     height: 37px;
     width: 330px;
}
 
.c2e22013-box-pastshows-1 {
     margin-left: 14px;
     margin-top: 6px;
}
 
.c2e22013-box-pastshows-2 {
     margin-left: 14px;
     margin-top: 17px;
}
 
.c2e22013-box-pastshows-3 {
     margin-left: 14px;
     margin-top: 17px;
     margin-bottom: -2px;
}