/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Jobs to complete outside of, as well as throughout the entirety of, this document.
	* DEF: 'asset' = An asset can best be described as any item used in the creation of the site other than
	the HTML.  For example: images, flash, css files, etc.)

** NOTE: The current path for all assets associated with this site is: http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/

INSTRUCTIONS:
Make changes to the following:
1. all asset URL paths in the following external documents should be changed to the appropriate client URL:
	* style_187.tpl, home.tpl, non-ie.css, ie.css
	** NOTE: if no URL path exists in one of the aforementioned external documents, obviously
		no change is necessary
2. all asset URL paths in this document should be changed to the appropriate client URL
3. all color values in non-ie.css & ie.css as well as throughout this document should be altered
	** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */

body
{
color: #525252;
}

a:active,
a:link,
.title_9,
.title_9Bold,
.title_10,
.title_10Bold,
.title_12,
.title_12Bold,
.title_14,
.title_14Bold,
.title_16,
.title_16Bold
{
color: #BFAE00;
}

a:visited
{
color: #989684;
}

a:focus,
a:hover
{
color: #000;
}

.contentEdit h1
{
margin: 0.2em 0;
font-size: 182%;
font-weight: bold;
line-height: 38px;
text-align: center;
color: #D6C200;
background: #000 url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/h1_bkgd.jpg) no-repeat left center;
}

.contentEdit h2
{
margin: 0.2em 0;
font-size: 182%;
font-weight: bold;
line-height: 38px;
text-align: center;
color: #000;
background: #D6C200 url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/h2_bkgd.jpg) no-repeat left center;
}

.contentEdit h3
{
padding: 0 0 0 2.25em;
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
line-height: 31px;
color: #000;
background: #D6C200 url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/h3_icon.jpg) no-repeat left center;
}

.contentEdit h4
{
padding: 0 0 0 2.25em;
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
line-height: 31px;
color: #D6C200;
background: #000 url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/h4_icon.jpg) no-repeat left center;
}

.contentEdit h5
{
padding: 0.25em 0;
border-top: 7px solid #012F51;
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
color: #000;
}

.contentEdit h6
{
padding: 0.25em 0;
border-top: 7px solid #000;
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
color: #BFAE00;
}

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 13px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/content_externalLink.gif) no-repeat top right;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Special link properties within the editable region of the website.

INSTRUCTIONS:
Make changes to the following:
1. replace default URL (187.style.jamspiritsties.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.tumblebeez.com.com"]:active,
a[href^="http://www.tumblebeez.com.com"]:link,
a[href^="http://www.tumblebeez.com.com"]:visited,
a[href^="http://tumblebeez.com.com"]:active,
a[href^="http://tumblebeez.com.com"]:link,
a[href^="http://tumblebeez.com.com"]:visited,
a[href^="http://n1media1.images1.jamspiritsites.com"]:active,
a[href^="http://n1media1.images1.jamspiritsites.com"]:link,
a[href^="http://n1media1.images1.jamspiritsites.com"]:visited
{
padding: 0;
background-image: none;
}
/* END ALTER - Special link */

a[href^="mailto:"]:active,
a[href^="mailto:"]:link,
a[href^="mailto:"]:visited,
a[href^="javascript:location.href='mailto:'"]:active,
a[href^="javascript:location.href='mailto:'"]:link,
a[href^="javascript:location.href='mailto:'"]:visited
{
padding: 0 14px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/content_emailLink.gif) no-repeat top right;
}

a[href$=".pdf"]:active,
a[href$=".pdf"]:link,
a[href$=".pdf"]:visited
{
padding: 0 18px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/content_pdfLink.gif) no-repeat top right;
}

a[href$=".doc"]:active,
a[href$=".doc"]:link,
a[href$=".doc"]:visited
{
padding: 0 18px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/content_wordLink.gif) no-repeat top right;
}

/* Fix for calendar days of the week color. */
.white_9Bold
{
color: #FFF;
}

/* Fix for external link image on company box. */
div#companyBox a[href^="http:"]:active,
div#companyBox a[href^="http:"]:link,
div#companyBox a[href^="http:"]:visited
{
background: none;
padding: 0;
}

/* Fix for external link image on company logo. */
div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited,
div#companyLogo a:focus,
div#companyLogo a:hover
{
padding: 0;
}

