/*  
Theme Name: Stratosphere
Theme URI: http://sharpdotinc.com
Description: Stratosphere's Wordpress Theme
Version: 1.0
Author: HTML/CSS - Amber Taylor
Author URI: http://sharpdotinc.com/ataylor

ToC
	0. *Global reset*
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. wp-extras
	
Notes

*/

/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */

/* --------- 1. defaults  --------- */

* { margin: 0; padding: 0; }

body { background-color:#d8d9d4; text-align:center;/**IE 5.5- Hack - Centers Site */ }
		
/*  --------- 2. structure  --------- */

#wrapper { /*background:url(images/bkg_wrapper.gif) no-repeat 0 213px;*/ width:1020px; margin:0 auto; text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ }
		
#masthead { background:url(images/bkg_masthead.jpg) no-repeat; width:1020px; height:213px;}
		
#logo {}
#logo h1, #logo p { text-indent:-9999px; height:0; }

#navContainer { width:994px; height:38px; margin:152px 0 0 14px; }
	#navContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content-outer { background:url(images/bkg_wrapper-tile.gif) repeat-y 0 0; width:1020px; }
/* #content-outer { background:url(images/bkg_wrapper.gif) no-repeat 0 0; width:1020px; } */
#content { background:url(images/bkg_mca-grad.jpg) repeat-x; width:994px; margin:0 0 0 14px; }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#mainContentArea { overflow:hidden; position:relative; float:left; display:inline; width:460px; margin:0 12px 0px 10px; padding:55px 0px 0px; background-color:#484645; }
#home-mainContentArea { position:relative; float:left; display:inline; width:482px; }
.title-bar { position:absolute; top:0; left:-10px; background:url(images/title_mca-bar.jpg) no-repeat; width:462px; height:34px; padding:16px 0 0 20px; }
#block-1 { background:url(images/bkg_hp-block-1.jpg) no-repeat; width:475px; height:369px; padding:13px 0 0 7px; }
#block-2 { background:url(images/bkg_hp-block-2.jpg) no-repeat; width:475px; height:373px; padding:7px 0 0 7px; }

.blog-title-bar{
background:url(images/side-title.gif); width: 100%; border-top:1px solid #404040;  padding:10px 10px 0px; 
}
.blog-title-bar h1{ color: #ffffff; text-decoration: none; font-size: 1.6em;  padding-top:5px;height:38px; display:block;

}

.blog-title-bar h1 a{ color: #ffffff; text-decoration: none; font-size: 1.1em;  padding-top:5px;height:38px; display:block; 

}

.blog-title-bar h1 a:hover{ color: #dd944b; 
}





#s1,#s2 {position:relative; width:468px;  background: #484645; }

#s1 img,#s2 img{width: 468px; height: 365px;}


#sidebar { float:left; display:inline; width:512px; }
#sidebar-1 { float:left; display:inline; background-color:#484645; width:231px; height:716px; margin:0 15px 0 5px; padding:37px 0 0; position:relative; color:#ccc; border-bottom:2px solid #404040; font-size: .8em; }
	#sidebar-1 h2 { background:url(images/title_News-Events.jpg) no-repeat; width:251px; height:46px; text-indent:-9999px; position:absolute; top:0; left:-5px; }
#sidebar-2 { float:left; display:inline; background-color:#484645; width:231px; height:716px; margin:0 15px 0 15px; padding:37px 0 0; position:relative; color:#ccc; border-bottom:2px solid #404040; font-size: .8em; }
	#sidebar-2 h2 { background:url(images/title_New-UpComming.jpg) no-repeat; width:261px; height:46px; text-indent:-9999px; position:absolute; top:0; left:-15px; }
.scroll { position:relative; overflow-y: scroll; width:211px; height:677px; padding:20px 10px; }
#sidebar-2 img{ width: 200px;}
/* #sidebarLeft {}  */
/* #sidebarRight {} */

#footer { background:url(images/bkg_footer.jpg) no-repeat 0 0; width:1020px; height:268px; }
#footer p { width:100%; display:block; padding-top:140px; text-align:center; font-weight:bold; font-size:11px; color:#000; }
#footer p a { color:#000; padding-top:10px; display:block; }

/* -- GRID ------------------------------------------------- */
/* -- Based on Google's Bluprint (24 column, 10px gutter) -- */

/* Column Container  */
.columnContainer { width:950px; margin:0 auto 10px; }
.columnContainer-inner { float:left; height:auto; display:block; margin:0; }
.column { float:left; margin-right:10px; display:inline; /*IE6*/ overflow:hidden; }

/* Spans */
div.last, .last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

/* input spans */
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}

