/*-------------------------------------------------------------------
Bones Bearings Main Stylesheet

Version: 			3.0
Last edited by: 		John Lytle
On:				2010.03.10
Framework: 		The Plant System
For:				Bones Bearings
Site Design by:		JL Productions (http://johnlytle.com/)

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


/* =General Styles
---------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(/app/css/images/global/bg-header.gif) repeat-x scroll left top;
	color: #666;
	font-family: "Lucida Grande",Verdana,sans-serif;
	font-size: 11px;
	padding: 10px 0pt 0pt;
	text-align: center;
}
	body.product.history  {background: #000 url(/app/css/images/global/bg-header.gif) repeat-x scroll left top;}
	
@font-face {
	font-family: "Futura";
	src: url("/app/css/futura.ttf") format("truetype");
}


/* =Structure
---------------------------------------------------------------------*/

#nav-access {
	position: absolute;
	top: -9999px;
}

#main-body {
	background: #fff;
	margin: 0pt 20px;
	padding: 25px 0pt;
}
	.product.history #main-body {background: #000;border-top: 1px solid #111;}

#main-body-container {
	background: transparent url(/app/css/images/global/bg-main.gif) repeat-y scroll 540px 0pt;
	line-height: 1.5em;
	margin: 0pt auto;
	text-align: left;
	width: 860px;
	min-height: 500px;
}
	.product.history #main-body-container {background: #000;}
	.testimonial.main #main-body-container,
	.support.maintenance #main-body-container,
	.support.abec #main-body-container
	{background: #fff;}

#primary-content {
	float: left;
	display: inline;
	width: 520px;
}
	.history #primary-content, 
	.testimonial #primary-content, 
	.maintenance #primary-content,
	.abec #primary-content
	{width: 820px}

#secondary-content {
	float: right;
	display: inline;
	width: 300px;
	color: #666;
}
	.history #secondary-content,
	.history #secondary-content,
	.testimonial #secondary-content, 
	.maintenance #secondary-content,
	.abec #secondary-content
	{display: none}

.col1, .col2, .col3 {
	width: 150px;
	height: 100%;
	float: left;
	display: inline;
	margin-bottom: 20px;
 }
	 .col1 {clear: both; }
 
#title {
	background: transparent url(/app/css/images/global/bg-title.gif) no-repeat scroll top right;
	border-bottom: 1px solid #eee;
	margin: 0pt 0pt 20px;
}
	.product.history #title {
		background: none;
		border-bottom: 1px solid #111;
	}

#supp {
	background: #ccc;
	padding: 20px 0pt;
}
	.product.history #supp {background: #333;}


#supp-container {
	margin: 0pt auto;
	text-align: left;
	width: 820px;

}

#supp div.unit {
	float: left;
	padding: 0pt 10px;
	width: 30%;
}

#site-info {
	line-height: 1.5em;
	margin: 0pt auto;
	padding: 12px 0pt 0pt;
	text-align: left;
	width: 820px;
}


.section {
	clear: both;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

	.section img {
		float: right;
		margin-left: 20px;
	}

	.product #primary-content img {
		float: right;
		margin-left: 20px;
	}
	
	.product #primary-content img.left {
		float: left;
		margin: 0pt;
	}
	
.specs {
	float: left;
	min-height: 200px;
	border-left: 1px solid #eee;
	padding-left: 20px;
}

/* =Branding
---------------------------------------------------------------------*/

#branding {
	background: #000 url(/app/css/images/global/bg-logo.gif) no-repeat scroll top right;
	border-top: 1px solid #222;
}

#logo {
	margin: 0pt auto;
	padding: 10px 0pt;
	text-align: left;
	width: 820px;
}

#logo span, #logo a {
	background:transparent url(/app/css/images/logos/logo-bones-bearings.gif) no-repeat scroll;
	display: block;
	height: 62px;
	width: 400px;
}

#logo img {
	display: block;
	width: 0pt;
}

#logo a:hover {
	background-image: url(/app/css/images/logos/logo-bones-bearings-hov.gif);
}

