/* 

Originally created for Krazy Club
20.11.06

*/

body {
  margin:0px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  text-align:center;
  background:url(../img/kc_pagebck.gif) repeat-y center;
  background-color:#ACCB32;
}

img {
  border: 0px;
}

a:link, a:visited, a:active  {
	color: #D82323;
	text-decoration: underline;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

#sitewrapper {
  position:relative;
  width:748px;
  text-align: left;
}

#header {
  position: relative;
  float: left;
  width: 748px;
  margin-top: 10px;

}

.headerlogo {
  position: relative;
  float: left;
  width: 251px;
}

.headernavigation {
  position: relative;
  float: left;
  width: 497px;
}

.headernavigation ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  float: left;
}

.headernavigation li {
  float: left;
  * margin-bottom: -3px;
  padding: 0px;
  line-height: 0.8em;
}

#tickertape {
  position: relative;
  float: left;
  width: 742px;
  background-image:url(../img/kc_tickertape_bck.gif);
  height: 32px;
  left: 3px;
}

.tickertapeanim {
  position: absolute;
  top: 9px;
  left: 252px;
  width: 479px;
  height: 15px;
}

#maincontent {
  position: relative;
  float: left;
  width: 742px;
  left: 3px;
  margin: 0px;
}

.drstrongcontentbck {
  background: url(../img/kc_drstrong_sidecol_bck.gif) repeat-y top right;
}

#drstrongcontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_drstrong_sidecol_img.gif) no-repeat bottom right;
}

.myblogcontentbck {
  background: url(../img/kc_myblog_sidecol_bck.gif) repeat-y top right;
}

#myblogcontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_myblog_sidecol_img.gif) no-repeat bottom right;
}

.funstuffcontentbck {
  background: url(../img/kc_funstuff_sidecol_bck.gif) repeat-y top right;
}

#funstuffcontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_funstuff_sidecol_img.gif) no-repeat bottom right;
}

.sneakprevcontentbck {
  background: url(../img/kc_sneakprev_sidecol_bck.gif) repeat-y top right;
}

#sneakprevcontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_sneakprev_sidecol_img.gif) no-repeat bottom right;
}

.compscontentbck {
  background: url(../img/kc_comps_sidecol_bck.gif) repeat-y top right;
}

#compscontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_comps_sidecol_img.gif) no-repeat bottom right;
}

.forumcontentbck {
  background: url(../img/kc_forum_sidecol_bck.gif) repeat-y top right;
}

#forumcontentimg {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_forum_sidecol_img.gif) no-repeat bottom right;
}

.contentmaincol {
  position: relative;
  float: left;
  width: 492px;
  margin-top: 8px;
}

.maincontentcol {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_content_maincol_bck.gif) repeat-y top;
  margin: 0px;
}

.maincontentcolpadding {
  position: relative;
  float: left;
  width: 460px;
  left: 20px;
  margin-top: 10px;
}

.maincontentcolpadding textarea {
  width: 450px;
  height: 150px;
}

.maincontentcol452 {
  position: relative;
  float: left;
  width: 452px;
  left: 0px;
  margin-top: 10px;
}

.maincontentcol226 {
  position: relative;
  float: left;
  width: 226px;
  margin-top: 10px;
}


.maincontentcol113 {
  position: relative;
  float: left;
  width: 113px;
  margin: 15px 0px 15px 0px;
}

.maincontentcolpadding h2 {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* .maincontentcol h2 {
  margin: 0px;
  padding: 20px 20px 15px 20px;
  background: url(../img/kc_content_maincol_top.gif) no-repeat top;
}
*/

.maincontentcolintro {
  margin: 0px;
  padding: 0px;
  font-size: 1.4em;
}

.maincontentcol p {
  margin: 8px 0px 0px 0px;
  padding: 0px;
}

.contentsidecol {
  position: relative;
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px;
}

.contentsidecoltop {
  position: relative;
  float: left;
  width: 250px;
}

.forumheader {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_forum_header_bck.gif) repeat-y top;
  margin: 0px 0px 5px 0px;
}

