@charset "utf-8";
/* color scheme 
#690000 rgb(105,0,0)			- deep red
#c7be5f rgb(199,190,95)		- gold
#fcf5c0 rgb(252,245,192)	- pale yellow
#fffff4 rgb(255,255,244)	- eggshell
#674f5f rgb(103,79,95)		- jen purple
#291c23 rgb(41,28,35)			- deep purple
#8b8587 rgb(139,133,135)	- medium purple
#a39da1 rgb(163,157,161)	- pale purple
*/
/* reset */
* { margin: 0; padding: 0; }
:active, :focus { outline: none; }
.clear { clear: both; }
/* links */
a:link, a:visited { text-decoration: none; color: #fffff4; }
a:hover { color: #690000; }
/* base */
body { font: 64% Helvetica, Arial, Geneva, sans-serif; background: #8b8587 url(/graphics/bg_bodyTexture.jpg) repeat-x; color: #fcf5c0; }
#wrap { position: relative; width: 90%; max-width: 980px; box-shadow: 3px 3px 5px 1px #291c23, -3px 0px 5px 1px #291c23; border-radius: 12px; margin: 1em auto; }
h2 { color: #c7be5f; font: 400 2.4em/1 'Allura', Georgia, "Times New Roman", Times, serif; text-shadow: 1px 2px 4px #291c23; text-align: center; padding: 2em 2em 0; }
h2.deep { color: #291c23; padding-top: 30px; }
p { margin-bottom: 1em; }
ol { list-style: none; background: url(/graphics/bg_20percent.png) repeat; margin: 0 0 2em; }
hr { color: #fcf5c0; }
.discover li { width: 45%; float: left; margin: .5em 2% .5em 0; font-size: .9em; }
.discover li img { float: left; margin: 4px 8px 0 0; box-shadow: 1px 1px 2px #222; border-radius: 8px; }
.imgLeft { float: left; margin: 4px .5em 0 0; border: 1px solid #222; }
.imgRt { float: right; margin: 4px 0 0 .5em; border: 1px solid #222; }
/* header */
header { position: relative; background: url(/graphics/bg_header.jpg) no-repeat center top; height: 200px; border: 1px solid #fcf5c0; -moz-box-shadow: 0 4px 6px; box-shadow: 0 4px 6px; }
#logo { position: absolute; left: 42px; top: 42px; width: 30%; }
#logo img { width: 100%; max-width: 350px; }
#logo h1 { text-indent: -9999em; }
nav { height: 32px; width: 100%; position: absolute; left: 0; bottom: 0; background: url(/graphics/bg_mainNav.jpg) repeat-x; }
nav ul { list-style: none; }
ul.mainLeft { float: left; }
ul.mainRight { float: right; }
nav li { display: inline-block; }
nav li a:link, nav li a:visited { display: block; font: 400 16px/32px Tahoma, Geneva, sans-serif; padding: 0 1em; color: #fcf5c0; letter-spacing: .1em; }
nav li a:hover { color: #fff; background: url(/graphics/bg_60percent.png); text-decoration: underline; }
/*-------- image rotator -------*/
#centerPic { position: absolute; left: 42%; top: 0px; width: 28%; max-width: 236px; }
#centerPic img { width: 100%; }
#centerPic div { position: absolute; z-index: 1; }
#centerPic div.previous { position: absolute; z-index: 2; }
#centerPic div.current { position: absolute; z-index: 3; }
/* sidebar */
aside { font-size: 1.4em; text-align: left; position: relative; width: 28%; max-width: 300px; float: right; padding: 0 20px 0 10px; }
aside img { width: 100%; }
aside h2 { padding: 0 0 .5em; font-size: 2.4em; }
aside#homePage { position: absolute; right: 0px; top: 60px; }
#twitter { float: right; border: 1px solid #c7be5f; padding: 10px; max-height: 811px; overflow: hidden; }
#twitter iframe { width:100% !important; }
#twitter h1 { text-transform: lowercase; color: #fff; text-align: right; position: absolute; right: 0; top: -20px; z-index: 10; }
#twitter .twtr-tweet { width: 270px; float: left; font-size: 1.1em; color: #000; font-weight: bold; }
#twitter .twtr-tweet:last-child { border: none; }
#twitter .twtr-timeline a:link { font-size: .8em; }
/* main */
aside img[src$=".jpg"] { -moz-box-shadow: 1px 3px 2px #222; box-shadow: 1px 3px 2px #222; }
#mainContent { position: relative; float: left; padding: 2em 1em 0; margin-bottom: 2em; border-radius: 0 0 12px 12px; text-align: center; background: #a39da1 url(../graphics/bg_mainContent.jpg) no-repeat center top; }
article { text-align: left; padding: 20px; font-size: 1.6em; line-height: 1.4; }
article ~ article { padding-top: 0; }
article h2 { text-align: left; padding: 0 0 .6em 12px; }
article h3 { display: inline; }
article.mainPage { position: relative; width: 63%; }
.ie7 article.mainPage { width: 200px; }
.theFuture { clear: left; }
p.goWhere { width: 66%; }
article.movieList { clear: both; }
/*-------- movie list tables -------*/
table.movieHistory { width: 100%; font-size: .7em; }
table.movieHistory td { padding: 2px 8px; }
table.movieHistory td:nth-child(3) { text-align: center; }
table.movieHistory tr { border: 1px solid #8b8587; border-collapse: collapse; }
table.movieHistory tr:nth-child(odd) { background: #8b8587; }
.colTitle { width: 60%; }
td.colDate { width: 5%; min-width: 60px; align: "center"; }
/* =============================== art -------------------- */
#deekayArt img { margin: 0; width: 50%; max-width: 150px; }
#deekayArt { margin: 90px 0 1.5em; font-size: 1em; line-height: .5; }
ol.dkay { font-size: .9em; background: none; margin: 0 1em 0 4em; text-indent: -1em; }
ol.dkay + ol.dkay { margin-bottom: 1em; }
/* =============================== join -------------------- */
article.joinPage { width: 63%; }
h2.joinHeadline { font-family: 'Faster One', cursive; font-size: 1.9em; text-align: center; padding: 0; }
#join_button { text-align: center; margin: -.2em auto 2em; }
#join_button input { background: url(/graphics/btn_join.png) 7px 15px no-repeat; width: 80%; height: 130px; line-height: 130px; max-width: 442px; color: #fcf5c0; text-shadow: 1px 1px 0 #222; font-family: 'Faster One', Tahoma, Geneva, Arial, Helvetica-Normal, sans-serif; font-size: 1.4em; border: none; }
#join_button input:hover { color: #fff; text-shadow: 2px 2px 2px #222; cursor: pointer; }
aside#joinPage { width: 28%; max-width: 300px; }
#joinPage ul { list-style: none; }
#joinPage ul + p { margin-top: 1em; }
#joinPage li { background: url(/graphics/goldClover.png) no-repeat left center; font: 600 18px/32px Georgia, "Times New Roman", Times, serif; padding-left: 32px; }
h2.benefits { }
#slider { margin: 90px 0 1em; }
#slider { width: 100%; }
/* footer -------------------- */
footer { clear: both; margin: .5em 2em; padding: 1em 0 2em; border-top: 1px solid #291c23; }
footer a { padding: 0 1em; }
footer span { float: right; text-align: right; }
footer span a { padding-right: 0; }
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
#deekayArt img { max-width: 137px; }
h2.deep { padding-top: 60px; }
p.goWhere { width: 62%; }
}
@media screen and (max-width:900px) {
article.mainPage { width: 61%; }
article.homePage { width: 52%; }
#deekayArt img { max-width: 100px; }
#join_button input { width: 100%; background: url(/graphics/btn_join-med.png) 36px 26px no-repeat; height: 126px; }
#joinPage li { font-size: 14px; text-shadow: 0 1px 2px #222; }
}
@media screen and (max-width:720px) {
header { max-height: 150px; }
#logo { width: 50%; left: 20px; top: 2px; }
#centerPic { width: 20%; left: 60%; top: 1%; }
#mainContent { padding: 10px; }
article.mainPage { width: 100%; clear: right; }
article.joinPage { width: 90%; }
h2 { clear: left; font-size: 2em; }
h2.kylieNote { padding-top: .5em; }
p { padding-right: 20px; }
ol.discover { width: 94%; }
.discover li:nth-child(even) { float: right; }
#twitter { margin-right: 24px; float: left; }
aside { float: none; width: 100%; padding: 10px; margin: 62px auto 2em; }
aside#joinPage { width: 100%; max-width: inherit; }
aside#joinPage h2 { clear: none; padding-top: 150px; font-size: 3em; }
aside#joinPage p { clear: left; }
aside#joinPage img { max-width: 280px; float: left; margin: 0 0 1em; }
#slider { margin: 0; }
#join_button input { width: 100%; max-width: 435px; background: url(/graphics/btn_join.png) 4px 16px no-repeat; height: 142px; }
.joinPage p { padding: 0; }
#joinPage li { font-size: 1.4em; }
#deekayArt { margin-top: 0; }
aside#artPage img[src*="Trained"] { width: 90%; }
hr { width: 96%; }
}
/* Galaxy SIII Landscape */
@media screen and (max-width:660px) {
#centerPic { width: 30%; left: 70%; }
ul.mainRight { position: relative; right: 0; top: 10%; z-index: 10; }
article.mainPage { width: 42%; }
.discover li { width: 96%; display: block; }
h2.deep + p { width: 96%; }
footer { padding: 1.5em 0 2em; }
}
@media screen and (max-width:480px) {
#wrap { width: 96%; }
#centerPic { top: -84px; }
#centerPic div { right: 4px; top: 92px; }
aside#homePage { position: inherit; top: 0; }
#mainContent { float: none; }
h2 { font-size: 2em; clear: both; }
h2.deep { padding-top: 2em; }
#twitter { float: none; margin: 1em auto 0; }
h2.joinHeadline { font-size: 1.8em; }
aside { width: inherit; float: none; padding: 60px 40px 0; font-size: 1.6em; }
article.joinPage { width: 92%; }
aside#joinPage { width: 84%; }
aside#joinPage h2 { clear: left; font-size: 2.4em; text-align: left; padding-top: 0; }
#join_button input { background: url(/graphics/btn_join-med.png) 16px 26px no-repeat; height: 126px; }
.discover li { width: inherit; }
.discover li:nth-child(even) { float: left; }
h2.deep { padding-top: 0; font-size: 1.6em; }
#deekayArt { margin-top: 1em; }
#deekayArt img { max-width: 190px; }
#slider { margin-top: 0; }
#joinPage li { font-size: 1.4em; }
article.mainPage { width: inherit; float: none; }
footer { padding-bottom: 3em; line-height: 2; }
footer span a { padding: 0; }
}
@media screen and (max-width:320px) {
header { max-height: 120px; }
#logo { width: 60%; left: 12px; top: 18px; }
#centerPic { width: 30%; }
nav li a:link[href*="blog"] { display: none; }
nav ul.mainLeft { float: right; }
nav ul.mainRight { margin-top: 32px; }
aside#homePage { display: none; }
h2.kylieNote { margin-top: 90px; }
p { padding-right: 0; }
article { padding: 10px; }
aside { padding: 0; margin-top: 60px; }
aside#artPage img[src*="Trained"] { display: none; }
ol.dkay { margin-left: 2em; }
article.joinPage { width: 90%; /*padding:10px;*/
}
#join_button input { background: url(/graphics/btn_join-sm.png) 4px 8px no-repeat; width: 100%; height: 72px; line-height: 72px; font-family: Tahoma, Geneva, Arial, Helvetica-Normal, sans-serif; font-size: 1em; }
#joinPage li { font-size: 1.1em; }
footer span { float: none; display: block; }
}