/* Append / Prepend */
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

/*Borders */
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* Push / Pull */
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

/* Debugging */
.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }

/* Float Clearing */
.separator { clear: both; }
.separatorInvisible { clear: both; height: 1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* --------------------------------------------------------- */

/* Special Items */
.break { display:none; height:0; }
.alignLeft, .alignleft { float:left; display:inline; }
.alignRight, .alignright { float:right; display:inline; }
.alignCenter, .aligncenter { float:none; margin-left:auto; margin-right:auto; }

/* Extras */
/* Pads */
.no-pad { padding:0; }
.padT-10 { padding-top:10px; } 		.padT-20 { padding-top:20px; } 		.padT-30 { padding-top:30px; }		.padT-40 { padding-top:40px; }
.padR-10 { padding-right:10px; } 	.padR-20 { padding-right:20px; } 	.padR-30 { padding-right:30px; }	.padR-40 { padding-right:40px; }
.padB-10 { padding-bottom:10px; } 	.padB-20 { padding-bottom:20px; }	.padB-30 { padding-bottom:30px; }	.padB-40 { padding-bottom:40px; }
.padL-10 { padding-left:10px; } 	.padL-20 { padding-left:20px; }		.padL-30 { padding-left:20px; }		.padL-40 { padding-left:40px; }
.pad-10 { padding:10px; } .pad-20 { padding:20px; }	.pad-30 { padding:30px; } .pad-40 { padding:40px; }
/* Margins */
.no-marg { margin:0; }
.margT-10 { margin-top:10px; }		.margT-20 { margin-top:20px; }		.margT-30 { margin-top:30px; }		.margT-40 { margin-top:40px; }
.margR-10 { margin-right:10px; }	.margR-20 { margin-right:20px; }	.margR-30 { margin-right:30px; }	.margR-40 { margin-right:40px; }
.margB-10 { margin-bottom:10px; } 	.margB-20 { margin-bottom:20px; } 	.margB-30 { margin-bottom:30px; }	.margB-40 { margin-bottom:40px; }
.margL-10 { margin-left:10px; }		.margL-20 { margin-left:20px; }		.margL-30 { margin-left:30px; }		.margL-40 { margin-left:40px; }
.marg-10 { margin:10px; }	.marg-20 { margin:20px; }	.marg-30 { margin:30px; }	.marg-40 { margin:40px; }

/* IE Fix */
.duplicateCharacterFix { margin-right:-3px; }

/* ---------- 3. links and navigation ---------- */

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

/* Link Icons */
.link a {}
.external a {}
.download a {}

/* Main Nav */
#nav {}
#nav ul { list-style-type:none }
#nav li { float:left; display:inline; text-indent:-9999px; }
#nav a { background:url(images/nav-sprite.gif) no-repeat; height:38px; display:block; }
#nav a:hover {}

/* Nav Links */
#nav li.page-item-3 a { width:54px; background-position:0px 0px; }
	body.home #nav li.page-item-3 a, #nav li.page-item-3 a:hover { background-position:0px -38px; }
#nav li.page-item-5 a { width:57px; background-position:-54px 0px; }
	body.skate #nav li.page-item-5 a, #nav li.page-item-5 a:hover { background-position:-54px -38px; }
#nav li.page-item-7 a { width:70px; background-position:-111px 0px; }
	body.apparel #nav li.page-item-7 a, #nav li.page-item-7 a:hover { background-position:-111px -38px; }
#nav li.page-item-9 a { width:77px; background-position:-181px 0px; }
	body.footwear #nav li.page-item-9 a, #nav li.page-item-9 a:hover { background-position:-181px -38px; }
#nav li.page-item-11 a { width:49px; background-position:-258px 0px; }
	body.blog #nav li.page-item-11 a, #nav li.page-item-11 a:hover { background-position:-258px -38px; }
#nav li.page-item-12 a { width:61px; background-position:-307px 0px; }
	body.family #nav li.page-item-12 a, #nav li.page-item-12 a:hover { background-position:-307px -38px; }
#nav li.page-item-14 a { width:50px; background-position:-368px 0px; }
	body.store #nav li.page-item-14 a, #nav li.page-item-14 a:hover { background-position:-368px -38px; }
#nav li.page-item-16 a { width:65px; background-position:-418px 0px; }
	body.gallery #nav li.page-item-16 a, #nav li.page-item-16 a:hover { background-position:-418px -38px; }
#nav li.page-item-17 a { width:57px; background-position:-483px 0px; }
	body.media #nav li.page-item-17 a, #nav li.page-item-17 a:hover { background-position:-483px -38px; }
#nav li.page-item-19 a { width:91px; background-position:-540px 0px; }
	body.contact-us #nav li.page-item-19 a, #nav li.page-item-19 a:hover { background-position:-540px -38px; }
#nav li.page-item-21 a { width:94px; background-position:-631px 0px; }
	body.directions #nav li.page-item-21 a, #nav li.page-item-21 a:hover { background-position:-631px -38px; }

/* Sub Nav */
#subNav {}
#subNav ul { list-style-type:none }
#subNav li { float:left; display:inline; }
#subNav a {}
#subNav a:hover {}

/* Page Nav */
.navigation { display:block; width:100%; font:1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; padding:0 0 20px; color:#fff; }
.navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.navLeft { float:left; display:inline; }
.navRight { float:right; display:inline; }

/* ---------- 4. fonts ---------- */

html { font-size: 100%; }

body { font-size: 62.5%; }

h1, h2, h3, h4, p, ul {}

h1 { font: bold 2.0em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#dd944b; }
h2 { font: bold 1.6em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#dd944b; }
h3 { font: bold 1.4em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#dd944b; }	
h4 { font: bold 1.2em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#dd944b; }

/* Title Sprite */
.title-skate { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px 0px; height:20px; }
.title-apparel { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -20px; height:20px; }
.title-footwear { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -40px; height:20px; }
.title-blog { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -60px; height:20px; }
.title-family { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -80px; height:20px; }
.title-store { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -100px; height:20px; }
.title-gallery { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -120px; height:20px; }
.title-media { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -140px; height:20px; }
.title-contact-us { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -160px; height:20px; }
.title-directions { text-indent:-9999px; background: url(images/titles-sprite.gif) no-repeat 4px -180px; height:20px; }

/* Blog Excerpt Titles */
.side-titles a { background:url(images/side-title.gif) repeat-x 0 bottom; border-top:1px solid #404040; width:195px; padding:10px 10px 20px; margin:0 0 0 -10px; color:#fff; text-decoration:none; line-height:18px; display:block; position:relative; }
.side-titles a:hover { color:#dd944b; }

p, ul li, ol li, dl dd, blockquote { font:1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; color:#fff; }

p { margin-bottom:1em; }
ul {}
ol {}
dl {}
blockquote {}

.title { margin-bottom:30px; }

li p, li li, dd li, li dd { font-size:inherit!important;  }

/* ---------- 5. images ---------- */

a img { border: 0; }

img.alignLeft, img.alignleft { margin:0 5px 10px; }
	#sidebar-1 img.alignLeft, #sidebar-2 img.alignLeft, #sidebar-1 img.alignleft, #sidebar-2 img.alignleft { margin:0 10px 10px 0; }
img.alignRight, img.alignright { margin:0 5px 10px; }
	#sidebar-1 img.alignRight, #sidebar-2 img.alignright, #sidebar-1 img.alignRight, #sidebar-2 img.alignright { margin:0 0 10px 10px; }
img.alignCenter, img.aligncenter { margin-bottom:10px; }

/* ---------- 6. tables ---------- */

table {}	
caption {}
tr {}
th, td {}	
th {}
td {}

/* ---------- 7. forms ---------- */	
		
form {}

input, select, textarea { border:1px solid #000; padding:2px; }
input {}
select {}
textarea {}

textarea#comment { width:98%; margin:0 auto; }
#search-form { width:260px; margin:0 auto; padding:30px 0; float:left; display:inline; }

/* ---------- 8. wp-extras ---------- */

.post {}
.post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.postmetadata { clear:both; }
.alt {}

/* sidebar */
.post { border-bottom:1px solid #999; margin-bottom:15px; padding-bottom:10px; }
.post small{color: #b4b6b7; padding-left:4px; font-size: 1.1em;}
.PostEntry{padding-left: 10px; padding-right: 10px;}
/* Edit Entry Link */
.post, .post-page { position:relative; }
.editEntry { position:absolute; top:5px; right:5px; }
#mainContentArea .editEntry { top:15px; }
.editEntry a { background-color:#990000; font:bold 10px/0px Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; padding:5px; border:1px solid #000; }
.editEntry a:hover { background-color:#ff0000; text-decoration:none; }