/* Fix for external link image on linked images in content. */
a[href^="http:"]:active.noIcon,
a[href^="http:"]:link.noIcon,
a[href^="http:"]:visited.noIcon,
a[href^="http:"]:focus.noIcon,
a[href^="http:"]:hover.noIcon
{
padding: 0;
background: none;
}

/* -------------------------------------------------
main structure
------------------------------------------------- */

body
{
background: #1E1E1E url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/body_bkgd.jpg) repeat-y top center;
}

div#wrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/wrapper_bkgd.jpg) repeat-x 0 0;
}

div#container
{
width: 998px;
margin: 0 auto;
text-align: left;
}

/* -------------------------------------------------
div.universal-clear
------------------------------------------------- */

div.universal-clear
{
height: 0px;
line-height: 0px;
}

* html div.universal-clear
{
margin: 0 0 -3px 0;
}

div#form#form1 div.universal-clear
{
clear: left;
}

* html form#form1 div.universal-clear
{
margin: 0 0 -5px 0;
}

div#middle-colTwo-rowOne-colTwo div.universal-clear
{
clear: left;
}

* html div#middle-colTwo-rowOne-colTwo div.universal-clear
{
margin: 0 0 -5px 0;
}

div#middle-colTwo-rowOne div.universal-clear
{
clear: left;
}

* html div#middle-colTwo-rowOne div.universal-clear
{
margin: 0 0 -5px 0;
}

div#middle div.universal-clear
{
clear: left;
}

* html div#middle div.universal-clear
{
margin: 0 0 -5px 0;
}

div#footer-colOne div.universal-clear
{
clear: left;
}

* html div#footer-colOne div.universal-clear
{
margin: 0 0 -5px 0;
}

div#footer div.universal-clear
{
clear: left;
}

* html div#footer div.universal-clear
{
margin: 0 0 -5px 0;
}

/* -------------------------------------------------
div#header
------------------------------------------------- */

div#mainPic img,
div#mainPic object
{
display: block;
}

/* -------------------------------------------------
div#middle
------------------------------------------------- */

div#middle
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/middle_bkgd.jpg) repeat-y 0 0;
}

* html div#middle
{
height: 1px;
}

/* -------------------------
div#middle-colOne
------------------------- */

div#middle-colOne
{
float: left;
width: 252px;
}

/* ------- div#memberBox --------- */

div#memberBox
{
height: 196px;
color: #FFF;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/memberBox_bkgd.jpg) no-repeat bottom left;
}

div#memberBox h1
{
height: 49px;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/memberBox_title.jpg) no-repeat 0 0;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default visibility to visible - othewise, change visible to hidden
-------------------------------------------------------------------------------------------- */
div#memberBox form
{
visibility: visible;
padding: 0 0 0 26px;
}
/* END ALTER - Member Box */

p.memberBox-label
{
float: left;
width: 80px;
font-weight: bold;
text-align: right;
}

input.memberBox-textBox
{
width: 110px;
margin: 0 0 10px 5px;
color: #BFAE00;
}

p#memberBox-forgot
{
margin: 0 37px 10px 0;
text-align: right;
font-size: 77%;
}

p#memberBox-forgot a:active,
p#memberBox-forgot a:link,
p#memberBox-forgot a:visited
{
color: #F7E314;
}

p#memberBox-forgot a:focus,
p#memberBox-forgot a:hover
{
color: #FFF;
text-decoration: none;
}

ul#memberBox-buttons
{
margin: 0 0 0 25px;
}

ul#memberBox-buttons li
{
float: left;
display: block;
height: 38px;
}

ul#memberBox-buttons a
{
display: block;
height: 38px;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
overflow: hidden;
}

li#memberBox-buttons-enter
{
width: 42px;
}

li#memberBox-buttons-enter a
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/memberBox_buttons.jpg) no-repeat 0 0;
}

li#memberBox-buttons-register
{
width: 139px;
}

li#memberBox-buttons-register a
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/memberBox_buttons.jpg) no-repeat -42px 0;
}

/* ------- div#verticalNav --------- */

div#verticalNav ul
{
width: 243px;
padding: 0 0 0 9px;
}

div#verticalNav a:active,
div#verticalNav a:link,
div#verticalNav a:visited
{
display: block;
width: 182px;
height: 44px;
padding: 0 0 0 61px;
line-height: 44px;
font-weight: bold;
color: #000;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/verticalNav_bkgd.jpg) no-repeat 0 0;
}

