/*     
Theme Name: YoYoJam
Theme URI: http://5ink.com
Description: YoYoJAM Web Store
Author: 5ink
Author URI: http://5ink.com
Version: 1.0   
*/  

body{
margin: 0px;
background:#f3fbe4 url(images/background.jpg);
background-repeat: repeat-x;
background-position: top;
font-family: tahoma, verdana, arial;
font-size: 11px;
}

h1, h2{
font-family: tahoma, verdana, arial;
font-size: 12px;
color: #49710b;
font-weight: bold;
padding: 0px;
margin: 0px;
clear: both;
}

h2{
font-family: tahoma, verdana, arial;
font-size: 18px;
color: #49710b;
font-weight: bold;
padding: 0px;
margin: 0px;
clear: both;
}

a{
color: #49710b;
text-decoration: none;
}

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

a img{
background-color: transparent;
border: 0px;
}

ul li .frame a img{
border: 1px dotted #b0d96d;
background-color: #fff;
padding: 5px;
}

/* All Encompassing Div for swirly background */

div.all{
background-image: url(images/header-background.jpg);
background-repeat: no-repeat;
background-position: top;
width: 100%;
height: 100%;
clear: both;
}

/* Header Logo */

div.logo{
margin-left: auto;
margin-right: auto;
width: 980px;
height: 100px;
margin-bottom: 16px;
}

div.subpage-logo a{
float: left;
width: 388px;
height: 100px;
display: block;
background-image: url(images/yoyojam.jpg);
background-repeat: no-repeat;
}

div.subpage-logo a:hover{
float: left;
width: 388px;
height: 100px;
display: block;
background-image: url(images/yoyojam-o.jpg);
background-repeat: no-repeat;
text-decoration: none;
}

/* Navigation and Drop Down Section */

div.target-navigation .navigation{
width: 980px;
height: 51px;
margin-left: auto;
margin-right: auto;
background-image: url(images/header-nav.jpg);
background-position: 0px -152px;
background-repeat: no-repeat;
margin-bottom: 16px;
_overflow: hidden;
}

/* Main Content Areas */

div.main-home{
margin-left: auto;
margin-right: auto;
width: 980px;
height: 550px;
clear: both;
}

div.home-flash{
width: 980px;
height: 370px;
margin-bottom: 16px;
overflow: hidden;
z-index: 0;
}

div.home-blog{
position: relative;
float: left;
width: 323px;
height: 140px;
background-image: url(images/home-cta-background.gif);
background-position: top;
background-repeat: no-repeat;
}

div.home-featured{
margin-left: 6px;
position: relative;
float: left;
width: 322px;
height: 140px;
background-image: url(images/home-cta-background.gif);
background-position: top;
background-repeat: no-repeat;
}

div.home-team{
position: relative;
float: right;
width: 323px;
height: 140px;
background-image: url(images/home-cta-background.gif);
background-position: top;
background-repeat: no-repeat;
}

div.home-content{
width: 300px;
margin-top: 10px;
height: 92px;
margin-left: auto;
margin-right: auto;
}

a.home-cta-link{
display: block;
width: 296px;
padding: 2px 3px 3px 3px;
height: 10px;
text-align: right;
color: #2b2141;
text-decoration: none;
font-weight: bold;
margin-left: auto;
margin-right: auto;
position: relative;
}

a:hover.home-cta-link{
background-color: #a07ee7;
color: #fff;
text-decoration: none;
}

a.home-blog{
display: block;
width: 286px;
height: 15px;
padding: 5px 0px 3px 10px;
text-align: left;
color: #2b2141;
text-decoration: none;
font-weight: bold;
margin-left: auto;
margin-right: auto;
position: relative;
border-bottom: 1px dotted #8e65e7;
}

a:hover.home-blog{
background-color: #a07ee7;
color: #fff;
text-decoration: none;
}

/* Navigation UL */

#nav ul, .nav{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	width: auto;
	z-index: 9999;
}

#nav li li a, .nav li li a {
	display: block;
	color: #6da31d;
	background-color: #fff;
	text-align: left;
	width: 175px;
	line-height: 25px;
	padding-left: 18px;
	text-decoration: none;
	border-bottom: 1px dotted #6da31d;
	font-size: 10px;
	background-image: url(images/nav-background.gif);
	z-index: 9999;
}

#nav li li a:hover, .nav li li a:hover {
	color: #5a8814;
	text-align: left;
	width: 175px;
	padding-left: 18px;
	text-decoration: none;
	z-index: 9999;
}

.nav li {
	float: left;
	position: relative;
	z-index: 9999;
}

.nav li ul {
	display: none;
	position: absolute;
	z-index: 9999;
}

.nav li li {	
	display: block;
	float: none;
	background-color: #f0fae0;
	z-index: 9999;
}

.nav li:hover ul, li.over ul {
	display: block;
	width: 175px;
	z-index: 9999;
}

