/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
:focus {outline:0;}
caption {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-family:inherit; font-weight:bold;}
font {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-family:inherit;}
em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;}
code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;}
blockquote {padding:0px 15px;}
.footer {clear:both;}
/******************************************************/
/* end browser reset controls */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#e3f31e;}
/****************************** SPLASH/LANDING PAGE ******************************/
#exodos-landing {background:url(http://www.exodosmagazine.com/images/framework/g-bg-footer-repeat.jpg) repeat-x 0px 597px #e3f31e;}
#exodos-landing #exodos-framework-container {background:#fff; text-align:center; height:597px;}
#exodos-landing #exodos-framework {width:972px; margin:auto; text-align:left; padding:30px 0px 40px 0px;}
#exodos-landing #exodos-framework #exodos-logo {z-index:10; position:relative; top:19px; left:628px; width:324px;}
#exodos-landing #exodos-framework #exodos-main-advertiser {margin-top:-78px;}
#exodos-landing #exodos-framework #exodos-main-advertiser .ad-link {line-height:31px; margin:-51px 0px 0px 20px; z-index:10; position:relative;}
#exodos-landing #exodos-framework #exodos-main-advertiser .ad-link a {color:#fff;}
#exodos-landing #exodos-framework #exodos-main-advertiser .ad-link .link-area {display:block; float:left; background:url(../images/landing-page/l-link-bg.png); height:31px; padding:0px 5px 0px 10px;}
#exodos-landing #exodos-framework #exodos-main-advertiser .ad-link .right-cap {width:10px; background:url(../images/landing-page/l-link-right-cap.png); display:block; float:left; height:31px;}
#exodos-landing #exodos-framework #exodos-nav-container {width:141px; display:block; z-index:10; margin:-417px 0px 0px 811px; position:relative; text-align:right;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav {background:url(../images/landing-page/l-nav-bg.png); padding-top:7px;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav ul {padding:0px 20px; list-style:none;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav ul li {padding:4px 0px 3px 0px; border-bottom:1px solid #fff;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav ul li:last-child {border-bottom:0px solid #fff;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav ul li a {color:#fff; text-decoration:none;}
#exodos-landing #exodos-framework #exodos-nav-container #exodos-nav ul li a:hover {background:#ed1c24; padding:0px 5px;}
#exodos-landing #exodos-framework #exodos-nav-container .exodos-nav-cap {height:8px; background:url(../images/landing-page/l-nav-bottom.png); overflow:hidden;}
#exodos-landing #exodos-copyright {width:972px; margin:auto; text-align:right; color:#000; font-size:11px; padding:10px 0px;}
#exodos-landing #exodos-copyright a {color:#000; text-decoration:none;}
/****************************** SPLASH/LANDING PAGE ENDS ******************************/