div.red {
	width: 250px;
	height: 60px;
	background: #f00;
	border: 2px solid #f00;
	color: #fff;
	padding: 10px;
	text-align: left;
 }
 
 div.red p {
	margin: 0 !important;
	text-indent: 0 !important;
 }

 div.red a {
	color: #000 !important
 }
 div.red a:hover {
	color: #fff
 }


/* =Navigation
---------------------------------------------------------------------*/

#navigation {
	height: 25px;
	padding-top: 10px;
	background: #000;
	font-family: "Futura", sans-serif;
	line-height: 1em;
	font-size: 18px;
}

#nav {
	margin: 0pt auto;
	text-transform: uppercase;
	width: 820px;
}

	#nav li {/* main buttons */
		display: block;
		float: left;
		margin-right: 25px;
		
	}
				
		#nav li a {/* main anchors */
			padding: 0 0pt 0pt 24px;
			text-decoration: none;
			font-weight: normal;
			color: #fff;
			background: url(/app/css/images/assets/nav-off.gif) no-repeat;
		}
		
	#nav li a:hover {/* main anchors */
			background: url(/app/css/images/assets/nav-on.gif) no-repeat;
			color: #999;
		}
		#nav li.active a {
			background: url(/app/css/images/assets/nav-on.gif) no-repeat;
		}


/* =Subnavigation
---------------------------------------------------------------------*/

		#subnavigation li.inactive ul {display:none;}

		#subnavigation li li a {
			display: block;
			padding: 2px 20px 2px 12px;
			text-decoration: none;
			border-bottom: 1px solid #eee;
		}

		#subnavigation li li a:link, #subnavigation li li a:visited {
			background: transparent url(/app/css/images/assets/list-off.gif) no-repeat scroll left 50%;
		}
		#subnavigation li li a:hover, #subnavigation li ul .active a {
			background-color: inherit;
			background: transparent url(/app/css/images/assets/list-on.gif) no-repeat scroll left 50%;
		}
		
		h4.active a {
			background-color: inherit;
			color: #000;
		}

		#subnavigation li ul {
			margin: 0px 0pt 10px 0pt;
		}


/* =Typography
---------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	clear: both;
	display: block;
	font-family: "Futura", sans-serif;
	line-height: 1em;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
	color: #666;
}
	h2 span {
		font-size: 12px;
	}
	
h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 4px;
}

h4 {

	font-size: 16px;
	margin-bottom: 6px;
}

.specs h4 {
	margin-bottom: 15px;
}

p + h3, ul + h3, h2 + h3 {margin-top: 1em;}

p {
	margin-bottom: 6px;
	line-height: 1.3em;
	}
	
p.prevnext {
	margin: 10px 0pt;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.home #secondary-content p {
	margin-bottom: 20px;
	}
	
.home #secondary-content blockquote p {
	margin-bottom: 0;
	line-height: 1.3em;
	}
	
p.small {font-size: 90%;}

p span {font-weight: bold;}

blockquote {
	padding: 0 0 5px 30px;
	background: transparent url(/app/css/images/assets/quote.gif) top left no-repeat;
}

blockquote p {margin: 5px 0 5px 0}
.specs p {width: 300px;clear: none;}

strong {
	color: #000;
	font-weight: bold;
}
	.product.history strong {color: #fff;}


/* =Images 
---------------------------------------------------------------------*/

.home #primary-content img {
	border: none;
}

img.noborder {
	padding: 0pt;
	border: none;
}

img.right {
	float: right;
	margin: 0pt 0pt 20px 20px;
}
img.left {
	float: left;
	margin: 0pt 20px 20px 0pt;
}


/* =Links 
---------------------------------------------------------------------*/

a:link, a:visited  {
	color: #c00;
	text-decoration: none;
	}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}
	.product.history a:hover, .product.history a:active {color: #fff;}

a:link img, a:visited img {
	border-width: 0;
}

.buy #primary-content a:link img, .buy #primary-content a:visited img {
	border: 1px solid #ccc;
}
.buy #primary-content a:link img:hover, .buy #primary-content a:visited img:hover {
	border: 1px solid #999;
}