#nav-yoyos a{
background-image: url(images/header-nav.jpg);
background-position: 0px -100px;
width: 97px;
height: 51px;
display: block;
}

#nav-yoyos a:hover{
background-image: url(images/header-nav.jpg);
background-position: 0px -152px;
text-decoration: none;
}

#nav-yoyos-current{
background-image: url(images/header-nav.jpg);
background-position: 0px -204px;
width: 97px;
height: 51px;
display: block;
}

#nav-team a{
background-image: url(images/header-nav.jpg);
background-position: -97px -100px;
background-repeat: no-repeat;
display: block;
width: 173px;
height: 51px;
}

#nav-team a:hover{
background-image: url(images/header-nav.jpg);
background-position: -97px -152px;
text-decoration: none;
}

#nav-team-current{
background-image: url(images/header-nav.jpg);
background-position: -97px -204px;
background-repeat: no-repeat;
display: block;
width: 173px;
height: 51px;
}

#nav-blog a{
background-image: url(images/header-nav.jpg);
background-position: -270px -100px;
display: block;
width: 90px;
height: 51px;

}

#nav-blog a:hover{
background-position: -272px -153px;
background-image: url(images/blog-o.gif);
text-decoration: none;
}

#nav-blog-current{
background-image: url(images/header-nav.jpg);
background-position: -270px -204px;
display: block;
width: 90px;
height: 51px;
}

#nav-about-us a{
background-image: url(images/header-nav.jpg);
background-position: -360px -100px;
display: block;
width: 125px;
height: 51px;
}

#nav-about-us a:hover{
background-image: url(images/header-nav.jpg);
background-position: -360px -152px;
text-decoration: none;
}

#nav-about-us-current{
background-image: url(images/header-nav.jpg);
background-position: -360px -204px;
display: block;
width: 125px;
height: 51px;
}


#nav-contact-us a{
background-image: url(images/header-nav.jpg);
background-position: -485px -100px;
display: block;
width: 159px;
height: 51px;
}

#nav-contact-us a:hover{
background-image: url(images/header-nav.jpg);
background-position: -485px -152px;
text-decoration: none;
}

#nav-contact-us-current{
background-image: url(images/header-nav.jpg);
background-position: -485px -204px;
display: block;
width: 159px;
height: 51px;
}

div.search{
width: 256px;
height: 38px;
padding-left: 0px;
float: right;
padding-top: 14px;
}

div.radio{
width: 105px;
position: relative;
float: left;
display: block;
overflow: hidden;
}

input.search{
border: 0px;
float: left;
width: 104px;
height: 14px;
padding-left: 0px;
padding-top: 4px;
color: #be9bf1;
font-size: 11px;
font-weight: bold;
font-family: tahoma, verdana, arial, helvetica;
background-color: transparent;
border: 0px;
}

input.search:focus{
width: 119px;
border: 0px;
float: left;
width: 100px;
height: 14px;
padding-left: 5px;
padding-top: 4px;
background-color: transparent;
}

input.search-image{
float: left;
background-color: transparent;
border: 0px;
margin-top: -5px;
}

/* Subpage Layout */

div.main-subpage{
margin-left: auto;
margin-right: auto;
width: 970px;
height: auto;
background-image: url(images/subpage-background.jpg);
background-repeat: no-repeat;
background-position: top;
clear: both;
overflow: hidden;
padding: 5px;
}

div.subpage-navigation{
width: 260px;
height: 500px;
padding-top: 65px;
float: left;
}

div.shoppcart{
float: right;
position: relative;
width: 265px;
padding-top: 8px;
height: 22px;
text-align: right;
padding-right: 10px;
}

		/* Subpage Navigation Styling */
		
		div.subpage-navigation ul, div.subpage-navigation li{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		}
		
		div.subpage-navigation a{
		display: block;
		width: 213px;
		padding-top: 7px;
		height: 21px;
		font-weight: bold;
		color: #53810b;
		background-color: #ebf7d2;
		margin-left: auto;
		margin-right: auto;
		padding-left: 12px;
		border-top: 1px dotted #bee07a;
		}
		
		div.subpage-navigation a:hover{
		display: block;
		width: 213px;
		padding-top: 7px;
		height: 21px;
		font-weight: bold;
		color: #fff;
		background-color: #9cd244;
		margin-left: auto;
		margin-right: auto;
		padding-left: 12px;
		border-top: 1px dotted #bee07a;
		}

div.subpage-content{
float: left;
width: 645px;
height: 100%;
overflow: hidden;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 32px;
line-height: 15px;
color: #2e440b;
text-align: justify;
}

div.breadcrumbs{
text-align: left;
width: 645px;
height: 38px;
padding-top: 8px;
background-image: url(images/breadcrumbs.gif);
background-repeat: no-repeat;
background-position: top;
color: #53810b;
}

	div.breadcrumbs a{
	text-decoration: none;
	color: #53810b;
	}
	
	div.breadcrumbs a:hover{
	text-decoration: underline;
	color: #53810b;
	}

