@charset utf-8;


body {

}

#header {
 		float:left;
		padding:0;
		min-width:101%;
		background-color: #000000;
		background-image: url('images/header-bg.png');
		background-repeat: no-repeat;
		background-position: right;
		height: 450px;
		margin-left:-10px;
		margin-top:-10px;
		margin-bottom:100px;
}


#headerborder {
		background-image: url('images/paper-top.png');
		height:40px;
		margin-top:412px;
		
}


main {
	width:1300px;
	margin:auto;
}



#main {

}

	nav {
		
	}
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}

#content {
	
}
	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	#post-meta {
		margin: 10px 0 20px 0;
	}
	.post-navigation {
		
	}

#comments {
	
}
	li.comment {
		
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
		.comment-text {
			
		}
		.comment-meta {
			
		}
			p.gravatar {
				
			}
		.waiting-for-approval {
			
		}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
	#comments-form {
		
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		float:left;
	}
	.newer {
		float:right;
	}
	.newer-older {
		margin: 40px 0 40px 0
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widget-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			
		}

#footer {
	
}
	#widget-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widget-area {
	
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}






/* Always remember to compress your live stylesheet and keep an uncompressed backup */




/*
	general styles
 */

.serif,
cite,
blockquote,
h1,
h2
 	{ font-family: Helvetica,Arial,sans serif;
	font-weight: bold;
}
h3	{ font-family: ElliotSixRegular,Helvetica,Arial,sans serif;
	font-weight: bold;
	margin-bottom:12px;
}
h4 	{ font-family: ElliotSixRegular,Helvetica,Arial,sans serif;
	font-size: 26px;
	margin-bottom:14px;
	float: left;
}
h5 	{ font-family: ElliotSixRegular,Helvetica,Arial,sans serif;
	font-size: 20px;
	margin-bottom:14px;
}
h6 	{ font-family: ElliotSixRegular,Helvetica,Arial,sans serif;
	font-size: 28px;
	margin-bottom:14px;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 24px 12px 12px;
}

p.tweet { 
	font-family: ElliotSixRegular,Helvetica,Arial, sans-serif;
	font-size: 40px;
	color: #fff;
 }

.monospace,
var,
code {
	font-family: courier new, courier, monospace;
}

.amp {
	font-style: italic;
	font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;
	font-weight: normal;
}

a:link {
	color: #000000;
}
a.logo:link {
	color: #ffffff;
}
a:visited {
	color: #000000;
}
a.head:visited {
	color: #ffffff;
}
content a:visited {
	color: #000000;
}
a:hover,a:active {
	color: #c9c9c9;
}


.post-content ul,
.post-content ol {
	padding-left: 24px;
}

input { 
	color:#ffffff; 
}
input.newsletteremail {
	width:188px;
}
input.newsletter {
	border:#c9c9c9;
	color:#000000;
	background-color:#edf4g4;
}
#button { 
	width:150px; 
	margin: 0 auto;
	background-image: url('http://devvo.tv/wp-content/uploads/2012/07/button-shirt.png'); 
	background-repeat: no-repeat;
	width:140px; 
}
input.shirt { 
	height:36px; width:150px;
	background:none;
	border:none;
	margin:-4px;
	margin-top:-31px;
	font-weight:bold;
}
input.submit {
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
textarea { 
	padding: 5px;
	border: none;
	outline: none;
	color: #fff;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	
}
input:focus,
textarea:focus {}
textarea {
	min-height: 150px;
	width: 100%;
}

blockquote {
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	text-align: justify;
	margin: 20px;
	padding: 12px;
}
	blockquote:first-letter {
		font-size: 24px;
		padding-right: 1px;
	}
	blockquote:first-line {
		font-size: 20px;
}


/*
	layout styles
 */

#if-logged-in .container {
	background: #000;
	margin-top: -24px;
}

p { color: #919191; font-size: 14px; line-height:20px; }


#post a:link, a:visited {
	color: #000000;
}

		#title {
			position: relative;
			height: 80px;
		}
			#logo,
			#tagline {
				position: absolute;
				bottom: 0;
			}
			#logo {
				left: 0;
				height:60px;
				font-weight:bold;
				font-size: 4.6em;
				line-height: 72px;
				letter-spacing: 0;
				margin-top:80px;
				margin-left:10px;
			}
			#tagline {
				font-size: 18px;
				right: 0;
				line-height: 36px;
			}
			
	#nav-primary {
		clear: both;
		width: 60%;
		height: 40px;
		margin-top: -130px;
		margin-left: 100px;
}
		#nav-primary ul {list-style: none;
			padding: 0;
			margin: 0;
}
		#nav-primary li {
			width:100px;
			height:75px;
			text-align:center;
			font-family: ElliotSixRegular,Arial;
			font-size: 20px;
			font-weight:bold;
			float: left;
			margin: 0 2em;
			padding-top:10px;		
			color:#fff;
			background: url('http://www.devvo.tv/wp-content/images/burb-tag.png');
			background-repeat: no-repeat;
}
			#nav-primary li a {
				float:left;
				display:block;
				width:100px;
				
}
	#widget-header {
		clear: both;
		margin-top:20px;
	}
	
	#content {
		margin-top: 40px;
	}
	#content-single {
		margin-top: 40px;
		width:550px;
		float:left;
	}
		#widget-alert {
			background: #C6D8CD;
			border: 1px #5b816a solid;
			padding: 24px;
			margin-bottom: 24px;
		}
		.post-single {

			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px #dedede solid;
			float: left;		
}
		#sidebar {	
			

	}
		#sidebar .widget-area {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px #dedede solid;
			padding-top:40px;
			width:360px;
		}
			#siebar ul,
			#sidebar li {
				padding: 0;
				margin: 0;
				list-style: none;
			}
				#sidebar .children {
					padding-left: 10px;
				}
					#sidebar .children .children {
						padding-left: 10px;
					}