a.current {color: #000;}
li.active > a {color: #000;}
li.current-cat a, .current_page_item a {color: #000 !important;}
	
a {outline: none}

abbr[title]  {border-bottom: 1px dotted #999}
abbr[title]:hover  {cursor: help}


/* --:TODO: External Links ---------------------------------- */

/*
a[href^="http:"] {
	background: url(/app/css/images/assets/link-external.gif) no-repeat right 3px;
	padding-right: 10px;
}

a[href^="http://www.skate-zone.com"], a[href^="http://skate-zone.com"] {
	background-image: none;
	padding-right: 0;
}
*/

/* --:TODO: Downloadable Docs ---------------------------------- */

a[href$=".pdf"] {
	background: url(/app/css/images/assets/link-pdf.gif) no-repeat right top;
	padding-right: 8px;
}


/* =List Styles
---------------------------------------------------------------------*/

ul, dl {
	margin-bottom: 10px;
	list-style-type: none;
	text-align: left;
}

#supp ul {
	margin-right: 30px;
	line-height: 1.5em;
}

#supp dl {
	clear: both;
	font-size: 90%;
}

.blog dl {
	margin-bottom: 10px;
	line-height: 1.5em;
}
	.blog dl dt {
		clear: left;
		margin: 0 !important;
		padding: 0 3px 0 0 !important;
		color: #666;
		font-size: 100% !important;
	}
	
	.blog dl dd {
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
	}	

ol {
	margin: 0pt 0pt 10px 30px;
}
 
#primary-content ul li,
#supp ul li {
	line-height: 1.3em;
	background: transparent url(/app/css/images/assets/list-off.gif) no-repeat 0 4px;
	padding-left: 12px;
}

.blog.main #secondary-content ul li h2 {background: none;}
.blog.main #secondary-content ul li h2:hover {background: none;}

object {
	margin-bottom: 6px;
}
  
ul.bullet  {
	margin: 0pt 0pt 10px 0pt !important;
}

ul.bullet li, p.bullet  {
	background: transparent url(/app/css/images/assets/list-off.gif) no-repeat 0 4px;
	padding: 0pt 0pt 0pt 12px;
	margin: 0pt;
	text-align: left !important;
}

ul.bullet li a {
	font-weight: normal;
	margin: 0pt;
}
  
#primary-content ul li:hover,
ul.bullet li:hover,
#supp ul li:hover,
p.bullet:hover {
	background: transparent url(/app/css/images/assets/list-on.gif) no-repeat 0 4px;
}


ul.inline li {
	display: inline;
	float: left;
	margin: 10px 0pt;
	text-transform: uppercase;
}

dt  {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

dd {
	text-align: left;
	margin-bottom: 10px;
}

dd strong  {font-size: 120%;}

dd span {
	text-transform: uppercase;
	font-weight: normal;
}
	
#supp dt a {
	float: left;
	display: block;
	margin: 0pt 10px 10px 0pt;
}

#supp dd {
	margin: 0pt;
}

ul.product-intro li {
	float: left;
	display: inline;
	width: 160px;
	height: 200px;
	text-align: center !important;
	font-weight: bold;
	color: #000;
	padding: 0pt !important;
	background: none !important;
	margin-right: 10px;
	border: 1px solid #fff;
}

ul.product-intro li:hover {
	border: 1px solid #eee;
}

dl.product-intro {
	float: left;
	display: inline;
	width: 170px;
	height: 200px;
	text-align: center !important;
}

.product dd.qtvr {
	background: #FFF url(/app/css/images/assets/qtvr.gif) top left no-repeat;
	padding-left: 16px;
	line-height: 20px;
	margin: -6px 0 0 30px;
	width: 50%;
}


/* =Buy
---------------------------------------------------------------------*/

.buy #primary-content p {
	margin: 0pt 10px 4pt 0pt;
	width: 120px;
	height: auto;
	float: left;
	display: inline;

}