/*Blog Layout*/

div.main-blog{
margin-left: auto;
margin-right: auto;
width: 970px;
height: auto;
background-image: url(images/blog-background.jpg);
background-repeat: no-repeat;
background-position: top;
clear: both;
overflow: hidden;
padding: 5px;
}

div.blog-navigation{
width: 240px;
height: 500px;
padding-top: 65px;
float: right;
}

div.blog-navigation h3{
font-size: 12px;
color: #2e440b;
margin: 0px;
}

div.entry div.navigation{
background-color: #FF0000;
}

div.breadcrumbs-blog{
text-align: left;
width: 645px;
height: 38px;
padding-top: 8px;
background-image: url(images/breadcrumbs-blog.gif);
background-repeat: no-repeat;
background-position: top;
color: #53810b;
}

div.blog-header{
width: 609px;
padding-top: 20px;
height: 45px;
font-size: 12px;
font-weight: bold;
}

div.blog-header a, div.blog-footer a{
color: #2e440b;
}

div.blog-summary-content{
padding-top: 5px;
width: 400px;
padding-left: 10px;
padding-right: 10px;
float: left;
color: #2e440b;
background-color: #fff;
line-height: 15px;
}

div.blog-footer{
width: 609px;
font-size: 11px;
font-weight: bold;
background-color: #e2efc9;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
}

.tagcloud{
line-height: 15px;
width: 200px;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px 5px 10px 5px;
border-top: 1px dotted #6da31d;
border-bottom: 1px dotted #6da31d;
background-color: #f3fbe4;
}

.s1{
font-size: 9px;
}

.s2{
font-size: 10px;
font-weight: bold;
}

.s3{
font-size: 11px;
font-weight: bold;
}

.s4{
font-size: 12px;
font-weight: bold;
}

.s5{
font-size: 13px;
}

.s6{
font-size: 14px;
font-weight: bold;
}
.s7{
font-size: 12px;
}

.s8{
font-size: 15px;
}

.s9{
font-size: 16px;
font-weight: bold;
}

.s10{
font-size: 17px;
}

#reflect_example {
}

#reflect_example ul {
    list-style: none;
}
.reflect_archive_list ul {
    list-style: none !imporant; 
    margin: 0px; 
    padding-bottom: 20px;
    padding-top: 7px;
}
.reflect_archive_list ul ul{
    margin-left: 0px; 
} 
.reflect_archive_list ul ul li {
    margin: 0px;
}
.reflect_archive_list li a {	
	display: block;
	padding: 5px 0px 5px 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f6f6f6;
	color: #53810b;
	text-decoration: none;
	border-left: 2px solid #6da31d;
	width: 195px;
	border-top: 1px dotted #6da31d;
}
.reflect_archive_list li a:hover {
	background-color:#e2efc9;
	color:#2e440b;
	font-weight: bold;
}

/* Subpage Navigation Styling */

div.blog-content{
float: left;
width: 645px;
height: 100%;
padding-left: 32px;
padding-right: 32px;
color: #53810b;
text-align: justify;
overflow: hidden;
}

/* Team YoYoJam Page */

.team-picture{
float: left;
border: 1px dotted #b0d96d;
background-color: #fff;
padding: 5px;
margin: 5px;
position: relative;
width: 190px;
height: 140px;
text-align: left;
}

.team-member-content{
width: 390px;
float: left;
margin-left: 15px;
position: relative;
}

.team-member-content p{
border-bottom: 1px solid #bee07a;
padding-bottom: 15px;
}

/* Footer */

div.footer{
width: 960px;
height: 40px;
padding: 10px;
margin-left: auto;
margin-right: auto;
background-image: url(images/footer.jpg);
background-position: top;
background-repeat: no-repeat;
color: #92c341;
position: relative;
}

.footer a{
text-decoration: none;
color: #92c341;
}

.footer a:hover{
text-decoration: underline;
}

div.fiveink{
width: auto;
float: left;
position: relative;
color: #bdd47c;
padding-top: 8px;
}

div.fineprint{
width: auto;
float: right;
position: relative;
color: #bdd47c;
padding-top: 8px;
}

div.edit{
float: right;
padding-left: 20px;
padding-right: 20px;
margin-right: 40px;
margin-bottom: 10px;
font-weight: bold;
}

/* All Forms */

input, textarea, submit, reset, button{
border: 2px solid #b0d96d;
background-color: #fff;
font-family: tahoma, verdana, arial;
font-size: 11px;
padding: 5px;
}

input:focus, textarea:focus, submit:focus, reset:focus, button:focus{
border: 2px solid #5c34af;
background-color: #fff;
font-family: tahoma, verdana, arial;
font-size: 11px;
padding: 5px;
}

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}

span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(images/radio.png) no-repeat;
display: block;
float: left;
}