/*
Theme Name: ULEM
Theme URI: http://beyonddesignmedia.com/
Description: Designed exclusively for the <a href="http://utahsfallen.org">Utah Law Enforcement Memorial</a>.
Author: Matthew Jones
Author URI: http://beyonddesignmedia.com/
Tags: tan, light, one-column, two-columns, three-columns, fixed-width, theme-options, right-sidebar, left-sidebar, slideshow, featured post, social icons
*/

body {margin:0 auto; padding:0; text-align:center; background:url(images/background.png); font-family:Georgia, "Lucida Bright", "Times New Roman", Times, serif; font-size:12px; line-height: 1.6; color:#2B2922;}

a {color:#37425D;}

.alignleft {float:left;}

.alignright {float:right;}


/* ========================
       Crest & Badge
========================= */

#content h2.archive_heading {display:block; background: url(images/tile_oldsilk_brown.png); color:#fff; font-size:24px; padding:13px; line-height:1; font-weight:normal;}

.thumbnail {float:left; width:150px; padding:10px;}

.archentry {float:left; width:auto;}

.heroarchentry {float:left; width:760px;}

.tenpxclearspace {height:10px;}




/* ========================
       Crest & Badge
========================= */

#badge {margin:0 auto; width:972px; height:222px; background:url(images/ulem_badge-trans.png) no-repeat; margin-bottom:-100px; position:relative; z-index:10;}

#slider, #slider img {position:relative; z-index:1;}

#cresttop {margin:0 auto; width:990px; height:19px; background:url(images/crest_top-trans.png) no-repeat; }

#crest {margin:0 auto; width:990px; background:url(images/crest_bg-trans.png);}

#crestbottom {margin:0 auto; padding:0; width:990px; height:86px; background:url(images/crest_bottom-trans.png);}

	#crestbottom p {text-align:center; margin:0; padding:20px 0; font-size:12px;}


/* ========================
		   Content
========================= */

#content {margin:0 auto; width:930px; text-align:left;}

	#content p {margin:0; padding-bottom:15px;}
	
	#content h2 {font-size:24px; margin-bottom:10px; color:#2B2922;}

.threecol {width:300px; float:left; margin:0;}

.innerthreecol {width:290px; margin:0 auto;}

.homeposttitle {font-size:13px;}

	.threecolheading {width:300px; height:50px; background: url(images/tile_oldsilk_brown.png); text-align:left; margin-bottom:15px;}
	
	#content .threecolheading h2 {color:#fff; font-size:24px; padding:13px; line-height:1; font-weight:normal;}
	
#pagecolumn {width:605px; float:left;}

#content #page img {border:8px solid #eee; padding:2px; margin:5px 5px 15px;}

#content {margin-top:20px;}


/* ========================
		  Banner
========================= */

#banner {margin:0 auto; width:942px; height:332px; background:url(images/picture-trans.png);}



/* ========================
		   Spacers
========================= */

#tenpxtopspace {height:6px;}

.verticalspace {width:15px; float:left; min-height:100px;}

.clear {clear:both;}


/* ========================
	   Featured Hero
========================= */

#featuredhero {width:300px; height:280px; background:url(images/heropicture.png);}

#featuredheroshot {margin:0 auto ; width:270px; height:235px; padding-top:15px; }

#featuredherometa {background:url(images/transpixel-trans.png); width:270px; height:43px; float:left; margin-top:-50px; position: relative; z-index: 999; color:#fff; text-align: center; font-size:13px; line-height: 1.4em; padding-top:7px;}

#featuredherometa a {text-decoration:none; color:#fff;}

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

.entry img {border:8px solid #eee; padding:2px; margin:5px;}


/* ========================
	      Events
========================= */

#eventsimage img a {border:0px solid #fff; text-decoration:none;}

#eventsimage img {max-width:298px; border:1px solid #896f51; text-decoration:none;}


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

#nav {margin:15px auto; width:930px;}

#nav ul, #nav ul li, #nav li {padding:0; margin:0; list-style-type:none; float:left; line-height: 1;}

#nav ul li a {background:url(images/navbutton.png); width:145px; display:block; max-height:36px; text-align:center; font-size:14px; padding:10px 0px; margin:0px 5px;  color:white; text-decoration:none;}

#nav ul li a:hover {text-decoration:underline;}

#nav li ul {position: absolute; width: 150px; left: -999em;}

#nav li ul li { background:url(images/navlibg.png);}

#nav li ul li a {background:none;}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin-top:-1px; padding-top:14px; background:url(images/navultop-trans.png) top no-repeat;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}



/* colors: blue: #36435d */

/* ========================
		 The Wall
========================= */

.wallheading {width:600px; background: url(images/tile_oldsilk_brown.png); text-align:left;}

#content .wallheading h2 {color:#fff; font-size:24px; padding:13px; line-height:1; font-weight:normal;}


/* ========================
       Comment Form
========================= */

#respond, #respond form {margin:0; padding:0;}

#respond form input {font-size:14px; background:#eee; border:3px solid #ccc; padding:5px;}

#respond form input#submit {background:#003355; color:#ddd; border:0; font-size:14px; padding:5px 10px;}

#respond form input#submit:hover {background:#ccc; color:#003355;}

#respond form textarea {padding:15px; font-size:14px; background:#eee; border:3px solid #ccc; width:894px;}


/* ========================
       General Forms
========================= */

form {margin:0; padding:0;}

form input {font-size:14px; background:#eee; border:3px solid #ccc; padding:5px;}

form input#submit {background:#003355; color:#ddd; border:0; font-size:14px; padding:5px 10px;}

form input#submit:hover {background:#ccc; color:#003355;}

form textarea {padding:15px; font-size:14px; background:#eee; border:3px solid #ccc; width:100%;}


/* ========================
       FormBuilder
========================= */

form.formBuilderForm {margin:0; padding:0;}

form.formBuilderForm input {font-size:14px; background:#eee; border:3px solid #ccc; padding:5px;}

form.formBuilderForm .formBuilderSubmit input {background:#003355; color:#ddd; border:0; font-size:14px; padding:5px 20px; float: left;}

form.formBuilderForm .formBuilderSubmit input:hover {background:#ccc; color:#003355;}

form.formBuilderForm .formBuilderLargeTextarea textarea {padding:15px; font-size:14px; background:#eee; border:3px solid #ccc; width:750px;}
 
.formBuilderLabelRequired {font-weight: normal;}

.formBuilderLabel {font-weight:bold;}

.formBuilderError {color:#89100f;}

.formBuilderSuccess {display:block; padding:20px; border:1px solid #769923; background:#c3fba3;}


.navigation a {display:block; background:#003355; color:#eee; padding:5px 15px; font-size:14px;}

.navigation a:hover {background: #ccc; color:#003355;}


/* ========================
         Ecommerce
========================= */

.headertagline {float:right; width:450px; margin-top:-15px; padding:0;}

.headertagline h2 {margin:0; padding:0; font-family:Georgia, "Lucida Bright", "Times New Roman", Times, serif; font-size:26px; font-style:italic; font-weight:normal; text-align: right; color:#d4c898;}

#thqty, .tdqty { padding-left:5px; padding-right:5px; text-align: center;}

.shoppingcart th {background:#241c14; color:#fff; padding:5px;}

.shoppingcart td {background:#ddd; padding:5px;}

.shoppingcart {padding-bottom:10px;}

table.shoppingcart {width:250px;}

.totalhead, .pricedisplay {color:#241c14; font-size:16px; font-weight: bold;}

.emptycart, .gocheckout {font-weight: bold;}

#sidebar h3.hl {font-size:22px; background:url(images/scart_bg.png) no-repeat ; height:50px; border:0px; border-bottom:1px solid #dedbd1; margin:0; padding:12px 8px 0px;}

#sidebar table {width:100%;}

a.wpsc_product_title {clear:both; font-size:18px;}

a.wpsc_edit_product {clear:both; font-size:12px;}

input.wpsc_buy_button {display:block; border:none; width:152px; height:50px; background:url(images/atc.gif); text-align:left; color:white; cursor:pointer;}

.producttext {margin-left:25px; margin-right:20px;}

.productdisplay .producttext .wpsc_description {width:95%}


/* ========================
         Sidebar
========================= */

#sidebar ul, #sidebar li {list-style-type: none; margin:0; padding:0;}

#sidebar h2 {display:block; width:auto; background: url(images/tile_oldsilk_brown.png); text-align:left; color:#fff; font-size:24px; padding:13px; line-height:1; font-weight:normal;}

#sidebar {width:300px; margin-left:25px; float:left;}


/* ========================
         Tables
========================= */

table#board td {width:210px; background: #eee; padding:10px;}


/* ========================
         Miscellaneous
========================= */

.playerwrap {width:640px; margin:0 auto; border: 8px solid #eee;}

#content .post h2.posttitle {font-size:20px;}


/* ========================
        Slideshow
========================= */

#slideshow {height:300px; width:910px; float:left; background:#333; margin:16px;}

	#slideshow ul {margin:0; padding:0; list-style-type:none;}
	
	#slideshow li {margin:0; padding:0; list-style-type:none;}
	
#slideshow h2 {padding:0; margin:0;}