/*  
Theme Name: Gotta Groove 2.0
Description: 
Version: 2.0
Author: TK
Author URI: http://myinitialsare.tk
*/

/* css reset, via the king, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* end of css reset *************************************************************/

/* Global Stuff */
body, html { margin: 0; text-align: center; background-color: #939598; font-size:1em; font-family:georgia,serif; color:#534442; background:#fff; }
a { color: #DA060B; }
strong { font-weight: bold; padding: 2px;}
em { font-style: italic; background-color: #ffffe0;}
blockquote{ padding: 5px 20px 10px 20px; display: block; clear: both; margin: 8px 0 0 0; background: #EBDDC0; }
cite{ float: right; margin: 0 0 10px 0; }
.clear { clear: both; }
.outer { background: url(images/main-center2.jpg) no-repeat right top fixed; }

h2 { font-weight: bold; font-size: 1.4em; margin: 1em 0;}
h3 { font-weight: bold; font-size: 1em; margin: 2em 0 1em 0; border-bottom: 1px solid #939598;}

#posts ol { list-style-type: decimal;  font-weight: bold; padding-left: 20px; border: 2px solid #DA060B; padding: 0.5em;}
#posts ol li { margin-bottom: 0.5em; margin-left: 2em;  }
#posts ul { list-style-type: square;  font-weight: bold; padding-left: 20px; border: 2px solid #DA060B; padding: 0.5em;}
#posts ul li { margin-bottom: 0.5em; margin-left: 2em;  }


#idc-container-parent { padding-top: 25px; clear: both; }

.post h3, .post h4, .post h5, .post h6 { margin: 5px 0 5px 0; }

	
/* Page Container */
#page { width: 940px; padding: 0 10px 10px 10px; margin: 0px auto; text-align: left; border: 4px solid #000; background-color: #fff; }

/* Top Section */
#header #pre-header{line-height:18px;float:right;height:30px;width:400px;border:5px solid #000;border-top:none;background-color:#B32317;color:#fff;padding:8px 10px 0;}
#header .slogan{font-size:.9em;float:right;}
#header .slogan a{color:#fff;font-weight:700;}
#header .slogan a:hover{text-decoration:none;}
#header #logo{float:left;}

/* Navigation */
#header #nav { float: right; list-style: none; margin: 0; margin-top: 18px; width: 565px; }
#header #nav li { float: left; margin: 0 0 0 30px; }
#header #nav li a { display:block;  outline:none; font-weight: bold; text-transform: uppercase; color: #B32317; font-size: 1.05em; background: #fff; }
#header #nav a { border: 2px solid white; height: 35px;}
#header #nav a:hover { border-bottom: 2px solid #B32317;}



#main { padding-bottom: 300px; margin-top: 10px; min-height: 750px; }
#posts { float: left; width: 690px; font-size: 1em; }

#side { float: right; width: 220px; padding: 0 0 0 10px; }
#side #accordion p { margin: 0; padding: 0;}

#logo { width: 349px; height: 110px; margin: 5px 0 5px 10px; }
#logo a { text-decoration: none; border: none;}




.post, div#main .page, #pricing { margin-bottom: 50px;  clear: both; margin-left: 5px; padding: 10px; padding-bottom: 15px; border-bottom: 4px solid #B32317; background-color: #fff; }
.post p { font-size: .8em;}
.post ul li { background: url(images/bullet.gif) center left no-repeat; padding: 0 0 0 15px; margin: 0 0 0 17px; }
.post ol { padding: 0 0 0 37px; }
.entry h3 { margin-bottom: 12px; margin-top: 16px;font-size: 16px; font-weight: bold; }
#side .widget_title { width: 160px; height: 20px; color: #fff; font-size: 15px; text-transform: uppercase; padding: 10px 20px; background-color: #17A7B5; margin-top: 20px;}


#pricing { width: 893px; }
.post h1, .page h1{ font-size: 25px; font-style: bold; color: #B32317; }
.post h1 a, .page h1 a{ text-decoration: none; border-bottom: 3px solid #000; }
.post h1 a:hover, .page h1 a:hover { border-bottom: 2px solid #939598;}
.postmetadata { text-align: left; display: block; height: 18px; line-height: 22px; margin: 8px 0 8px 0; padding: 8px 10px 8px 0; clear: both; font-size: 0.8em;}
.postmetadata a { color: #DA060B; }

a.more{ float: right; color: #DA060B; font-weight: bold; text-decoration: none; }
.post p, .page p { margin: 10px 0 0 0; line-height: 1.3em; color:#333333; }

.alignleft { border: 1px solid #AFA48F; background: #EBDDC0; float: left; padding: 4px; margin: 0 10px 10px 0; }
.alignright { border: 1px solid #AFA48F; background: #EBDDC0; float: right; padding: 4px; margin: 0 0 10px 10px; }
.post a{ color: #DA060B; }
.post h1 a { color: #00adef;}
/* Sidebar */
.about_content{ background-color: #fff; }
#accordion { height: 300px; }

/* Footer */
#footer { background-color: #232323; padding: 0 0 10px 0; color: #E3EAED; }
#footer .footer-inside { float:left; margin:0 0 0; padding:31px; width:898px; z-index:20; clear: both; }
#footer .designedby { float: right; }
#footer .copyright { float: left; }

/***** Customer Login *****/
form#customer_login { margin-top: 20px; }
form#customer_login input { font-size: 22px; }
form#customer_login h2 { margin-top: 20px; margin-bottom: 4px;}
form#customer_login input.button { margin-top: 20px; margin-bottom: 20px;}

/* Homepage Slideshow */
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 680px; height: 370px;} 

.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
.coda-nav, .coda-nav-right, .coda-nav-left { display: none; }

.panel-wrapper img { float: left; }

.wp-caption { border:1px solid #EEEEEE; margin-bottom:15px;	padding:8px 10px 0 10px; }

.wp-caption .image_container {  width: 300px; float: left;}
.wp-caption .headliner { margin-left: 15px; width: 340px; float: left; font-size: 1.5em; line-height: 1.4em;}
.wp-caption .headliner img { margin-bottom: 20px; }
.wp-caption .headliner span.emphasis { background-color: #00ADEF; padding: 4px; color: #FFF;}

p.wp-caption-text { margin:0 10px 0 0; padding:0 0 10px 8px; }
p.wp-caption-text img { float: right; border: none; margin: 0 4px;}
p.wp-caption-text small { float:right; margin-top: 8px; text-align:right; font-size: 12px; }
			
		
		#side ul li{
			border-top: 1px solid #EBDDC0;
			padding: 3px 0 3px 0;
		}
		#side ul li a{
			color: #2D2D2B;
			text-decoration: none;
			font-weight: bold;
			background: url(images/bullet.gif) center left no-repeat;
			padding: 0 0 0 15px;
		}
		#side ul li a:hover{
			color: #DA060B;
			text-decoration: none;
			font-weight: bold;
			background: url(images/bullet_active.gif) center left no-repeat;
			padding: 0 0 0 15px;
		}

		#side ul li ul.children { margin-left: 20px; margin-top: 2px; }