.forumheader h2 {
  margin: 0px;
  padding: 10px 20px 5px 20px;
  /*background: url(../img/kc_forum_header_bck.gif) repeat-y top; */
  display:none;
  font-family:"Comic Sans MS";
  font-size: 0px;
  line-height: 30px;
  font-weight:bold;
  color: #FFFFFF;
}

.forumheadimg {
  margin: 0px;
  padding: 10px 20px 5px 20px;
  background: url(../img/kc_forum_header_bck.gif) repeat-y top;
  font-family:"Comic Sans MS";
  font-size: 0px;
  line-height: 30px;
  font-weight:bold;
  color: #FFFFFF;
}

.forumheader p {
  margin: 8px 0px 0px 0px;
  padding: 0px 20px 20px 20px;
  background: url(../img/kc_forum_header_bot.gif) no-repeat bottom;
  font-size: 1.3em;
  font-weight: bold;
}

.forumheader textarea {
  margin-top: 10px;
  left: 10px;
  width: 450px;
}

.forumfooter {
  position: relative;
  clear: both;
  width: 492px;
  background: url(../img/kc_forum_footer_bck.gif) repeat-y top;
  margin: 0px;
  padding:0px;
}

.forumfooterrow {
  position: relative;
  float: left;
  width: 492px;
  margin: 0px;
  padding: 0px;
}

.forumfooter p {
  padding: 0px 0px 0px 17px;
  margin: 0px;
}

.forumusericon {
  position: relative;
  float: left;
  width: 72px;
  top: 0px;
  left: 20px;
}

.forumuserpost {
  position: relative;
  float: right;
  width: 370px;
  top: 0px;
  right: 15px;
  font-size: 1.2em;
}

.forumrow {
  position: relative;
  float: left;
  width: 492px;
  margin: 0px;
  padding: 0px;
}

.forumrowatop {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_forum_rowa_top.gif) no-repeat top;
  height: 5px;
}

.forumrowabot {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_forum_rowa_bot.gif) no-repeat bottom;
  height: 5px;
}

.forumrowa {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_forum_rowa_bck.gif) repeat-y top;
  margin: 0px 0px 5px 0px;
}

.forumrowb {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_forum_rowb_bck.gif) repeat-y top;
  margin: 0px 0px 5px 0px;
}

.forumrowa p, .forumrowb p  {
  margin: 0px;
  padding: 0px 20px 30px 20px;
}

.forumpostedby {
  color: #000000;
  font-size: 1.0em;
  line-height: 1.3em;
}

.forumcategory {
  color: #D82323;
  line-height: 1.2em;
}

.forumdate {
  color: #FFFFFF;
  font-size: 0.8em;
  line-height: 1.5em;
}

.krazycharthead {
  position: relative;
  float: left;
  width: 250px;
  margin: 0px;
}

.krazychartfoot {
  position: relative;
  float: left;
  width: 242px;
  margin: 0px;
}

.krazychart {
  position: relative;
  float: left;
  width: 242px;
  left: 8px;
  background: url(../img/kc_krazychart_bck_sidecol.gif) repeat-y top;
  margin: 0px;
}

.krazychart p {
  margin: 10px 0px 10px 0px;
  padding: 0px 18px 0px 18px;
}

.krazychartrow {
  position: relative;
  float: left;
  width: 210px;
  background: url(../img/kc_krazychart_divider_sidecol.gif) no-repeat top;
  left: 16px;
}

.krazychartrowmonth {
  position: relative;
  float: left;
  width: 452px;
  background: url(../img/kc_krazychart_divider_monthly.gif) no-repeat top;
  left: 0px;
}

.krazychartrowlast {
  position: relative;
  float: left;
  width: 210px;
  background: url(../img/kc_krazychart_divider_sidecollast.gif) no-repeat top;
  left: 16px;
}

.krazychartrow p {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 3px;
}

