/*
Theme Name: DAB
Theme URI: http://www.designbytucker.com/
Description: Custom design for Disposable Ampoule Breaker
Author: Josh Tucker
Tags: two-column, simple, clean
*/

body { background: #fff; color: #000; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin: 0; padding: 0; font-size: 12px; }

a, a:visited { color: #000000; }
a:hover, a:active { color: #333333; }
a:active, a:focus { border: 0; }
a:focus { -moz-outline-style: none; }
a img { border: none; }

acronym, abbr {  }
blockquote {  }

cite { font-size: 90%; font-style: normal; }
cite a, cite a:visited { padding: 3px; text-decoration: none; color: white; }
cite a:hover { background: #14253D; padding: 3px; }

h2 {  }
h3 { font-size: 17px; margin-top: 35px; margin-bottom: -5px; }

img.attachment-thumb { padding: 20px 10px 0 10px; }

#page { padding-top: 20px; }
	#content { width: 850px; margin-left: auto; margin-right: auto; position: relative; }
		#nav { background: #14253D; clear: both; margin-bottom: 20px; }
		#header { background-repeat: no-repeat; background-position: top center; width: 850px; height: 305px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
		#main { background: url('img/main.png') top repeat-y; margin-bottom: 20px; }
			#left { width: 568px; padding: 0 12px; float: left;
				background: #14253D; }
					body.page #left { background: #FFFFFF; color: #000000; }
			#right { width: 214px; float: right; text-align: justify; padding: 10px 12px; background: #DDDDDD; }
		#footer { clear: both; margin-bottom: 20px; }
		
div#post-images { text-align: center; }

/*--- #nav ---*/

	ul.nav { list-style: none; padding-left: 12px; color: white; }
	ul.nav li { display: inline; }
	ul.nav a, ul.nav a:visited, ul.nav a:active { color: white; text-decoration: none; padding: 3px 7px; }
	ul.nav a.current, ul.nav a.current:visited, ul.nav a.current:active { background: #7989A1; }
	ul.nav a:hover { background: #7989A1; }
	ul.nav a.invisible, ul.nav a.invisible:visited, ul.nav a.invisible:active { color: #14253D; }
	ul.nav a.invisible:hover { color: white; }
	
	#searchform { position: absolute; right: 12px; top: -5px; background: #7989A1; padding: 5px; }
	input#searchField { height: 1.1em; padding: 2px 0 2px 0; margin: none; border: none; margin-top: 0; }

.credit { background: #7989A1; color: #fff; font-size: 11px; margin: 10px 0 0 0; padding: 3px; text-align: center; }
.credit a:link, .credit a:hover { color: #fff; }

.feedback { color: #ccc; text-align: right; clear: both; }

.meta { font-size: .75em; }
.meta li, ul.post-meta li { display: inline; }
.meta ul { display: inline; list-style: none; margin: 0; padding: 0; }
.meta, .meta a { color: #808080; font-weight: normal; letter-spacing: 0; }

.post-title { margin: 0; text-transform: uppercase; font-size: 30px; padding-left: 12px; }
#left .post-title a, #left .post-title a:visited, #left .post-title a:active { text-decoration: none; border: none; line-height: 0.7em; }

#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; }
#commentform textarea { width: 100%; }

#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; }
#commentlist li .avatar { float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px; }

#header h1 { display: none; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }

#left img.headline { position: relative; left: -12px; }
#left p { text-align: justify; }
#left p, #left a, #left a:visited, #left ul { color: #FFFFFF; }
body.page #left p, body.page #left a, body.page #left a:visited, body.page #left ul { color: #000000; }
#left a, #left a:visited { text-decoration: none; border-bottom: thin dotted white; }
#left a:hover { text-decoration: none; border-bottom: thin solid white; }
body.page #left a, body.page #left a:visited { text-decoration: none; border-bottom: thin dotted black; }
body.page #left a:hover { text-decoration: none; border-bottom: thin solid black; }
body.page #left a.albumpics, body.page #left a.albumpics:hover, body.page #left a.albumpics:visited, body.page #left a.albumpics:active { text-decoration: none; border: none; }
body.page #left h2 a, body.page #left h2 a:hover, body.page #left h2 a:active, body.page #left h2 a:visited { border: none; }
#left h3:first-child { margin-top: 17px; }

img.headline { border-top: 35px solid white; border-bottom: 5px solid white; }
body.page img.headline { border-bottom: none; }
div.headline { border-top: 35px solid white; border-bottom: 5px solid white; width: 592px; position: relative; left: -12px; }
img#headline-top, div#headline-top { border-top:  none; }

#left p.more-link { text-align: right; padding-top: 10px; }
#left p.more-link a, #left p.more-link a:visited { color: white; text-decoration: none; padding: 1px 5px 2px 5px; border-bottom: none; }
#left p.more-link a:hover { border-bottom: none; }

ul.product-list { list-style: none; padding-left: 10px; }
ul.product-list li { display: inline; color: white; text-decoration: none; margin-right: 7px; }
#left a.product-link, #left a.product-link:visited, #left a.product-link:hover { text-decoration: none; padding: 1px 5px 2px 5px; border-bottom: none; }

/* Captions & aligment */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*--- Clear Fix ---*/

.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
	.clearfix { display: block; }
/* End hide from IE Mac */

#right a { display: block; width: 218px; }
#right a:hover { background-position: -218px 0; }
a#homebar { height: 55px; background: url('img/sidebar/home.png') no-repeat; }
a#aboutbar { height: 50px; background: url('img/sidebar/about.png') no-repeat; }
a#productbar { height: 52px; background: url('img/sidebar/product.png') no-repeat; }
a#orderbar { height: 57px; background: url('img/sidebar/order.png') no-repeat; }
a#contactbar { height: 74px; background: url('img/sidebar/contact.png') no-repeat; }
.displace { position: absolute; left: -5000px; }

body.page h2.post-title { font-size: 12px; }


/*--- Other Stuff ---*/
h2.orderH { margin-top: auto; margin-bottom: auto; }
h3.orderH { margin-top: auto; margin-bottom: auto; font-size: 12px; font-weight: bold; }
body.page #left h3.orderH a, body.page #left h3.orderH a:visited { text-decoration: none; border: none; }
body.page #left h3.orderH a:hover { border-bottom: thin dotted; }
hr.orderH { width: 75%; display: none; }
div.blue { background: #D9DEE5; padding: 10px; margin-top: 10px; margin-bottom: 10px; }
div.red { background: #DEC5C5; padding: 10px; margin-top: 30px; margin-bottom: 30px; }

table.orderPO { width: 100%; border: thin solid black; border-collapse: collapse; vertical-align: top; margin-top: 15px; }
table.orderPO tr td, table.orderPO tr th { padding: 5px; border: thin dotted black; }
table.orderPO th { text-align: left; }
table.orderPO1 { vertical-align: top; margin-top: 15px; }
table.orderPO1 td, table.orderPO1 th { text-align: left; vertical-align: top; padding: 3px 6px; }
ol.orderPO li { padding-bottom: 7px; }


/*--- From Alternate Stylesheet ---*/

#header { background-image: url('img/DAB2.png'); }
#left { background: #14253D; }
img.headline, h2.post-title { background: #7989A1; }
#left p.more-link a, #left p.more-link a:visited { background: #7989A1; }
#left p.more-link a:hover { background: #DDDDDD; color: #14253D; }
#left a.product-link, #left a.product-link:visited, #left a.product-link:hover { background: #7989A1; }
#left a.product-link:hover { background: #DDDDDD; color: #14253D; }