/****************************** ALL PAGES FRAMEWORK ******************************/
/** site header **/
#exo-frameworkHeader {background:url(../images/framework/g-bg-header-repeat.jpg) center top #e3f31e; text-align:center;}
#exo-frameworkHeader .areaContainer {margin:auto; width:972px; text-align:left; height:110px; background:url(../images/framework/g-bg-header.jpg) no-repeat;}
#exo-frameworkHeader #exo-logo {height:86px; background:url(../images/framework/g-exodos-header-logo.png);}
#exo-frameworkHeader #exo-logo h1 {display:none;}
#exo-frameworkHeader .exo-headerRowOne {height:24px;}
#exo-navigation ul {list-style:none; padding:0px 0px 0px 3px; line-height:24px; font-weight:bold;}
#exo-navigation ul li {display:inline; padding:0px 5px 0px 4px; background:url(../images/framework/g-bg-nav-li.gif) right -3px no-repeat;}
#exo-navigation ul li.last {background:none;}
#exo-navigation ul li a {color:#fff; padding:1px 3px; text-decoration:none;}
#exo-navigation ul li a:hover {background:#000;}
#exo-frameworkHeader .exo-headerRowOne #exo-advertise a {height:24px; text-indent:-9999px; display:block; background:url(../images/framework/g-link-advertise.png) 0px 0px;}
#exo-frameworkHeader .exo-headerRowOne #exo-advertise a:hover {background:url(../images/framework/g-link-advertise.png) 0px -23px;}
#exo-frameworkHeader .exo-headerRowTwo {height:86px;}
#exo-frameworkHeader .exo-headerRowTwo #exo-subscribeTab a {height:86px; text-indent:-9999px; display:block; background:url(../images/framework/g-subscribe-tab.png) 0px 0px;}
#exo-frameworkHeader .exo-headerColOne {float:left; width:642px;}
#exo-frameworkHeader .exo-headerColTwo {float:right; width:310px;}
/** site content **/
#exo-frameworkContentContainer {background-color:#fff;}
#exo-frameworkContent {margin:auto; width:972px; text-align:left; background:url(../images/framework/g-content-bg.gif);}
#exo-frameworkContent #exo-mainContentLeftFront,
#exo-frameworkContent #exo-mainContentLeftInside {float:left; width:632px; padding:20px 0px; margin-left:10px; background:#fff;}
#exo-frameworkContent #exo-mainContentRight {float:right; width:320px; padding:20px 0px; background:url(../images/framework/g-bg-column-right.jpg) no-repeat; color:#fff;}
#exo-frameworkContent #exo-mainContentRight .areaContainer {padding:0px 10px;}
#exo-mainContentLeftFront .exo-twoColumnContent {margin-bottom:0px;}
#exo-mainContentLeftFront .exo-twoColumnContent .exo-leftContent {float:left; width:306px; height:480px; overflow:hidden; background:#c4c4c4;}
#exo-mainContentLeftFront .exo-twoColumnContent .exo-rightContent {float:right; width:317px; height:502px; overflow:hidden;}
/** site footer **/
#exo-frameworkFooter {background:url(../images/framework/g-bg-footer-repeat.jpg) center top #e3f31e repeat-x; text-align:center; font-size:11px;}
#exo-frameworkFooter .areaContainer {margin:auto; width:972px; text-align:left; background:url(../images/framework/g-bg-footer.jpg) no-repeat; min-height:215px;}
#exo-frameworkFooter .footerRowOne {padding:22px 340px 20px 15px; color:#323232;}
#exo-frameworkFooter .footerRowOne a {color:#323232;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks {background:url(../images/framework/g-bg-footer-links.png) no-repeat; padding-top:10px;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks .exo-footerCategory {float:left; width:148px; margin-left:12px;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks .exo-footerCategory h4 {color:#fff; background:#ee2616; padding:3px 5px; font-size:11px;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks .exo-footerCategory ul {list-style:none; padding:3px 5px 0px 5px;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks .exo-footerCategory a {color:#000; text-decoration:none;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinks .exo-footerCategory a:hover {color:#ee2616; text-decoration:underline;}
#exo-frameworkFooter .footerRowTwo #exo-footerLinksCap {background:url(../images/framework/g-bg-footer-links.png) no-repeat bottom; height:10px; overflow:hidden; clear:both;}
#exo-frameworkFooter .footerRowThree {padding:10px 15px; color:#323232; line-height:15px;}
#exo-frameworkFooter .footerRowThree a {color:#323232; text-decoration:none;}
#exo-frameworkFooter .footerRowThree a:hover {text-decoration:underline;}
/****************************** ALL PAGES FRAMEWORK ENDS ******************************/

/****************************** FRONT PAGE MODULES ******************************/
/** feature slideshow **/
#exo-mainFeatures {height:360px; margin-bottom:10px;}
/** horoscope module **/
#exo-mainContentLeftFront #exo-horoscopes {height:71px; background:url(../images/framework/f-horoscope-bg.gif) no-repeat; margin-top:10px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-moduleHeader {float:left; width:118px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-moduleHeader h3 {display:none;}
#exo-mainContentLeftFront #exo-horoscopes .exo-moduleHeader a {height:12px; width:52px; text-indent:-9999px; display:block; margin:48px 0px 0px 60px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-horoscopeIcons {float:left; width:514px; padding-top:11px; background:url(../images/framework/horoscope-icons.png) no-repeat -118px 0px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-horoscopeIcons ul {list-style:none;}
#exo-mainContentLeftFront #exo-horoscopes .exo-horoscopeIcons ul li {float:left; text-indent:-9999px; display:block; width:36px; height:60px; margin-right:7px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-horoscopeIcons ul li.last {float:left; text-indent:-9999px; display:block; width:36px; height:60px; margin-right:0px;}
#exo-mainContentLeftFront #exo-horoscopes .exo-horoscopeIcons ul li a {width:36px; height:36px; display:block;}
/** cover girl module **/
#exo-coverGirl .coverImage {padding:1px;}
#exo-coverGirl .exo-coverDetails {padding:8px; font-size:11px;}
#exo-coverGirl .exo-coverDetails h4 {font-size:12px; padding-bottom:4px;}
#exo-coverGirl .exo-coverDetails h4 span {font-size:10px; color:#333; font-style:italic; font-weight:normal;}
#exo-coverGirl .exo-coverDetails p {padding-bottom:6px;}
#exo-coverGirl .exo-coverDetails a {color:#ee2616;}
#exo-coverGirl .exo-coverDetails a:hover {color:#000;}
/** dj of the month module **/
#exo-djOfMonth {height:272px; overflow:hidden; margin-bottom:12px; background:url(../images/content/dj-of-month/current-dom.jpg) no-repeat; font-size:11px;}
#exo-djOfMonth h3 {height:40px; text-indent:-9999px;}
#exo-djOfMonth .exo-djDetails {height:225px; overflow:hidden; padding:0px 175px 0px 10px;}
#exo-djOfMonth .exo-djDetails p {padding-bottom:4px;}
#exo-djOfMonth .exo-djDetails p.domContent {padding-top:6px;}
#exo-djOfMonth .exo-djDetails strong,
#exo-djOfMonth .exo-djDetails a {color:#ee2616;}
#exo-djOfMonth .exo-djDetails a:hover {color:#000;}
/** video module **/
#exo-videoModule .exo-videoEntry {background:#9a190e;}
#exo-videoModule #exo-moreVideos {float:right; height:22px; width:142px; }
#exo-videoModule #exo-moreVideos a {height:22px; width:142px; text-indent:-9999px; display:block; background:url(../images/framework/f-button-more-videos.gif) no-repeat;}
/****************************** FRONT PAGE MODULES ENDS ******************************/