#post { width:520px; float:left; margin-bottom:40px; }
#video { width:520px; float:left; margin-bottom:40px; }
#gigs { width:400px; margin-bottom:40px; }
#news { width:400px; margin-bottom:40px; }
#topl { width:520px; float:left; }
#topr { width:400px; float:right; }
#midcontent { width:960px; }
#newsletter { float:left; width:270px; }
#audio { float:left; width:390px; margin:0 30px; }
#album { float:right; width:240px; }
#shirts { width:960px; margin-top:100px; margin-left:auto; margin-right:auto; }
.buy { width:240px; float:left; }
.buy2 { width:240px; }
.shirt { width:330px; float:left; margin-left:8px; }
.shirtr { width:330px; float:right; margin-right:208px; }
#gigs { width:960px; margin-top:100px; margin-left:auto; margin-right:auto; }

	#footer .container {
		padding-top: 20px;
		padding-bottom: 20px;
		background: #a9a9a9;
		background: rgba(225,225,225,.75);
		border-top: 1px #696969 solid;
	}
		#footer-content {
			padding: 20px;
		}
			#footer ul,
			#footer li {
				display: inline;
				list-style: none;
			}
				#footer li a {
					padding: 0 10px;
				}



/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 960px) {
	
	.container {
		
	}
		#content {
			
		}
		#sidebar {
			
		}
	
}


/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	.container {
		
	}
		#logo,
		#tagline {
			position: relative;
			line-height: 30px;
		}
		#logo {
			font-size: 42px;
		}
		
		#content {
			float: none;
		}
		#sidebar {
			float: none;
			background: #eee;
			margin-left: -42px;
			margin-right: -42px;
			padding-left: 52px;
			padding-right: 52px;
			width: 376px;
			border-bottom: 1px #ccc solid;
		}
		#footer .container {
			padding-top: 0;
		}
			#footer-content {
				border: 0;
				padding: 10px;
			}
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 479px) {

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}
	
	.container {
		
	}
		#logo,
		#tagline {
			position: relative;
			line-height: 30px;
		}
		#logo {
			font-size: 42px;
		}
		#tagline {
			font-size: 16px;
		}
		
		#content {
			float: none;
		}
		#sidebar {
			float: none;
			background: #eee;
			margin-left: -42px;
			margin-right: -42px;
			padding-left: 52px;
			padding-right: 52px;
			width: 212px;
			border-bottom: 1px #ccc solid;
		}
		#footer .container {
			padding-top: 0;
		}
			#footer-content {
				border: 0;
				padding: 10px;
			}
	
}

#twitter { margin-top:25px; height:404px; width:730px; }
#youtube { text-align:center; margin-top:60px; margin-left:auto; margin-right:auto; color:#919191; }

#twitter a { color: #ffffff; }
a.head:link { color: #ffffff; }
a.head:visited { color: #ffffff; }

.clear { clear: both; }
.float {float:left; }
.floatr {float:right; }

table{ border-top-width:#ffffff;
border-right-width:#ffffff;
border-bottom-width:#ffffff;
border-left-width:#ffffff;
border-style:solid;
border-color:#ffffff;
font-size:14px;
margin-bottom:18px}

.shirt form select { width:100%; }

ul { list-style: none; }

.advanced_recent_posts_widget ul li {
width: auto !important;
}

h4.srp-widget-title { clear:both; }

table tr {border-bottom:1px solid #e4e4e4}
table tr th,table tr td {padding:10px;border-right:1px solid #e4e4e4;color:#777}
table tr th:last-child,table tr td:last-child{border-right:0}
table td { width:340px; text-align:center;}
table td.r { width:340px; text-align:center;}


.album { border: 1px #aaa solid; padding: 5px; outline: none; margin: 20px 20px 0 14px; }
.paypal { margin:0 48px; }

@font-face {
    font-family: 'ElliotSixRegular';
    src: url('fonts/ElliotSix-webfont.eot');
    src: url('fonts/ElliotSix-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ElliotSix-webfont.woff') format('woff'),
         url('fonts/ElliotSix-webfont.ttf') format('truetype'),
         url('fonts/ElliotSix-webfont.svg#ElliotSixRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Always remember to compress your live stylesheet and keep an uncompressed backup */