/*
Theme Name: Quality Control
Theme URI: http://spencerfinnell.com/quality-control-theme
Description: Zapping Bugs--Like a Boss!
Version: 0.1
Author: Spencer Finnell
Author URL: http://spencerfinnell.com 
/* --------------------------------------------- */

/**
 * Do not edit this file! Check out Child Themes:
 * <http://codex.wordpress.org/Child_Themes>
 */

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#fff;
	font:0.75em Arial, Helvetica, sans-serif; color:#1c1c1c;
}

img {
	margin:0; padding:0;
	border:0;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

#site-title {
	margin:0; padding:0;
	font-size:2.50em; font-weight:bold;
	color:#ffc954;
}
	
	#site-title a {
		color:#848484; text-decoration:none;
	}
	
	#site-title span {
		color:#c7c7c7;
	}
	
	.entry h1 {
		font-size:1.50em;
	}

h2 {
	font-size:1.33em; font-weight:bold; color:#304467;
}

	.ticket-title {
		font-size:1.17em; font-weight:bold; color:#efba46;
		margin:0 0 0 10px; padding:0;
		display:inline;
	}
	
		.ticket-list .ticket-title a {
			color:#efba46;
		}

h3 {
	font-weight:bold; font-size:1.17em; color:#434343;
}
		
	#respond h3 {
		margin:0; padding:0;
		font-size:1.50em; color:#6692b8;
		text-shadow:#FFF 0 1px 0;
	}
	
	.update-title {
		display:inline-block; margin:0 10px 0 0 !important;
	}

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

a:hover {
	text-decoration:underline;
}

.screen-reader-text {
	position:absolute; left:-9000px;
}

/* Header/Navigation 
/* ------------------ */

#top ul a, #footer a {
	font-weight:bold; color:#555555;
}

#logged-in, #searchform #s {
	font-size:0.92em; color:#9c9c9c;
}

.tagline, #footer {
	font-weight:bold; font-size:0.92em; color:#c6c6c5;
}

/* Sidebar
/* ------------------ */

.submenu li {
	color:#afafaf;
}

	.submenu a {
		color:#818181;
	}
	
		.submenu a small {
			color:#d6d6d6; font-style:normal;
		}
	
	.submenu a:hover {
		color:#ffc039; text-decoration:none;
	}
	
	.submenu a:hover ~ .rss, .submenu .rss:hover {
		opacity:1;
	}
		
/* Ticket Listings
/* ------------------ */

.tabber-navigation li {
	font-weight:bold; color:#FFF;
}

	.tabber-navigation li a {
		color:#FFF;
	}
	
	.tabber-navigation .current-tab a, 
	.tabber-navigation li a:hover, 
	.tabber-navigation li:hover,
	.tabber-navigation li:hover a,
	.tabber-navigation ul ul.children a	{
		color:#848484; text-decoration:none;
	}
		
		.tabber-navigation ul ul.children a span {
			font-size:0.92em; color:#bebebe;
		}
		
		.tabber-navigation ul ul.children a:hover {
			color:#626262;
		}
		
.ticket-status {
	font-weight:bold; text-transform:uppercase;
	line-height:normal; text-align:center;
}

.ticket-status:hover {
	text-decoration:none;
	opacity:0.75;
}

.ticket-author {
	color:#c6c6c5;
}

	.ticket-author a {
		font-weight:bold; color:#a0a0a0 !important;
	}
	
.ticket-meta {
	font-weight:bold; color:#898989;
}

.ticket-meta a {
	color:#898989;
}

	.ticket-meta small {
		font-size:0.92em; font-weight:normal;
		display:block;
	}
	
.show-all, .no-results, #message {
	color:#d8c49a; font-weight:bold;
}

/* Single Ticket
/* ------------------ */

.entry, .reply {
	color:#595959; line-height:21px;
}

.update-list {
	font:italic 1.00em Georgia, Times, Times New Roman, serif; color:#595959;
}

	.update-list .title {
		font:bold 1.00em Arial, Helverica, sans-serif; color:#a0a0a0;
	}
	
	.update-list a {
		font-weight:bold;
	}
	
.permalink-id {
	font-size:1.25em;
	margin:0 10px 5px 0; padding:10px 15px;
	background:#e4e9ed;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display:inline-block;
}

/* Update Ticket/Create New Ticket */
	
