/*  Each month you can change the background of the body of the home page on the website here.  */

body {
      margin: 0px ;
      padding: 10px 0px;
      background: #6c748F url(http://www.kineticsmag.com/issue/2011JulAug/layout/space-tile.jpg) repeat top left; 
	  background-attachment: fixed; 

}

/*  Here is what determines the linkage colors on the page  */

a link {color: #3399ff; text-decoration: none;}
a visited {color: #3399ff; text-decoration: none;}
a hover {color: #cc99cc; text-decoration: underline;}
a focus {color: #3399ff; text-decoration: none;}
a active {color: #33ccff; text-decoration: none;}

#pagewrapper { width: 800px; margin: 0px auto 0px auto; padding: 0px; text-align:justify; } 
/* if invisible background, margin-top: 0px otherwise 10px;  */
#headerImage { margin:0px; padding: 0px 20px 0px 0px; text-align: right; }

#topBannerPosition {
	margin: -30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#topbanners {
	width:800px;
	height:195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#topNavigation { width: 100%; height: 35px; margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; background:  #a5adc5 url('http://kineticsmag.com/images/layout/top-menu-bar2.jpg') repeat top left; text-align:center;   
}
.topMenu { padding: 5px 5px 0px 5px; color: #993399;  font-size: 12px; font-family:helvetica,sans-serif; font-weight:bold;}
.topMenu a:link {color: #993399; text-decoration: none;}
.topMenu a:visited {color: #993399; text-decoration: none;}
.topMenu a:active {color: #993399; text-decoration: none;}
.topMenu a:hover {color: #002A54; text-decoration: none;}




/* ----------------- Suckerfish navigation ---------------  */
#suckerfishnav {
    background: #e3daf7  url('http://kineticsmag.com/images/layout/top-menu-bar2.jpg') repeat top left;  
    font-size: 12px;
    font-family:helvetica,sans-serif;
    font-weight:bold;
    width:800px;  /*  780px  */
    height: 30px;
    margin: 0px auto 0px auto;
    padding: 0px 0 0px 40px;
    text-align: center;
    list-style:none;
    }
#suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:5px 0 0 0;
    border:1px solid #666;
    margin:0px auto 5px auto;
    width:880px;  /*  751px  */
    }
#suckerfishnav a {
    display:block;
    color:#000;
    text-decoration:none;
    padding:5px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:5px 0 0 0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height: 30px;
    width:220px;  /* 151px */
    font-weight:normal;
    margin:0px 0 0 0;
    line-height:100%;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:218px;  /*  149px  */
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:helvetica,sans-serif;
    text-align: left;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:220px;  /* 130px  */
    font-size:12px;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 221px;  /* 150px  */
    }
#suckerfishnav li li:hover {
    background:#e3daf7;
    color: #ffffff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#993399;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, 

#suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav 

li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#e3daf7;
    }
#suckerfishnav li:hover,#suckerfishnav li li:hover, #suckerfishnav li li li:hover, #suckerfishnav li li li li li:hover, #suckerfishnav li.sfhover {
    background:#e3daf7;
    color: #ffffff;
    }
/*  ----------------- END SUCKERFISH NAVIGATION   */

/*  -----------------MAIN CONTENT STYLES  ----  */

#mainContent { width: 800px; background: #ffffff; margin: 0px auto 0px auto; padding: 10px 10px; border: 1px solid #a5adc5; }


/*  -------  2 Column with Right Side bar ----   */
#columnLeftMain { width: 540px;  margin: 0px 0px 0px 10px; padding: 0px 10x; text-align: left; height: 1em; background: #ffffff; }

#columnRightSide {  width: 220px; margin: 0px 10px 0px 10px; text-align: center; height: 1em; padding: 0px; background: #ffffff;  }

/*  ---------  1 Main column   -----   */

#columnMain { width: 780px;  margin: 0px auto 0px auto; padding: 10px 20x; height: 1em; background: #fff; }

/*  ---------  2 column with Left Side bar  ----   */

/*  ---------  END MAIN CONTENT  ----   */


#footer { width:650px; height:1px; margin: 0px auto 0px auto; padding: 10px; text-align:center; font-family:arial; color: #666; font-size: 9pt; }


.musicctrls { padding: 25px 0px 0px 0px; text-align: left; color: white; font-family: Arial; font-size: 8pt; font-weight: bold; }

.p { padding-left: 10px; padding-right: 10px; }

/*  ---- MAIN BODY TEXT FORMATING ----- */
.text { font-family: 'Times New Roman', serif; 
        font-size: 12pt;
        text-align: justify;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}

.text-no-justify {
	font-family: 'Times New Roman', serif;
	font-size: 12pt;
	text-align: left;
	margin: 10px 15px 10px 15px;
	padding: 0 0 0 0;
	line-height: 110%;
}

.text-ctr { font-family: 'Times New Roman', serif; 
        font-size: 12pt;
        text-align: center;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.text-rt { font-family: 'Times New Roman', serif; 
        font-size: 12pt;
        text-align: right;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.text-quote {  font-family: 'Times New Roman', serif; 
        font-size: 11pt; 
        font-weight: bold; 
        text-align: center;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}

.text-script { font-family: Georgia; 
        font-size: 12.5pt;
        text-align: justify;
        margin: 10px 15px 5px 15px;
        padding: 0 0 0 0;
        line-height: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
}

.text-sm { font-family: Arial, Tahoma;
        font-size: 9pt;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.headingGeorgia18 { font-family: Georgia, serif; 
        font-size: 18pt;
        margin: 15px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 120%;
}
.headingScript { font-family: 'Monotype Corsiva', serif; 
        font-size: 22pt;
        margin: 15px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 120%;
}
.headingArial20 { font-family: Arial, serif; 
        font-size: 20pt;
        margin: 15px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 120%;
}


.sgl-line { font-family: 'Times New Roman', serif; 
        font-size: 11pt;
        text-align: left;
        margin: 10px;
        padding: 0 0 0 0;
	line-height: 100%;
}
.sgl-line-ctr { font-family: 'Times New Roman', serif; 
        font-size: 11pt;
        text-align: center;
        margin: 10px;
        padding: 0 0 0 0;
        line-height: 100%;
}

.bottext {  font-family: Arial, Tahoma; 
            font-size: 8pt; 
            line-height: 100%;
            margin: 0px;
            padding: 0px 0 10px 0;
}

.img_spacing { margin: 0px; padding: 5px 15px; border: none; }

.img_past_covers { width: 200px; margin: 0px; padding: 0px 0px; border: 10px solid #fff; font:Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; text-align:center; caption-side:top; color: #CC3366; text-align: center; }

.largeletter {
	color: #FF9900;
	background: #FFFFFF;
	text-transform: uppercase;
	float:left;
	margin-top: -15px;
	margin-right: 8px;
	margin-bottom: -10px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	font: bold 30px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}