.krazychartrowmonth p {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 3px;
}

.krazychartrowlast p {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 3px;
}

.krazychartpos {
  position: relative;
  float: left;
  width: 40px;
  line-height: 1.8em;
}

.krazychartposmonth {
  position: relative;
  float: left;
  width: 150px;
  line-height: 1.8em;
}

.krazychartpos p {
  padding: 0px 0px 0px 5px;
  color: #FFFFFF;
}

.krazychartposmonth p {
  padding: 0px 0px 0px 5px;
  color: #FFFFFF;
}

.krazychartname {
  position: relative;
  float: left;
  width: 85px;
  line-height: 1.8em;
}

.krazychartnamemonth {
  position: relative;
  float: left;
  width: 150px;
  line-height: 1.8em;
}

.krazychartpoints {
  position: relative;
  float: left;
  width: 48px;
  line-height: 1.8em;
}

.krazychartpointsmonth {
  position: relative;
  float: left;
  width: 48px;
  line-height: 1.8em;
}

.krazychartimg {
  position: relative;
  float: left;
  width: 32px;
}

#footer {
  position: relative;
  float: left;
  width: 742px;
  left: 3px;
  padding-bottom: 10px;
}

#footer p {
  margin-top: 10px;
  font-size: 1.0em;
  line-height: 1.5em;
  padding: 0px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active  {
	color: #000000;
	text-decoration: underline;
}

a.footerlink:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/* LOGIN AND REGISTRATION STYLES */
body.login {
  margin:10px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  background:url(../img/spacer.gif) repeat-y center;
  background-color:#ACCB32;
  text-align: center;

}

#sitewrapperlogin {
  position:relative;
  width:540px;
  text-align: left;
  background-color: #9AB62D;
  margin: 0 auto;
}

#sitewrapperbck {
  position:relative;
  float: left;
  width:530px;
  left: 5px;
  top: 5px;
  background: url(../img/kc_login_main_bck.gif) repeat-y top;
}

#sitewrapperbcklogin {
  position:relative;
  float: left;
  left: 0px;
  top: 0px;
  width:530px;
  background: url(../img/kc_login_main_top.gif) no-repeat top;
}

#sitewrapperbotlogin {
  position:relative;
  clear: both;
  width:530px;
  height: 16px;
}

#loginfooter {
  position:relative;
  clear:both;
  width:530px;
  left: 5px;
  background-color:#FFFFFF;
  margin-bottom:0px;
  border-bottom: 5px solid #9AB62D;
}

#loginfooter p {
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 8px 25px 8px 25px; 
  margin: 0px;
}

.logintxtbox {
  position: relative;
  float: left;
  width: 357px;
  margin-top: 155px;
  left: 30px;
  background: url(../img/kc_login_txtbox_bck.gif) repeat-y top;
}

.logintxtbox ul {
  margin: 0px 0px 0px 15px;
}

.logintxtbox li {
  font-size: 1.3em;
}

.logintxtbox h2 {
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* .logintxtbox h2 {
  margin: 0px;
  padding: 20px 30px 5px 30px;
  background: url(../img/kc_login_txtbox_top.gif) no-repeat top;
} */

.logintxtpad {
  position: relative;
  float: left;
  width: 297px;
  left: 30px;
 /*  padding: 0px 30px 0px 30px; */
}



/* .logintxtbox p {
  font-size: 1.2em;
  font-weight: normal;
  color: #000000;
  margin: 0px;
  padding: 0px;
} */

/* OLD  HOMEPAGE STYLES 

.homemain {
  position: relative;
  float: left;
  width: 479px;
  top: 4px;
  height:332px;
  min-height:332px;
  background:url(../img/kc_home_mainimg.gif) no-repeat bottom;
}

.homepoll {
  position: relative;
  float: left;
  width: 262px;
  min-height:336px;
  background:url(../img/kc_home_pollimg_bck.gif) no-repeat top;
}


.pollbox {
  position: relative;
  float: left;
  width: 242px;
  background: url(../img/kc_home_pollimg_top.gif) no-repeat bottom;
}

.pollboxbck {
  position: relative;
  float: left;
  width: 242px;
  background: url(../img/kc_home_pollbox_bck.gif) repeat-y top;
} 

.homepollimage {
  position: relative;
  float: left;
  width: 262px;
}
*/

/* V2 HOMEPAGE STYLES */

#maincontenthome {
  position: relative;
  float: left;
  width: 742px;
  left: 3px;
  margin-top: 0px;
  background: url(../img/kc_home_back_bck.gif) repeat-y top;
}