#respond label {
	margin:0 8px 0 0;
	font-weight:bold; color:#8794a0;
}

	#respond span, .form-allowed-tags {
		margin:0 0 0 4px;
		font-size:0.92em; color:#8794a0;
	}

#respond input, #respond textarea, #respond select {
	font:1.00em Arial, Helvetica, sans-serif; color:#8794a0;
}

#respond input[type=submit] {
	font-weight:bold; font-size:1.17em; color:#596f82;
	text-align:center;
	padding:10px 20px;
	background:#cedce5;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(202,217,227)),  color-stop(1, rgb(223,232,238)));
	background:-moz-linear-gradient(center bottom, rgb(202,217,227) 0%,rgb(223,232,238) 100%);
	border:1px solid #b0c4d2;
	box-shadow:inset #FFF 0 1px 0, rgba( 0, 0, 0, .13 ) 0 1px 2px;
	-webkit-box-shadow:inset #FFF 0 1px 0, rgba( 0, 0, 0, .13 ) 0 1px 2px;
	-moz-box-shadow:inset #FFF 0 1px 0, rgba( 0, 0, 0, .13 ) 0 1px 2px;
	cursor:pointer;
}

#respond .attach-file {
	color:#8794a0; font-style:italic;
	margin:15px 0 5px; display:inline-block;
}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

#container {
	margin:0 auto; padding:0;
	width:960px; height:auto;
}

.alignleft {
	float:left !important;
}

.alignright {
	float:right !important;
}

.aligncenter {
	margin:0 auto !important;
	display:block !important;
}

/* 03 - BRANDING/NAVIGATION
/* ----------------------------------------------*/

#top, #footer {
	padding:20px 40px;
	background:url(images/divider.png) repeat-x bottom center;
	overflow:hidden;
}

	#top ul, #footer ul {
		margin:0 0; padding:0;
		list-style:none;
		float:left;
	}

		#top li, #footer li {
			margin:0 30px 0 0;
			float:left;
		}
		
	#logged-in {
		float:right;
	}

#branding {
	margin:0 40px; padding:50px 0 50px 60px;
	background:url(images/logo.png) no-repeat center left;
}
		
/* 04 - PAGE/STRUCTURE
/* ----------------------------------------------*/