div#verticalNav a:focus,
div#verticalNav a:hover
{
color: #746900;
text-decoration: underline;
}

/* ------- div#companyBox --------- */

div#companyBox
{
width: 203px;
height: 133px;
padding: 27px 0 0 49px;
margin: 20px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#middle-colTwo
------------------------- */

div#middle-colTwo
{
float: left;
width: 746px;
min-height: 240px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/middle_colTwo_bkgd.jpg) no-repeat 0 0;
}

* html div#middle-colTwo
{
overflow: hidden;
}

/* -------------------------
div#middle-colTwo-rowOne
------------------------- */

/* ----- div#middle-colTwo-rowOne-colOne ----- */

div#middle-colTwo-rowOne-colOne
{
float: left;
width: 591px;
height: 98px;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change visible to hidden, & vice versa
2. color value
3. PSD changes - if, by deactivating the marquee, image changes result, it will be
   necessary to re-export the proper background image
-------------------------------------------------------------------------------------------- */
div#marquee
{
position: relative; /* for marquee tag */
visibility: hidden;
width: 455px;
height: 14px;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
margin: 80px 0 0 73px;
}

div#marquee span.body_10
{
color: #FFF;
font-size: 92%;
font-weight: bold;
line-height: 14px;
}
/* END ALTER - Marquee */

/* ----- div#middle-colTwo-rowOne-colTwo ----- */

div#middle-colTwo-rowOne-colTwo
{
float: left;
width: 155px;
height: 98px;
}

ul#icons
{
margin: 13px 0 0 0;
}

ul#icons li
{
float: left;
}

ul#icons li a:active,
ul#icons li a:link,
ul#icons li a:visited
{
display: block;
padding: 56px 0 0 0;
color: #F7E314;
text-decoration: none;
text-align: center;
}

ul#icons li a:focus,
ul#icons li a:hover
{
color: #FFF;
text-decoration: underline;
}

li#homeIcon a
{
width: 61px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/icons.jpg) no-repeat 0 0;
}

li#emailIcon a
{
width: 75px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/icons.jpg) no-repeat -67px 0;
}

/* -------------------------
div#middle-colTwo-rowTwo
------------------------- */

h1#pageTitle
{
padding: 30px 0 30px 30px;
color: #000;
font-weight: bold;
font-size: 152%;
}

div#content
{
padding: 0 59px 12px 30px;
}

.contentEdit img
{
border-color: #000;
}

/* -------------------------------------------------
div#footer
------------------------------------------------- */

div#footer
{
padding: 54px 0 10px 0;
height: 40px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/footer_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#footer-colOne
------------------------- */

div#footer-colOne
{
float: left;
display: inline;
width: 243px;
height: 40px;
padding: 0 0 0 9px;
}

ul#footer-icons li
{
float: left;}

ul#footer-icons li a:active,
ul#footer-icons li a:link,
ul#footer-icons li a:visited
{
display: block;
width: 35px;
height: 40px;
line-height: 40px;
color: #000;
text-decoration: none;
}

ul#footer-icons li a:focus,
ul#footer-icons li a:hover
{
color: #746900;
text-decoration: underline;
}

li#footer-homeIcon
{
margin: 0 25px 0 20px;
}

li#footer-homeIcon a
{
padding: 0 0 0 40px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/footer_homeIcon.jpg) no-repeat center left;
}

li#footer-emailIcon a
{
padding: 0 0 0 42px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/footer_emailIcon.jpg) no-repeat center left;
}

/* -------------------------
div#footer-colTwo
------------------------- */

div#footer-colTwo
{
float: left;
display: inline;
width: 586px;
height: 40px;
text-align: center;
color: #000;
}

div#footer-colTwo p
{
line-height: 40px;
}

/* -------------------------
div#footer-colThree
------------------------- */

div#footer-colThree
{
float: left;
display: inline;
width: 160px;
height: 40px;
}

div#companyLogo
{
margin: 10px 20px 0 30px;
}

div#companyLogo img
{
display: block;
}

div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited
{
display: block;
width: 110px;
height: 20px;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/187/tumblebeez.com/images/company_logo.gif) no-repeat 0 0;
overflow: hidden;
}

div#companyLogo a:focus,
div#companyLogo a:hover
{
background-position: -110px 0;
}