.buy #primary-content p img {
	width: 120px;
	height: 44px;
	padding: 0pt;
}



/* =Team
---------------------------------------------------------------------*/

#team h3 {
	float: right;
	display: inline;
	height: 20px;
	text-align: right;
	color: #000;
	background: transparent url(/app/css/images/assets/redbox.gif) 100% 0 no-repeat;
	margin: 0pt;
	padding: 0 22px 0 0;
}

	#team p {
		float: none;
		display: block;
		margin: 0pt;
		text-transform: uppercase;
	}
	
	
	#team h3 + p {
		float: left;
		display: inline;
		margin: 8px 0pt 0pt 0pt;
	}
	
	#team p span {
		font-weight: bold !important;
		color: #000;
	}
	

.team #secondary-content ul.thumbs li {
		display: block;
		float: left;
		margin: 0pt 3px 20px 0pt;
		width:86px;
	}
	
.team #secondary-content li.prev a {background-image:url(/app/css/images/assets/thumb-nav-left.png);}
	.team #secondary-content li.prev a:hover {background: transparent url(/app/css/images/assets/thumb-nav-left.png) !important;}
	.team #secondary-content li.next a {background-image:url(/app/css/images/assets/thumb-nav-right.png);}
	.team #secondary-content li.next a:hover {background: transparent url(/app/css/images/assets/thumb-nav-right.png) !important;}


	.team #secondary-content ul.thumbs li a {
		background-position: center bottom;
		background-repeat: no-repeat;
		display: block;
		padding-bottom: 0;
		position: relative;
		text-align: center;
	}

	.team #secondary-content a:focus {
		outline-style: none;
	}

	.team #secondary-content ul.thumbs li a span {
		cursor: pointer;
		display: block;
		height: 86px;
		width: 86px;
		text-indent: -9999px;
	}

.team #secondary-content li.prev a span span {background:transparent url(/app/css/images/assets/thumb-nav-left.png) no-repeat scroll 0pt;}
.team #secondary-content li.next a span span {background:transparent url(/app/css/images/assets/thumb-nav-right.png) no-repeat scroll 0pt;}

.team #secondary-content li.prev a:hover span span,
.team #secondary-content li.prev a:focus span span,
.team #secondary-content li.next a:hover span span,
.team #secondary-content li.next a:focus span span {background-position: 0pt -86px;}



/* =Classes
---------------------------------------------------------------------*/

.alert, .status, .complete, body .error label {
	color: #c00;
	font-style: italic;
}
	body.home .error p {
		width: 90%;
		font-style: italic;
	}
	
body .error p {
	clear: both;
	width: 60%;
	margin: 15px 0 10px;
	color: #c00;
	font-size: 14px;
}

div.error input, 
div.error select, 
div.error textarea {
	background-color: #fff;
	color: #000;
	border: 1px dotted #000;
}
	
.explanation {
	color: #666;
	margin-top: 4px;
	text-transform: none;
}
.hide, .type, hr, legend {display: none}

.connect {
	color: #900 !important;
	font-weight: bold;
	font-size: 120%;
	}

blockquote cite {
	margin: 0 0 5px 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	text-transform: capitalize;
}