/****************************** ALL PAGES MODULES ******************************/
/** social networking **/
#exo-socialNetwork {height:70px; background:url(../images/framework/g-social-networks.png) no-repeat; padding-left:9px;}
#exo-socialNetwork p.followus {display:none;}
#exo-socialNetwork ul {list-style:none; padding-top:16px;}
#exo-socialNetwork ul li {float:left; width:50px; height:44px;}
#exo-socialNetwork ul li a {text-indent:-9999px; display:block; height:44px; width:44px;}
/** event photos - right column click-trough **/
#exo-mainContentRight #exo-eventPhotos {text-indent:-9999px; display:block; padding-top:140px; margin-bottom:10px; background:url(../images/framework/g-rc-event-photos.jpg) no-repeat;}
#exo-mainContentRight #exo-eventPhotos a {text-indent:-9999px; display:block; height:50px; background:url(../images/framework/g-rc-event-photos.jpg) no-repeat 0px -140px;}


/** event list module **/
#exo-eventList h2 {background:url(../images/framework/f-h2-exodos-events.png) no-repeat; height:46px; text-indent:-9999px;}
#exo-eventList .eventEntryContainer {border-top:5px solid #ee2616; padding-top:5px; margin-bottom:15px;}
#exo-eventList .eventDateAndImage {float:left; width:192px;}
#exo-eventList .eventDateAndImage .eventDate {float:left; width:53px; text-align:center; background:#e3f31e; padding:3px 0px; font-size:18px;}
#exo-eventList .eventDateAndImage .eventDate .date {font-size:26px; font-weight:bold; display:block;}
#exo-eventList .eventDateAndImage .eventImage {float:left; width:139px;}
#exo-eventList .eventDateAndImage .eventImage img {border:2px solid #e3f31e;}
#exo-eventList .contentEntry {float:right; width:430px;}
#exo-mainContentLeftFront #exo-eventList .contentEntry {font-size:11px;}
#exo-eventList .contentEntry h3 {padding:5px; background:#e5e5e5; color:#ee2616; font-size:15px;}
#exo-eventList .contentEntry h3 a {color:#ee2616; text-decoration:none;}
#exo-eventList .contentEntry h3 a:hover {text-decoration:underline;}
#exo-eventList .contentEntry .eventDetails {padding:0px 5px;}
#exo-eventList .contentEntry .eventDetails a,
#exo-eventList .contentEntry .viewAll a {color:#ee2616;}
#exo-eventList .contentEntry .eventDetails a:hover,
#exo-eventList .contentEntry .viewAll a:hover {color:#000;}
#exo-eventList .contentEntry .eventDetails p {padding:4px 0px;}
#exo-eventList .contentEntry .viewAll {padding:4px 5px;}
#exo-mainContentLeftInside #exo-eventList .eventEntryContainer {border-top:5px solid #ee2616; padding-top:5px; margin-top:15px;}
/****************************** ALL PAGES MODULES ENDS ******************************/

/****************************** AD UNIT MODULES ******************************/
/** cube **/
.adContainer {padding-bottom:10px;}
.adLabel {display:none;}
.cubeAd .adUnit {height:250px; width:300px; overflow:hidden;}
/****************************** AD UNIT MODULES ENDS ******************************/