#content {
	overflow:hidden;
}

	/* Main Area 
	/* -------------- */
	
	#main {
		margin:0 240px 0 0;
	}
		
		.tabber {
			width:100%;
			float:left;
		}
		
			/* Drop down navigation. Nasty. */
				
			.tabber-navigation {
				width:100%;
				background:#848484;
				-moz-border-radius:5px 5px 0 0;
				-wekbit-border-radius:5px 5px 0 0;
				border-radius:5px 5px 0 0;
				float:left;
				position:relative;
			}
			
			.tabber-navigation.bottom {
				-moz-border-radius:0 0 5px 5px;
				-wekbit-border-radius:0 0 5px 5px;
				border-radius:0 0 5px 5px;
			}
			
				.tabber-navigation ul {
					list-style: none;
					margin:3px 3px 0; padding:0;
				}
				
				.tabber-navigation.bottom ul {
					margin:0 3px 3px;
					overflow:hidden;
				}
			
					.tabber-navigation li {
						margin:0 3px 0 0;
						float:left;
						position:relative;
					}
					
					.tabber-navigation .alignright {
						margin:0;
					}

						.tabber-navigation li a {
							padding:8px 15px;
							display:block;
						}
						
						.tabber-navigation.bottom li a {
							padding:6px 10px 4px;
						}
						
						.tabber-navigation .current-tab a, 
						.tabber-navigation li a:hover, 
						.tabber-navigation li:hover {
							background:#fffefc;
							-moz-border-radius:3px 3px 0 0;
							-wekbit-border-radius:3px 3px 0 0;
							border-radius:3px 3px 0 0;
						}
						
							.tabber-navigation.bottom .current-tab a, 
							.tabber-navigation.bottom li a:hover, 
							.tabber-navigation.bottom li:hover  {
								-moz-border-radius:0 0 3px 3px;
								-wekbit-border-radius:0 0 3px 3px;
								border-radius:0 0 3px 3px;
							}
						
						.tabber-navigation ul ul.children {
							margin:0; padding:0;
							background:#FFFFFF;
							position:absolute; top:31px; left:0;
							float:left;
							width:180px;
							z-index:99999;
							display:none;
							border-radius:0 0 3px 3px;
							-moz-border-radius:0 0 3px 3px;
							-webkit-border-radius:0 0 3px 3px;
							border:1px solid #e7e7e7; border-width:0 1px 1px;
							box-shadow:rgba( 0, 0, 0, .08 ) 0 2px 5px;
							-webkit-box-shadow:rgba( 0, 0, 0, .08 ) 0 2px 5px;
							-moz-box-shadow:rgba( 0, 0, 0, .08 ) 0 2px 5px;
						}
				
							.tabber-navigation ul ul.children li {
								min-width: 180px;
							}
					
								.tabber-navigation ul ul.children a {
									display:block;
									border-bottom:1px solid #ededed;
								}
								
								.tabber-navigation ul ul.children li:last-child a {
									border-bottom:0;
								}
								
									.tabber-navigation ul ul.children a span {
										margin:0; padding:1px 8px;
										background:#ececec;
										display:inline-block;
										float:right;
										border-radius:2px;
										-moz-border-radius:2px;
										-webkit-border-radius:2px;
									}
								
								.tabber-navigation ul ul.children a:hover {
									background:none;
								}
					
							.tabber-navigation ul ul.children ul {
								left:100%;
								top:0;
								border-radius:0 3px 3px 0;
								-moz-border-radius:0 3px 3px 0;
								-webkit-border-radius:0 3px 3px 0;
							}
						
							.tabber-navigation ul li:hover > ul {
								display: block;
							}
						
			.panel {
				background:#fffcf6;
				border:1px solid #ecede9; border-top:0;
				clear:both;
			}
			
			/* Listing all tickets. The Core of archiving. */
			
			.ticket-list {
				margin:0; padding:0;
				list-style:none;
			}
			
				.ticket-list .ticket {
					margin:0; padding:13px 13px 10px;
					background:#fffefc;
					border:1px solid #e9eae6; border-width:0 0 1px;
					position:relative;
					overflow:hidden;
				}
				
				.ticket-list .show-all, 
				.ticket-list .no-results, 
				#message {
					margin:0 0 -1px;
					background:#fff8ea;
					border:1px solid #ffeec8; border-width:0 0 1px;
					position:relative; z-index:1000;
					background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,248,234)), color-stop(1, rgb(255,254,252)));
					background:-moz-linear-gradient( center bottom, rgb(255,248,234) 0%, rgb(255,254,252) 100% );
				}
				
				.ticket-list .no-results {
					margin:0;
					-moz-border-radius:0 0 5px 5px;
					-wekbit-border-radius:0 0 5px 5px;
				}
				
					.ticket-status {
						padding:5px 15px 4px;
						display:inline-block;
						border-radius:3px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						min-width:50px;
					}
				
					.ticket-list .ticket-author {
						margin:6px 0 0;
						float:right;
					}
					
						.comment .ticket-author {
							margin:0;
							float:none;
						}
					
					.ticket-meta {
						margin:12px 0 0; padding:10px 15px 0 15px;
						border:1px solid #eaeae9; border-width:1px 0 0;
						list-style:none;
						clear:both; overflow:hidden;
						opacity:0.65;
					}
					
						.ticket:hover .ticket-meta, 
						.ticket:hover .update-list, 
						.single-ticket .ticket-meta, 
						.single-ticket .update-list {
							opacity:1;
						}
					
					.ticket-meta.single {
						margin:12px 0 0; padding:10px 15px;
						border-width:1px 0;
					}
					
						.ticket-meta li {
							margin:0 20px 0 0; padding:0 20px 0 0;
							float:left;
							border-right:1px solid #eeeeed;
						}
				
				.ticket-list li:last-child {
					border-bottom:0;
				}
				
				.ticket-list .ticket.alt, .ticket-list .even {
					background:none;
				}
				
					.ticket-list .ticket-gravatar {
						width:45px;
						float:left;
					}
					
					.ticket-list .ticket-info {
						margin:-3px 0 0 45px; padding:3px 0;
					}

				.ticket-list .marked-resolved {
					padding:10px 15px;
				}
				
				.update-list {
					margin:0; padding:20px 15px 5px;
					border:1px solid #eaeae9; border-width:1px 0 0;
					list-style:none;
					opacity:0.65;
				}
				
					.comment .update-list {
						opacity:1;
					}
				
					.update-list li {
						margin:0 0 15px; padding:0;
						border:0;
						background:none;
					}
					
						.update-list ul {
							margin:5px 0 0 15px; padding:0;
							list-style:disc;
							list-style-position:inside;
						}
						
							.update-list ul li {
								margin:0 0 5px;
							}
							
			.entry {
				padding:15px 35px;
				background:#fffefc;
			}
			
			.entry.single-ticket {
				padding:15px 15px 10px; font-size:1.17em; line-height:24px;
			}
			
			/* Create a Ticket/Update a Ticket */
							
			#respond {
				margin:-1px; padding:30px 34px;
				background:#ebeff1;
				border:1px solid #d6dce1;
				position:relative; z-index:100;
				overflow:hidden;
			}
			
				#message {
					margin:0 0 25px; padding:12px 13px 10px;
					border:1px solid #f2deb1;
					position:relative; z-index:1000;
				}
			
				#respond p {
					margin:0; padding:0;
				}
			
					#respond input, #respond textarea, #respond select {
						margin:0; padding:6px 8px 8px;
						width:165px;
						background:#FFF;
						border:1px solid #c8d4dd;
						box-shadow:insert 0 3px 0 #f2f2f2;
						-webkit-box-shadow:insert 0 3px 0 #f2f2f2;
						-mox-box-shadow:insert 0 3px 0 #f2f2f2;
					}
					
						#respond textarea {
							padding:10px;
							width:630px; height:400px;
						}
						
						#respond select {
							padding:4px;
							width:auto;
						}
					
					#respond input:focus, #respond textarea:focus {
						outline:0;
						box-shadow:#FFF 0 1px 0;
						-webkit-box-shadow:#FFF 0 1px 0;
						-moz-box-shadow:#FFF 0 1px 0;
					}
				
				#respond .ticket-meta-fields {
					margin:25px 0; padding:10px 0 10px 20px;
					border-left:2px solid #dae0e3;
					overflow:hidden;
				}
					
					#respond .ticket_tags {
						width:400px;
						margin:20px 0 0;						
					}
					
					#respond .ticket_milestone {
						margin:0 16px;
					}
					
				.ticket-meta-submit {
					margin:-10px; padding:10px;
					overflow:hidden;
				}
					
					#respond #submit {
						margin:15px 0 0;
						float:right;
						overflow:hidden;
					}
							
						.form-submit {
							float:right;
						}
					
					.form-allowed-tags {
						margin:30px 0 0 !important;
						float:left;
						width:400px;
					}
				
				.ticket-attachment {
					clear:both;
				}
				
					#ticket_attachment {
						width:auto !important;
					}
	
	/* Sidebar 
	/* -------------- */
	
	#sidebar {
		width:200px;
		float:right;
	}
	
		.submenu, .submenu ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			.submenu ul {
				margin:0; padding:0;
			}
		
			.submenu li {
				margin:0 0 30px; padding:0 0 20px;
				border-bottom:1px solid #ededed;
				border-bottom:1px solid rgba( 0, 0, 0, .08 );
			}
			
				.submenu ul li {
					margin:0 0 8px; padding:0;
					border:0;
				}
				
					.submenu .rss {
						float:right;
						opacity:0.25;
					}
				
				.submenu .children {
					margin:5px 0 0 10px; padding:0 0 0 10px;
					border-left:1px solid #e2e2e2;
				}
				
				/* Searchform */
				
				#searchform {
					padding:3px;
					background:#848484;
					-moz-border-radius:5px;
					-wekbit-border-radius:5px;
					border-radius:5px;
				}
				
					#searchform div {
						overflow:hidden;
					}
				
					#searchform #s {
						padding:7px 8px 5px;
						width:150px; height:16px;
						background:#FFF;
						border-radius:3px;
						-moz-border-radius:3px;
						-webkit-border-radius:3px;
						border:0;
						float:left;
					}
					
					#searchform #s:focus {
						outline:0;
					}
					
					#searchform #searchsubmit {
						margin:8px 7px 0 0; padding:0;
						width:14px; height:14px;
						background:url(images/search.png) no-repeat center center;
						border:0;
						text-indent:-9999em;
						float:right;
					}
					
/* 05 - FOOTER
/* ----------------------------------------------*/
					
#footer {
	margin:40px 0;
	background:url(images/divider.png) repeat-x top center;
}

	#footer ul {
		width:100%;
	}
