/*
Theme Name: boco
Theme URI: http://wordpress.org/
Description: Theme for boco.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

a {
	color: #089deb;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

body {
	background: #fff url(images/background.jpg) no-repeat center 126px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 112.5%;
	font-weight: normal;
	line-height: 1.556em;
	color: #0d0d0d;
}

	#header {
		width: 964px; height: 371px;
		padding: 70px 0 0 0;
		margin: 0 auto;
	}
	
		.identity {
			float: left;
		}
		
		h1 a {
			width: 131px; height: 86px;
			background: url(images/logo.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 25px 21px 0;
			float: left;
		}
		
		p.techartmusic {
			width: 48px; height: 61px;
			background: url(images/techmusicfood.png) no-repeat;
			text-indent: -10000px;
			margin: 17px 0 0 0;
			float: left;
		}
		
		ul.navigation {
			height: 28px;
			float: left;
			clear: left;
		}
		
			ul.navigation li {
				height: 28px;
				float: left;
			}
			
				ul.navigation li a {
					height: 28px;
					background-image: url(images/navigation.gif);
					background-repeat: no-repeat;
					background-position: top;
					text-indent: -10000px;
					float: left;
				}
				
					ul.navigation li.register a {
						width: 72px;
						background-position: 0 top;
					}
					
						ul.navigation li.register a:hover {
							background-position: 0 bottom;
						}
						
					ul.navigation li.blog a {
						width: 50px;
						background-position: -72px top;
					}
					
						ul.navigation li.blog a:hover {
							background-position: -72px bottom;
						}
						
					ul.navigation li.who a {
						width: 48px;
						background-position: -122px top;
					}
					
						ul.navigation li.who a:hover {
							background-position: -122px bottom;
						}
						
					ul.navigation li.colorado a {
						width: 84px;
						background-position: -170px top;
					}
					
						ul.navigation li.colorado a:hover {
							background-position: -170px bottom;
						}
						
					ul.navigation li.share a {
						width: 54px;
						background-position: -254px top;
					}
					
						ul.navigation li.share a:hover {
							background-position: -254px bottom;
						}
						
		#header h2 {
			width: 514px; height: 300px;
			background: url(images/tagline.png) no-repeat;
			text-indent: -10000px;
			margin: 12px 0 0 0;
			float: right;
		}
		
	#datebar {
		width: 1101px; height: 162px;
		margin: 0 auto;
	}
	
		#datebar p {
			width: 1077px; height: 162px;
			background: url(images/datebar.gif) no-repeat center;
			text-indent: -10000px;
			display: block;
		}
		
	#infobar {
		width: 915px;
		padding: 47px 12px 83px 11px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#infobar .left {
			width: 300px;
			padding: 60px 0 0 0;
			float: left;
		}
		
			#infobar .left p {
				padding: 5px 0;
			}
			
		#infobar h2 {
			width: 578px; height: 239px;
			background: url(images/infobar-header.png) no-repeat;
			text-indent: -10000px;
			float: right;
                        margin-top:72px;
		}
		
	#register {
		width: 100%;
		background: #77b529 url(images/registerbg.gif) repeat-x 0 176px;
		color: #cfff92;
	}
	
		#register .wrapper {
			width: 915px;
			margin: 0 auto;
			padding: 36px 5px;
			overflow: hidden;
		}
		
			#register .wrapper .registertext {
				width: 360px;
				float: left;
			}
			
				#register .wrapper .registertext h2 {
					width: 140px; height: 41px;
					background: url(images/register-header.gif) no-repeat;
					text-indent: -10000px;
					margin: 0 0 5px 0;
					display: block;
				}
				
				#register .wrapper p {
					padding: 5px 0;
				}
				
			#register .wrapper .right {
				width: 422px;
				text-align: right;
				float: right;
			}
			
				#register .wrapper .right .price {
					width: 422px; height: 171px;
					background: url(images/price.gif) no-repeat;
					text-align: left;
					text-indent: -10000px;
 					margin-left:80px;
				}
				
				#register .wrapper .right .registerlink {
					width: 215px; height: 50px;
					background: url(images/registerlink.gif) no-repeat;
					text-align: left;
					text-indent: -10000px;
					float: right;
				}
				
	#registrationform {
		width: 980px;
		background: url(images/blogbottom.gif) no-repeat center bottom;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#registrationform .registerinner {
			width: 100px;
			padding: 40px 0 70px 0;
		}
	
	#blog {
		width: 915px;
		background: url(images/blogbottom.gif) no-repeat center bottom;
		padding: 70px 42px 80px 42px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.page #blog, .single #blog {
		background: none;
		padding-bottom: 40px;
	}
	
		#blog h2 {
			width: 78px; height: 40px;
			background: url(images/blog-header.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 0 15px 0;
			display: block;
		}
		
		.page #blog h2, .single #blog h2 {
			background: url(images/blog-header.png) no-repeat;
		}
		
		#blog .post {
			width: 285px;
			font-size: 0.778em;
			line-height: 1.714em;
			margin: 0 20px 0 0;
			float: left;
		}
		
		#blog .hentry {
			//width: 915px;
			width: 65%;
			float: left;
			margin: 0;
			padding: 0 0 20px 0;
		}
		
			#blog .post h3 {
				font-size: 1.286em;
				line-height: 1.556;
			}
			
				#blog .post h3 a {
					color: #000;
				}
			
			#blog p {
				padding: 5px 0;
			}
			
			#blog a {
				color: #089deb;
				text-decoration: none;
			}
			
				#blog a:hover {
					text-decoration: underline;
				}
				
			#blog .readmore a {
				text-align: right;
				font-weight: bold;
				padding: 2px 5px;
				display: block;
			}
			
				#blog .readmore a:hover {
					background: #f2f2f2;
					text-decoration: none;
				}
				
		#blog .navigation {
			width: 100%;
			font-size: 0.778em;
			line-height: 1.714em;
			font-weight: bold;
			display: block;
			text-align: center;
			margin-top: 20px;
			margin-bottom: 60px;
			clear: both;
		}
		
			.alignright {
				float: right;
			}

			.alignleft {
				float: left;
			}
			
		.comments {
			float: left;
			font-size: 0.778em;
			line-height: 1.714em;
			padding: 20px 0 0 0;
		}
		
			.commentlist {
				width: 600px;
			}
			
			.commentlist li {
				font-weight: bold;
			}
			
			.commentlist li .comment-body {
				background: #f1f1f1;
				padding: 10px;
			}
			
			.commentlist .parent {
				margin-bottom: 0;
			}

			.commentlist li .avatar { 
				float: left;
				border: 1px solid #eee;
				padding: 2px;
				margin: 0 15px 0 0;
				background: #fff;
				}

			.commentlist cite, .commentlist cite a {
				font-weight: bold;
				font-style: normal;
				font-size: 1.1em;
				}

			.commentlist p {
				font-weight: normal;
				text-transform: none;
				}

			.commentmetadata {
				font-weight: normal;
				}
			.commentlist li {
				margin: 15px 0 10px;
				list-style: none;
				}
			.commentlist li ul li { 
				margin-left: 25px;
			}
			.children { padding: 0; }
			#respond {
				padding: 10px 0 0 0;
				}
			#commentform p {
				margin: 5px 0;
				}

			.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
				}

			.commentmetadata {
				margin: 0;
				display: block;
				}
			#commentform input {
				width: 170px;
				padding: 2px;
				margin: 5px 5px 1px 0;
				}

			#commentform {
				margin: 5px 10px 0 0;
				}
			#commentform textarea {
				width: 100%;
				padding: 2px;
				}
			#respond:after {
					content: "."; 
				    display: block; 
				    height: 0; 
				    clear: both; 
				    visibility: hidden;
				}
			#commentform #submit {
				margin: 0 0 5px auto;
				float: right;
				}
		
	#who {
		width: 930px;
		background: url(images/mountains.gif) no-repeat 55px bottom;
		padding: 60px 0 70px 0;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.page #who {
		background: none;
		padding-top: 70px;
	}
	
		#who h2 {
			width: 86px; height: 31px;
			background: url(images/who-header.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 0 20px 15px;
			display: block;
		}
		
		.page #who h2 {
			background: url(images/who-header.png) no-repeat;
		}
		
		#who .category {
			width: 270px;
			padding: 0 15px;
			overflow: hidden;
			float: left;
		}
		
			#who .category .controls {
				margin: 0 0 10px 0;
				float: right;
			}
			
				#who .category .controls li {
					width: 17px; height: 17px;
					margin: 0 0 0 5px;
					float: left;
				}
				
					#who .category .controls li a.previous {
						width: 17px; height: 17px;
						background: url(images/controls.png) no-repeat left;
						text-indent: -10000px;
						float: left;
					}
					
					#who .category .controls li a.next {
						width: 17px; height: 17px;
						background: url(images/controls.png) no-repeat right;
						text-indent: -10000px;
						float: left;
					}
					
			#who h3 {
				font-size: 0.889em;
				line-height: 17px;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0 0 10px 0;
			}
			
			#who .category .speaker {
				font-size: 0.667em;
				line-height: 1.714em;
				padding: 0 0 20px 0;
			}
			
				#who .category .speaker .avatar {
					width: 127px; height: 112px;
					background: url(images/avatarbg.gif) no-repeat;
					padding: 6px;
					margin: 0 15px 5px 0;
					float: left;
				}
				
				#who .category .speaker h4 {
					font-size: 1.333em;
					line-height: 2em;
				}
				
	#colorado {
		width: 915px;
		background: url(images/coloradobg.gif) no-repeat top;
		padding: 70px 50px 70px 50px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#colorado h2 {
			width: 915px; height: 33px;
			background: url(images/colorado-header.gif) no-repeat;
			text-indent: -10000px;
			margin: 0 0 20px 0;
			display: block;
		}
		
		#colorado .content {
			width: 500px;
			float: left;
		}
		
			#colorado h3 {
				font-size: 1em;
				font-weight: bold;
				margin: 0 0 5px 0;
			}
			
			#colorado p {
				padding: 5px 0;
			}
			
		#colorado .slideshow {
			width: 366px;
			position: relative;
			float: right;
		}
		
			#colorado .slideshow #slideshow_controls {
				position: absolute;
				top: 17px;
				right: 17px;
				z-index: 100;
			}
			
				#colorado .slideshow #slideshow_controls li {
					width: 17px; height: 17px;
					margin: 0 0 0 5px;
					float: left;
				}
				
					#colorado .slideshow #slideshow_controls li a.previous {
						width: 17px; height: 17px;
						background: url(images/controls.png) no-repeat left;
						text-indent: -10000px;
						float: left;
					}
					
					#colorado .slideshow #slideshow_controls li a.next {
						width: 17px; height: 17px;
						background: url(images/controls.png) no-repeat right;
						text-indent: -10000px;
						float: left;
					}
			
			#colorado .slideshow #slideshow_images {
				width: 366px;
			}
			
				#colorado .slideshow #slideshow_images li {
					font-size: 0.666em;
				}
				
				#colorado .slideshow #slideshow_images li img {
					border: 7px solid #f1f1f1;
					margin: 0 0 5px 0;
					float: left;
				}
				
	#why {
		width: 981px; height: 152px;
		background: url(images/why.gif) no-repeat;
		text-indent: -10000px;
		margin: 0 auto;
		display: block;
	}
	
	#back-up {
		width: 915px;
		background: url(images/backupbg.gif) no-repeat top;
		padding: 45px 43px 35px 65px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#back-up h2 a {
			width: 613px; height: 148px;
			background: url(images/backup-header.gif) no-repeat;
			text-indent: -10000px;
			float: right;
		}
		
		#back-up .content {
			width: 260px;
			font-size: 0.666em;
			line-height: 1.5em;
			float: left;
		}
		
			#back-up .content h3 {
				font-size: 1.333em;
				line-height: 1.5em;
				font-weight: bold;
				margin: 0 0 5px 0;
			}
			
			#back-up p {
				padding: 5px 0;
			}
			
	#notfound {
		width: 930px;
		padding: 100px 0 70px 0;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#share {
		width: 915px;
		background: url(images/sharebg.gif) no-repeat;
		padding: 90px 33px 50px 50px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#share h2 {
			width: 99px; height: 33px;
			background: url(images/share-header.gif) no-repeat;
			text-indent: -10000px;
			float: left;
		}
		
		#share .icons {
			width: 110px; height: 14px;
			background: url(images/shareiconsbg.gif) no-repeat;
			padding: 14px 0 13px 23px;
			float: right;
		}
		
			#share .icons a {
				width: 16px; height: 14px;
				text-indent: -10000px;
				margin: 0 6px 0 0;
				float: left;
			}
			
				#share .icons a.stumbleupon { background: url(images/social/stumbleupon.gif) no-repeat center; }
				
				#share .icons a.myspace { background: url(images/social/myspace.gif) no-repeat center; }
				
				#share .icons a.digg { background: url(images/social/digg.gif) no-repeat center; }
				
				#share .icons a.delicious { background: url(images/social/delicious.gif) no-repeat center; }
		
		#share .columns {
			padding: 25px 0 0 0;
			clear: both;
		}
		
			#share .column {
				width: 250px;
				font-size: 0.778em;
				line-height: 1.5em;
				margin: 0 50px 0 0;
				float: left;
			}
			
			#share .emailcolumn {
				width: 300px;
				font-size: 0.778em;
				line-height: 1.5em;
				margin: 0;
				float: left;
			}
			
				#share h3, #share h3 a {
					text-indent: -10000px;
					margin: 0 0 7px 0;
					display: block;
				}
				
					#share h3.twitter a {
						width: 88px; height: 14px;
						background: url(images/twitter.gif) no-repeat;
					}
					
					#share h3.facebook a {
						width: 107px; height: 14px;
						background: url(images/facebook.gif) no-repeat;
					}
					
					#share h3.emaillist {
						width: 145px; height: 12px;
						background: url(images/emaillist.gif) no-repeat;
					}
					
				#share p {
					padding: 5px 0;
				}
				
				#share .emailcolumn form #email {
					width: 243px; height: 35px;
					background: url(images/emailinput.gif) no-repeat;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size: 24px;
					font-weight: normal;
					color: #5c5c5c;
					padding: 9px 10px 12px 10px;
					border: 0;
					float: left;
				}
				
				#share .emailcolumn form #submit {
					width: 29px; height: 56px;
					background: url(images/emailsubmit.gif) no-repeat 0 4px;
					border: none;
					float: left;
					cursor: pointer;
				}
				
	#footer {
		width: 915px;
		font-size: 0.666em;
		line-height: 2em;
		padding: 0 0 50px 0;
		margin: 0 auto;
	}
	
		#footer ul {
			float: right;
		}
		
		#footer strong {
			font-size: 1.333em;
			line-height: 2em;
		}
		
		#footer a {
			color: #000;
			text-decoration: underline;
		}
		
			#footer a:hover {
				text-decoration: none;
			}