/****************************** INSIDE PAGE CONTENT FRAMEWORK ******************************/
/** page titles **/
#exo-pageTitle {padding-top:20px; margin-bottom:10px; border-bottom:5px solid #ee2616;}
#exo-pageTitle h2 {font-size:36px; font-weight:normal; text-transform:lowercase; padding-bottom:7px; width:532px; float:left;}
#exo-pageTitle .exo-addThis {text-align:right; float:right; width:100px; padding-top:18px;}
/** general styles **/
#exo-mainContentArea p {padding:1px 0px 5px 0px;}
#exo-mainContentArea a {color:#ee2616;}
#exo-mainContentArea a:hover {color:#000;}
#exo-mainContentArea img {margin-bottom:5px;}
#exo-mainContentArea img.alignleft,
#exo-mainContentArea .alignleft {float:left; margin:4px 10px 2px 0px;}
#exo-mainContentArea img.alignright,
#exo-mainContentArea .alignright {float:right; margin:4px 0px 2px 10px;}
#exo-mainContentArea .exo-imageCaption {font-size:11px; color:#666; padding-bottom:4px; font-style:italic;}
#exo-mainContentArea h1 {font-size:18px; padding:8px 0px 4px 0px;}
#exo-mainContentArea h2 {font-size:16px; padding:6px 0px 3px 0px;}
#exo-mainContentArea h3 {font-size:15px; padding:4px 0px 2px 0px;}
#exo-mainContentArea h4 {font-size:14px; padding:2px 0px 1px 0px;}
#exo-mainContentArea h5 {font-size:13px; padding:1px 0px 0px 0px;}
#exo-mainContentArea h6 {font-size:12px; padding:1px 0px 0px 0px;}
#exo-mainContentArea .exo-photoCreditArea {float:right; margin:0px 0px 4px 10px; font-size:11px; color:#333;}
#exo-mainContentArea ul,
#exo-mainContentArea ol {list-style-position:inside; padding:5px 3px;}
/** 2 column layout **/
#exo-mainContentLeftInside #exo-mainContentArea {font-size:12px;}
#exo-mainContentLeftInside .exo-twoColumnContent {margin-bottom:7px;}
#exo-mainContentLeftInside .exo-twoColumnContent .exo-colOneContent {float:left; width:310px;}
#exo-mainContentLeftInside .exo-twoColumnContent .exo-colTwoContent {float:right; width:310px;}
#exo-mainContentLeftInside .exo-twoColumnContent-v2 .exo-colOneContent {float:left; width:347px;}
#exo-mainContentLeftInside .exo-twoColumnContent-v2 .exo-colTwoContent {float:right; width:275px;}
#exo-mainContentLeftInside #exo-advertCollection .exo-twoColumnContent .exo-colOneContent {float:left; width:330px;}
#exo-mainContentLeftInside #exo-advertCollection .exo-twoColumnContent .exo-colTwoContent {float:right; width:270px;}

/** 3 column layout **/
#exo-mainContentLeftInside .exo-threeColumnContent {margin-bottom:7px;}
#exo-mainContentLeftInside .exo-threeColumnContent .exo-colOneContent,
#exo-mainContentLeftInside .exo-threeColumnContent .exo-colTwoContent {float:left; width:200px; margin-right:16px;}
#exo-mainContentLeftInside .exo-threeColumnContent .exo-colThreeContent {float:left; width:200px;}
/****************************** INSIDE PAGE CONTENT FRAMEWORK ENDS ******************************/





#dj-Mix-Form {margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:8px;}
#dj-Mix-Form h4 {font-size:14px;}

#exo-horoscopeCredit {padding-top:20px; font-size:11px; color:#333;}
#exo-horoscopeCredit p {padding:2px 0px;}
.exo-horoscopeDates {font-size:11px; font-weight:bold; color:#333; width:180px; line-height:12px;}
.exo-horoscopeEntry {clear:both; border-top:1px solid #ccc; margin-top:3px; padding:3px 0px 10px 0px;}

.exo-eatDrinkEntry {padding-bottom:10px; border-bottom:1px solid #ee2515; margin-bottom:10px;}

.exo-contactForm {padding-top:10px;}
.exo-contactForm label {font-weight:bold; display:block;}
.exo-contactForm label.inline {font-weight:normal; display:inline;}
.exo-contactForm span.inlineRadioButtons label {font-weight:normal; display:inline; margin-right: 10px;}
.exo-contactForm input,
.exo-contactForm select,
.exo-contactForm button,
.exo-contactForm textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:3px 3px 3px 0px;}
.exo-FormRow {padding:2px 0px;}

.xsmallwidth {width:50px;}
.smallwidth {width:125px;}
.mediumwidth {width:250px;}
.largewidth {width:350px;}
.xlargewidth {width:500px;}
.fullwidth {width:632px;}