#maincontenthometop {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_home_back_top.gif) no-repeat top;
}

#maincontenthomebot {
  position: relative;
  float: left;
  width: 742px;
  background: url(../img/kc_home_back_bot.gif) no-repeat bottom;
}

.homemain {
  position: relative;
  float: left;
  width: 479px;
  top: 4px;
  margin-bottom: 20px;
}

#homepageclear {
  position: relative;
  clear:both;
}

.pollbox {
  position: relative;
  float: left;
  width: 242px;
}

.pollboxpad {
  position: relative;
  float: left;
  width: 202px;
  left: 20px;
}

.homepoll {
  position: relative;
  float: left;
  width: 262px;
}

.homeintrobox {
  position: relative;
  float: left;
  width: 452px;
  background: url(../img/kc_home_introbox_bck.gif) repeat-y top;
  left: 10px;
  top: 10px;
}

.homeintroboxpad {
  position: relative;
  float: left;
  width: 412px;
  left: 20px;
}

.homeintroicon {
  position: relative;
  float: right;
  width: 72px;
  height: 72px;
  margin-top: 10px;
}


/*
.homeintrobox h1, p {
  padding: 0px 30px 0px 30px;
  margin: 9px 0px 9px 0px;
  font-size: 1.1em;
  line-height: 1.6em;
}
*/

#maincontent a:link, a:visited, a:active  {
	color: #D82323;
	text-decoration: underline;
}

#maincontent a:hover {
	color: #3961C6;
	text-decoration: underline;
}

.homednpoints {
  position: relative;
  float: left;
  width: 215px;
  background: url(../img/kc_home_dnpoints_bck.gif) repeat-y top;
  left: 251px;
  top: 14px;
  margin-bottom: 10px;
}

.homednpoints p {
  padding: 0px 18px 0px 18px;
  margin: 9px 0px 9px 0px;
}

.homednimg {
  margin-right: 15px;
}


/* Registration styles */

.regfieldhead {
 font-weight: bold;
 font-size: 1.3em;
}

.regsmallprint {
  font-size: 90%;
}

.regthumbnail {
  position: relative;
  float: left;
  width: 147px;
  margin: 10px 0px 10px 0px;
}

.maincontentcolleft {
  position: relative;
  float: left;
  width: 221px;
  margin: 15px 0px 15px 0px;
}

.maincontentcolright {
  position: relative;
  float: right;
  width: 222px;
  margin: 15px 0px 15px 0px;
}

.quotequizcontentcol {
  position: relative;
  float: left;
  width: 492px;
  background: url(../img/kc_matchthequotes_bck.gif) no-repeat bottom;
  margin: 0px;
}

.quotequiz {
  position:relative; 
  float: left; 
  width: 100%; 
height: 520px;
}

.quotequiz p {
  font-size: 1.2em;
  margin: 10px 0px 15px 0px;
}

.quotequiz input {
  border: 1px dashed #CB45D0;
  width: 20px;
  padding: 5px;
}

.quotequiz .submit {
  border: 1px solid #CCCCCC;
  width: 100px;
}

.quotequiz .result {
  border: 0px;
  width: 200px;
  height: 30px;
  background-color:#A3D2E9;
}

#form {
  width: 350px;
}

label {
	float:left;
	margin: 0 5px 0 0;
	font-weight: bold;
	width: 150px;
	line-height: 15px;
}