/*
Theme Name: JULIUSDOBOS
Theme URI: http://www.mikeinghamdesign.com
Description: A theme by <a href="http://www.mikeinghamdesign.com">Mike Ingham Design</a>.
Version: V1
Author: Mike Ingham
Author URI: http://www.mikeinghamdesign.com

*/

div.boxcats {width: 290px; margin-right: 30px; float: left;}
div.boxcats h3 {font-size: 16px; color: #797979; border-bottom: 1px solid #797979; margin: 0px; padding: 0px;}

.fbx-rounded .fbx-inner {border: solid 4px transparent !important; border-radius: 3px !important;}
.foogallery-album-header {margin-bottom: 20px;}
.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {border: 4px solid #fff !important;}


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, a img, img {border:0; padding:0; margin:0; outline:0;}

html {	font-size: 12px;
 		font-family: Geneva, Arial, Helvetica;
 		color: #686868;}

a:link, a:active, a:visited {color: #074284; text-decoration:  none;}
a:hover {color: #1d86a0;}

h1 a 			{display:block;
				width:320px;
				height:89px;
				float: left;
				background-image:url('images/logo.png');
				text-indent:-9999px;
				margin:0 auto;
				padding: 0px;}

.wp-caption-text {padding: 20px 10px 0px 0px; margin: 0px;}

b {color: #335d8b;}

h2 {color: #335d8b; font-weight: normal; font-size: 15px; line-height:  19px;}
h3 {color: #000; font-weight: normal; font-size: 23px; margin-top: 12px; margin-bottom: 0px; text-decoration: none; line-height:30px;}
h3 a {color: #000; text-decoration: none; line-height: 30px;}
h3 a:hover {color: #335d8b; font-weight: normal; font-size: 23px; text-decoration: none; line-height: 30px;}

/* Main */
#header {width:100%; height:320px; margin-top: 0px; position:relative;}

	#slide-show {position:absolute; top:0; z-index:2; height:320px; width:100%;}
	
	#cycle-slide-show {width:100%; height:320px; overflow:hidden;}
		
		#cycle-slide-show div {width:100%; height:320px; overflow:hidden;}
		
		#cycle-slide-show div.slide-1 {background: #000 url('images/slide-1.jpg') no-repeat center center;}
		#cycle-slide-show div.slide-2 {background:#000 url('images/slide-2.jpg') no-repeat center center;}
		#cycle-slide-show div.slide-3 {background: #000 url('images/slide-3.jpg') no-repeat center center;}
		#cycle-slide-show div.slide-4 {background: #fff url('images/hidden.jpg') no-repeat center center;}

	#top-bar {position:relative; z-index:4; margin: 0px auto; width:960px; height:156px;}
	
		#top-holder {margin:0px auto; width:960px;}
		
		#logo {display:block; width:320px; height:89px; float:left;}
			#logo img {display:block; margin:0 auto;}
			

		#nav {width::505px; float:left; padding:50px 0px 0px 40px; height:31px;}
			#nav li {display:block; float:left;}	
			#nav li a {display:block; color: #f8f8f8; text-decoration: none; padding:0px 20px 0px 5px;}	
			#nav li a:hover {display:block; color: #f8f8f8; text-decoration: none;}
	.current {color: #00c7ff;}
	#nav a:hover span {color: #00c7ff;}
	
	
	#content {width: 980px; margin: 40px auto;}
		
	#leftcol {width: 200px; float: left; line-height: 18px; font-size:12px; font-family: Geneva, Arial, Helvetica;}
	#maincol {width: 470px; padding: 0px 40px 20px 30px; float: left; line-height: 20px; font-size:12px; font-family: Geneva, Arial, Helvetica;}
	#rightcol {width: 238px; float: left; background-color: #f6f6f6; padding: 5px 0px 10px 0px; margin: 30px 0px 20px 0px;}
	#contentcol {width: 650px; padding: 0px 60px 20px 30px; float: left; line-height: 20px; font-size:12px; font-family: Geneva, Arial, Helvetica;}
	
	#footer {width: 980px; margin: 0px auto; border-top: solid 3px #555555; clear: both; height: 50px; font-size: 10px; color: #b5b5b5; padding-top: 10px;}

	#contentcol p {margin-bottom: 30px;}
	#maincol p {margin-bottom: 20px;}


.postimage {float: right; padding: 10px 0px 0px 10px; font-size: 11px; background-color: #f3f3f3; margin: 10px 0px 10px 10px; line-height: 15px;}

.postimage-left {float: left; padding: 10px 0px 0px 10px; font-size: 11px; background-color: #f3f3f3; margin: 0px 10px 10px 0px; line-height: 15px;}


.wp-caption alignleft {margin: 0px; padding: 0px;}


.subtext {
	font-size: 11px;
	color:#666;
	line-height: 15px;}

.subtext a:hover {color: #666;}
	
.icon {
	float: left;
	margin: 0px 10px 0px 5px;}


.network  a {
	display: block;
	padding: 5px;
	color: #2464ac;	text-decoration: none;}	

.network a:hover {
	color: #162855;}	
	
.facebook  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/facebook.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.facebook a:hover {
	color: #162855;
	background-image: url('images/facebook-hover.png'); background-repeat:  no-repeat;}
	
.youtube  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/youtube.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.youtube a:hover {
	color: #162855;
	background-image: url('images/youtube-hover.png'); background-repeat:  no-repeat;}	
	
.itunes  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/itunes.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.itunes a:hover {
	color: #000;
	background-image: url('images/itunes-hover.png'); background-repeat:  no-repeat;}	


.amazon  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/amazon.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.amazon a:hover {
	color: #162855;
	background-image: url('images/amazon-hover.png'); background-repeat:  no-repeat;}	


.juno  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/juno.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.juno a:hover {
	color: #000;
	background-image: url('images/juno-hover.png'); background-repeat:  no-repeat;}	

.cd  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/cd.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.cd a:hover {
	color: #000;
	background-image: url('images/cd-hover.png'); background-repeat:  no-repeat;}	

.bandcamp  a {
	display: block;
	margin: 10px;
	padding-left: 40px;
	background-image: url('images/bandcamp.png'); background-repeat:  no-repeat;
	color: #2464ac;	text-decoration: none;}	

.bandcamp a:hover {
	color: #000;
	background-image: url('images/bandcamp-hover.png'); background-repeat:  no-repeat;}	

#news {padding:20px 0px 0px 0px; list-style-type: none;}


#news  a {
	border-top: solid 1px #d2d2d2;
	display: block;
	padding:6px 0px 6px 10px; background-image: url('images/menu2.png'); background-repeat:  no-repeat;
	list-style-type: none;
	color: #797979;	text-decoration: none;}	

#news a:hover {
	background-color: #f6f6f6;}


.copy  {float: left;}
.copy a {color: #c8c8c8; text-decoration: none;}

.design  {float: right;}
.design a {color: #c8c8c8; text-decoration: none;}
	
.clear {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}



.post {clear:both;}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.post-title {float: left; width: 430px;}

.entry {clear: both; margin: 0px;}

.post-cat {
	padding-top: 15px;
	font-size: 8px
	color: #ccc;
}

.post-cat a {
	color: #999999; text-decoration: none;
}


.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries {
	float: left;
	padding-left: 18px;
}
.next-entries {
	float: right;
	padding-right: 18px;
}
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #f6f6f6;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #2464ac;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background-color: #f6f6f6;
	border: solid 1px #d2d2d2;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background-color: #f6f6f6;
	border: solid 1px #d2d2d2;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #fff;
}
#commentform #submit{
	color: #000;
	background: #fff;
	border: 1px solid #d2d2d2;
	float: left;
	width: 144px;
	height: 29px;
}
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
	width: 220px;
}
#searchform {
	width: 200px;
	padding-top: 30px;
	float:left;
	border-top: solid 1px #d2d2d2;
}
#searchform #s {
	border: 1px solid #999;
	border-right: none;
	width: 155px;
	height: 26px;
	float: left;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}
#searchform #searchsubmit {
	background: url(images/search.png) no-repeat;
	border: none;
	width: 30px;
	height: 30px;
	margin: 0px;
	float: left;
	vertical-align: middle;
}
#searchform label {
	font-size: 11px;
	color: #41550e;
}

.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-archives li a:hover{
	color: #FF6600;
	text-decoration: none;
}



.recent-comments {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.recent-comments li{
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-comments a{
	font-size: 105%;
	line-height: 130%;
	font-weight: bold;
}
.recent-posts {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.recent-posts li{
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-posts a{
	font-size: 115%;
	line-height: 130%;
	font-weight: bold;
}
#credits {
	margin: 0px auto;
	width: 760px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited{
	color: #048db4;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 10px;
}
.left {
	float: left;
}
img.left, a img.left {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF6600;
	background: #FF6600;
}
.right {
	float: right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
	background: #FF6600;
}

hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #ffffff;
}
a:hover img.img_border{
	border-color: #FF6600;
	background: #FF6600;
}



#contact-area 	{width: 100%;}

#facebook 	{width: 100%; float: left; text-align: left; clear: both; padding-bottom: 20px;}


#contact-area input, #contact-area textarea {padding: 5px;
				width: 440px;
				font-size: 12px;
				margin: 0px 0px 10px 0px;
				border: 1px solid #999999;}

#contact-area textarea {height: 80px;}

#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #999999;}

#contact-area input.submit-button {width: 100px; background: #fff; float: right; margin: 10px 82px 20px 0px;}

label 			{float: left;
				text-align: left;
				margin-right: 15px;
				width: 100px;
				padding-top: 5px;}
				
.signup		{float: left;
				text-align: left;
				margin-right: 15px;
				width: 300px;
				padding-top: 5px;}

#lightbox-panel input, #lightbox-panel textarea {padding: 5px;
				width: 340px;
				font-size: 12px;
				margin: 0px 0px 10px 0px;
				border: 1px solid #999999;}	

#lightbox-panel input.submit-button {width: 100px;float: left; background: #fff;}
			

#lightbox {
 display:none;
 background:#000;
 opacity:0.8;
 filter:alpha(opacity=80);
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 z-index: 9000;
}


#lightbox-panel {
 display:none;
 position:fixed;
 top:200px;
 left:50%;
 margin-left:-200px;
 width:400px;
 background:#FFFFFF;
 padding:30px 20px 0px 50px;
 border:10px solid #CCCCCC;
 z-index: 9999;
}