.right, .plant {
	text-align: right;
	margin-right: 10px;
}
	.plant {color: #ccc;}
	.plant strong {color: #ccc;}
	.center {text-align: center;}


/* =Micro Formats
---------------------------------------------------------------------*/

div.vcard {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

	.vcard .org {
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.vcard span.organization-unit {
		font-weight: normal;
		display: block;
		text-transform: none;
	}
	

/* =Forms 
---------------------------------------------------------------------*/
.contest form {
	border-top: 1px solid #eee;
	padding-top: 1em;
	}
	
fieldset {
	clear: both;
	border: none;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 0pt;
}	
	.unit fieldset {padding: 0pt;}

fieldset.float {
	clear: none;
	float: left;
	margin-right: 40px;
}

legend {
	font-size: 140%;
	margin: 10px 0pt;
	color: #000;
	clear: both;
}

label {
	display: block;
	font-size: 90%;
	text-transform: uppercase;
	margin: 0 0 2px 8px;
}

select {
	border: 1px solid #ccc;
	background: #eee;
	margin-bottom: 10px;
	padding: .4em;
	-moz-border-radius: 8px;
	}

input.text, input.inlinetext, textarea {
	display: block;
	background: #eee;
	border: 1px solid #ccc;
	margin: 2px 0pt 10px 0pt;
	padding: 6px;
	-moz-border-radius: 8px;
}
	
	 input.inlinetext {
		 float: left;
		display: inline;
		margin-right: 5px;
	}
	
	input:focus {
		background: #eee;
		border: 1px solid #999;
		}
	textarea:focus {
		background: #ccc;
		border: 1px solid #999;
		}
	input:hover, select:hover, textarea:hover {
		background: #fff;
		color: #000;
		}
	select:focus {
		background: #eee;
		color: #000;
		}
		
input[type="checkbox"], input.checkbox {
	display: inline;
	float: left;
	margin: 0 6px 0 0;
}

textarea {
	height: 12em;
	width: 100%;
	}
	
input.submit, input.inlinesubmit, a.button {
	text-transform: uppercase;
	background: #c00;
	color: #FFF;
	font-size: 90%;
	border: none;
	margin: 5px 0 5px 8px;
	padding: .4em;
	width: auto;
	overflow: visible;
}
a.button {
	text-transform: uppercase;
	margin: 15px 0 5px 0;

}
	input.inlinesubmit {
		display: inline;
		float: left;
	}
	
	input.submit:hover, input.inlinesubmit:hover, a.button:hover {
		background: #333;
		color: #fff;
		}

#searcform input.submit, .unit input.submit {
	margin: 0 0 5px 8px;
}

#navigation ul:after, #main-body:after, #main-body-container:after, #supp:after, #site-info:after, .section:after, div.post:after, div.sub-nav:after {
	clear: both;
	content: ".";
	display: block;
	height: 0pt;
	visibility: hidden;
}

/* =Blog Styles
---------------------------------------------------------------------*/

p.alt {
	color: #999;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .2em;
	margin: 0pt;
}

h3#comments {margin-top: 10px}
h3#respond {
	margin-top: 10px;
	}

ol.commentlist {margin: 0pt}

	ol.commentlist li {
		margin: 0pt;
		padding-top: 6px;
		background: #FFF;
		list-style-type: none;
		border-bottom: 1px solid #eee;
	}

	ol.commentlist li:after {
		content: '';
		display: block;
		clear: both
	}
	
	ol.commentlist li.alt {
		background: #eee;
	}
	
	ol.commentlist li div.author {
		margin-left: 10px;
		padding-left: 12px;
		background: transparent url(/app/css/images/assets/list-on.gif) no-repeat 0 50%;
	}

	div.author cite {font-style: normal}

	ol.commentlist li div.copy {margin: 5px 10px 0pt 22px;}

.comment-in-moderation {
	background-color: #eee;
	padding: 5px 10px;
	margin: 0pt !important;
}

.comment-link {margin: 20px 0}
.comment-status {margin-top: 10px}

li.prev, li.next {margin-bottom: 10px;float: left;}
li.next {float: right;}


div.post {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

p.post-meta {
	margin: 5px 0 5px 0;
	font-weight: bold;
	color: #999;
}

p.comments {
	margin: 10px 0 0 0;
	font-weight: bold;
}

/* -- IMAGES ------------------------------------- */

.entry p a img {border: 1px solid #c00;}
.entry p a:hover img {border: 1px solid #666;}

p img.rt {
	float: right;
	display: inline;
	margin: 5px 0pt 5px 20px;
}

.imageframe {
	float: left;
	display: inline;
	margin: 5px 30px 30px 0pt;
	border: 1px solid #ccc;
	background: #eee;
	padding: 6px;
}

.imageframe-right {
	float: right;
	display: inline;
	margin: 5px 0 30px 30px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 6px;
}

.imageframe:hover, .imageframe-right:hover {
	border: 1px solid #ddd;
	background: #fff;
}

.imageframe a img, .imageframe-right a img {
	border: 1px solid #fff;
	background: #ccc;
	padding: 6px;
	margin: 0pt 0pt 2px 0pt;
}


/* =Page Excerpts
---------------------------------------------*/
a img.attachment-post-thumbnail, a img.wp-post-image   {
	float: left;
	display: inline;
	margin: 0 20px 10px 0;
	border: 1px solid #ccc;
	background: #eee;
	padding: 6px;
}

a img.attachment-post-thumbnail:hover, a img.wp-post-image:hover {
	border: 1px solid #ddd;
	background: #fff;
}

.archive div.post h3, .home div.post h3 {
	clear: none;
	float: left;
	display: inline;
	width: 260px;
	height: 20px;
	background: transparent url(/app/css/images/assets/redbox.gif) 100% 0 no-repeat;
	margin: 0 0 10px 0;
	padding: 0 22px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
}


/* =Tables
---------------------------------------------*/
table {
	width: 100%;
	border: solid 1px #eee;
	border-collapse: collapse;
	margin: 5px 0 10px 0;
}
	
th {
	margin: 0;
	padding: 2px 4px;
	text-align: left;
	background: #fff;
	color: #666;
	font-weight: bold;
	border-left: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
	th.name {
		width: 30%;
	}
	th.prize {
		width: 30%;
	}
	th.location {
		width: 40%;
	}
	
	th:first-child {border-left: 0;}
	th:last-child {border-right: 0;}

tr {background: #fff}
tr.alt {background: #eee}

td {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 2px 4px;
}
	td:first-child {border-left: 0;}
	td:last-child {border-right: 0;}	
	td a {display: block}

/* =THICKBOX specific link and font settings 
---------------------------------------------------------------------*/

#TB_window {
  font: 12px "lucida grande", arial, helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px "lucida grande", arial, helvetica, sans-serif;
  color: #666666;
}
#TB_window a:link {color: #c00;}
#TB_window a:visited {color: #c00;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
#TB_window a:focus{color: #666;}


/* =THICKBOX settings 
---------------------------------------------------------------------*/

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 102;
	color: #ccc;
	display:none;
	border: 10px solid #eee;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #eee;
}
#TB_caption{
	height: 25px;
	margin-bottom: 4px;
	padding: 7px 30px 10px 25px;
	float: left;
	color: #000;
}
#TB_secondLine{
	padding: 2px 0;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#000;
  height:23px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* =Blog PageNavi Plugin
---------------------------------------------------------------------*/

#page-navi {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px 8px;
	margin: 0 4px 0 0;
	color: #000;
	background-color: #e2e2e2;	
}

.wp-pagenavi a:hover {	
	color: #fff;
	background-color: #666;
}

.wp-pagenavi a:active {
	padding: 6px 8px;
	margin: 0 4px 0 0;
	text-decoration: none;
	color: #fff;
	background-color: #000;	
}

.wp-pagenavi span.pages, .wp-pagenavi span.current {
	padding: 6px 8px;
	margin: 0 4px 0 0;
	color: #000;
	background-color: #e2e2e2;
}

 .wp-pagenavi span.extend {
	padding: 6px 8px;
	margin: 0 0 0 0;
	color: #000;
	background-color: #fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #fff;
	background-color: #000;
}

.wp-pagenavi a.last {
	color: #fff;
	background-color: #fff;
}


/* =Blog Prev Next
---------------------------------------------------------------------*/

div.sub-nav {
	margin: 0 0 10px 0;
}

div.sub-nav div.prev a, div.sub-nav div.next a {
	display: inline;
	float: left;
	padding: 6px 8px;
	color: #000;
	background-color: #e2e2e2;	
}

div.sub-nav div.next a {
	float: right;
}

div.sub-nav div.prev a:hover,
div.sub-nav div.next a:hover {
	color: #fff;
	background-color: #666;
}