/*
Theme Name:  Forward >>
Theme URI: http://www.bumpmusic.net
Description: Design by <a href="http://www.joshgilmore.net/" title="Josh Gilmore">Josh Gilmore</a>.  A bumptastical design.
Author: Josh Gilmore
Author URI: http://www.joshgilmore.net
Version: 1.0
License: General Public License (GPL)
*/






/* 
				AUTHOR: Josh Gilmore
				jrgfreelance@gmail.com
				www.joshgilmore.net 
*/

/* COLORS USED

*/ 

/* BASIC TOOLS & NECCESSITIES */

* 				{ margin: 0px; padding: 0px; }

html 				{ overflow-y: scroll; }

.floatleft 		{ float: left; }
.floatright 		{ float: right; }
.clear 			{ clear: both; }



a img 			{ border: none; }


/* STRUCTURE */
		 
body 			{ 
				color: #45111F;
				font-size:62.5%; 
				font-family: Arial, Helvetica, sans-serif;
				background-color:#FFFFFF;
				}

#wrap 			{
				width: 1024px;
				margin: 0px auto 0px; 
				}
	
#content 		{
				width: 600px;
				float: left;
				text-align: left;
				font-size: 1.4em;
				padding: 0px 10px 0px 30px;

				}

	
#content-media 		{
				width: 660px;
				float: left;
				text-align: left;
				font-size: 1.4em;
				padding: 0px 0px 0px 0px;
				}

#content-album-left 		{
				width: 450px;
				float: left;
				text-align: left;
				font-size: 1.4em;
				padding: 0px 0px 0px 0px;
				}
				
#content-album-right 		{
				width: 555px;
				float: left;
				text-align: left;
				font-size: 1.4em;
				padding: 0px 0px 0px 0px;
				}
#album-div		{width: 555px; padding: 0 0 0 20px;}	
#album-songs	{font-size: 20px; color: #626262; font-weight: bold; padding: 0 0 0 10px; letter-spacing: -1px; float: left; width: 350px; }
#album-links	{font-size: 20px; color: #626262; font-weight: bold; letter-spacing: -1px; float: right; width: 190px; }
#album-graphics  {float: left; width: 555px; padding: 10px 0px 20px 5px; vertical-align: top;}
#album-div a		{font-size: 20px; }
#album-page-container	{margin-left: 15px;}

#sidebar 		{
				width: 320px;
				float: right;
				text-align: justify;
				font-size: 1.4em;
				padding: 10px 16px 20px 16px;
				margin-right: 30px;
				}

#sidebar-media 		{
				width: 300px;
				float: right;
				text-align: justify;
				font-size: 1.4em;
				padding: 10px 60px 20px 0px;
				margin-right: 0px;
				min-height: 620px;
				}

#footer 			{ 
				min-height: 80px; 
				background: url('images/footer.jpg') no-repeat; 
				background-position: top right;
				height: auto !important; 
				height: 80px; 

				}


				
				
#header 							{ height: 180px; margin: 0; display: inline; }
#header ul							{ list-style: none; }
#header ul li 							{ display: inline; }
#header ul li a 						{ height: 180px; text-indent: -9999px; float: left; border: none; display: inline; }
#header ul li.news a 					{ width: 1024px; background: url('images/header-full.jpg') no-repeat top center; }

#header ul li a:hover						{ background-position: center bottom; }
/* NAVIGATION MENU */
#nav 							{ height: 42px; margin: 0; display: inline; }
#nav ul							{ list-style: none; }
#nav ul li 							{ display: inline; }
#nav ul li a 						{ height: 42px; text-indent: -9999px; float: left; border: none; display: inline; }
#nav ul li.bio a 					{ width: 305px; background: url('images/nav-bio.jpg') no-repeat bottom center; }
#nav ul li.tour a					{ width: 217px; background: url('images/nav-tour.jpg') no-repeat bottom center; }
#nav ul li.media a 					{ width:  227px; background: url('images/nav-media.jpg') no-repeat bottom center; }
#nav ul li.contact a 				{ width:  275px; background: url('images/nav-contact.jpg') no-repeat bottom center; }


#nav ul li a:hover						{ background-position: center top; }
			
body#bio #nav ul li.bio a,
body#tour #nav ul li.tour a,
body#media #nav ul li.media a,
body#contact #nav ul li.contact a

										{ background-position: center top; }

#blog-nav 							{ height: 221px; margin: 0;  display: inline; }
#blog-nav  ul							{ list-style: none; margin-left: 40px; }
#blog-nav  ul li 							{ display: inline; }
#blog-nav  ul li a 						{ height: 221px; text-indent: -9999px; float: left; border: none; display: inline; }
#blog-nav  ul li.yorg-blog a 					{ width: 147px; background: url('images/yorg.gif') no-repeat; }
#blog-nav  ul li.clint-blog a					{ width: 142px; background: url('images/clint.gif') no-repeat; }
#blog-nav  ul li.bryce-blog a 					{ width: 98px; background: url('images/bryce.gif') no-repeat; }
#blog-nav  ul li.chris-blog a 				{ width:  136px; background: url('images/sterr.gif') no-repeat; }

/* FOOTER MENU */

#footer-text {float: left; padding:65px 100px 0px 100px}

#footer-nav	{width: 540px; 
		height: 80px;
		overflow: hidden; 
		float: right;
		margin-right: 30px;

			
		}
#footer-nav li {display: inline;}
#footer-nav li a {background:url('images/footer-nav-full.jpg'); width: 54px; height: 80px; display: block; text-indent: -9999px; float: left; }
#footer-nav li a.virb {background-position:0px 80px}
#footer-nav li a:hover.virb {background-position:-2px 0px}
#footer-nav li a.reverb {background-position:-54px -80px;}
#footer-nav li a:hover.reverb {background-position:-54px 0px;}
#footer-nav li a.vimeo {background-position:-108px -80px;}
#footer-nav li a:hover.vimeo {background-position:-108px 0px;}
#footer-nav li a.youtube {background-position:-162px -80px;}
#footer-nav li a:hover.youtube {background-position:-162px 0px;}
#footer-nav li a.twitter {background-position:-216px -80px;}
#footer-nav li a:hover.twitter {background-position:-216px 0px;}
#footer-nav li a.rss {background-position:-270px -80px;}
#footer-nav li a:hover.rss {background-position:-270px 0px;}
#footer-nav li a.myspace {background-position:-324px -80px;}
#footer-nav li a:hover.myspace {background-position:-324px 0px;}
#footer-nav li a.flickr {background-position:-378px -80px;}
#footer-nav li a:hover.flickr {background-position:-378px 0px;}
#footer-nav li a.facebook {background-position:-432px -80px;}
#footer-nav li a:hover.facebook {background-position:-432px 0px;}
#footer-nav li a.blogger {background-position:-486px -80px;}
#footer-nav li a:hover.blogger {background-position:-486px 0px;}

/*  BASIC TEXT ADJUSTMENTS */		

p			{font-size:14px; line-height: 18px; margin-bottom: 12px; color: #45111F;}

h1			{font-size:28px; font-weight: bold; color: #10536C; padding: 0; margin: 0; }  /* BIG HEADER WITH FEATHER */

h2			{font-size:24px; font-weight: bold; color: #10536C; padding: 0; margin: 0; text-transform:lowercase; letter-spacing: -1px;}  /* BIG ORANGE PLAIN */

h3			{font-size:18px; font-weight: bold; color: #10536C; padding: 0; margin: 0;}  /* HEADER WITH BANNER BG */

h4			{font-size:26px; font-weight: bold; color: #10536C; padding: 5px; margin: 0; text-transform:lowercase; letter-spacing: -1px; border: solid #7CB2D5 2px; width: 465px} /*  Medium Dark Blue Headings */

h5			{font-size:28px; font-weight: bold; color: #7CB2D5;padding: 20px 0px 10px 0px; letter-spacing: -1px; margin: 0; } /* */

h6			{font-size:26px; font-weight: bold; color: #7CB2D5; padding: 20px 0px 10px 0px; letter-spacing: -1px; margin: 0; } /* SIDEBAR HEADINGS */



/*  LINK ADJUSTMENTS */	


a:link,a:visited  { font-size: 14px; outline: none; color: #4FA2C1; font-weight: bold; text-decoration: none;}
a:hover, a:active	{color: #C45771; }

#content a:link,
#content a:visited,
#sidebar a:link,
#sidebar a:visited     { font-size: 14px; outline: none; color: #4FA2C1; font-weight: bold; text-decoration: none;}

#content a:hover, 
#content a:active,
#sidebar a:hover, 
#sidebar a:active	{color: #C45771; }

#twitter_update_list li 	{margin-bottom: 20px; list-style: none; }

#rss {margin-top: 0px;}

#rss ul {list-style: none; color: #45111F}

#rss li {  list-style: none;
  background-image: url(images/rss-bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 58px 0px 0px 15px;  
}



#rss a:link,#rss a:visited {color: #3E0E19; font-size: 20px; width: 550px;}
#rss a:hover,#rss a:active {color: #C35570; }
#rss small {font-size: 14px; font-family: arial, helvetica, sans-serif; color: #929292; }
#rss small:before {content: " | "}


.imageborder a:link img,
.imageborder a:visited img { border: 2px solid transparent;} 


.imageborder a:hover img,
.imageborder a:active img  {opacity:0.6; filter:alpha(opacity=60)}


#bandblogs ul {list-style: none; padding: 0; margin:0; }

#bandblogs li {  list-style: none;

  background-image: url(images/bullet2.jpg);
  background-position: .1em;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;  
}

#bandblogs a:link,#bandblogs a:visited {font-size: 16px; padding: 3px 3px 3px 3px; display: block; width: 200px; color: #4FA2C1; }
#bandblogs a:hover,#bandblogs a:active {color: #C45771; }

.sidebarbreak	{  background-image: url(images/sidebarbreak.jpg); width: 327px; height: 25px; display: block; }


.break	{  background-image: url(images/hr.jpg); width: 581px; height: 81px; display: block; }


.newsbreak	{  background-image: url(images/hr.jpg); width: 581px; margin: 221px 0px 0px 10px; height: 81px; display: block; }


#sidebarlinks ul		{list-style:none; 				
				font-size:16px;
				font-weight:bold;
				text-decoration: none; 
				list-style:none;
				width:200px;
				padding-left: 15px; }
				
#sidebarlinks li		{list-style:none;
					padding-left: 0px; 
 }
#sidebarlinks li a		{
				padding: 3px 0px 3px 15px;
				background-image: url(images/bullet2.jpg);
				background-repeat: no-repeat;
				background-position: 0.5em;
				display:block;
				width:200px;
				}

#sidebarlinks li a:hover 	{
				background-color:#4FA2C1;
				color:#ffffff;
				}


				
#quicklinks ul		{list-style:none; 				
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				text-decoration: none; 
				padding-left: 7px;
				list-style:none;
				width:180px;}
				
#quicklinks li		{list-style:none;
 }
#quicklinks li a		{
				line-height:20px;
				padding: 3px 0px 3px 30px;
				border-bottom: solid #C6D7E9 1px; 
				background-image: url(images/bullet2.jpg);
				background-repeat: no-repeat;
				background-position: 0.5em;
				display:block;
				width:180px;
				color:#C6D7E9;
				}

#quicklinks li a:hover 	{
				color:#4D5967;
				background-image: url(images/bullet-over.png);
				}
				

.post-date{
float: left;
display: inline;
padding: 0 10px 0 0;
background: url(images/datebg.jpg) no-repeat;
height: 66px;
width: 70px;
}

.month 	{color: #FFFFFF; padding: 3px 0px 0px 18px; font-size: 18px; letter-spacing: -1px;}

.day 	{color: #FFFFFF; padding: 3px 0px 0px 18px; font-size: 28px; letter-spacing: -1px; font-weight: bold;}



#videos-right 	{float: left; width: 480px; padding: 0px 0px 0px 30px}
#videos-left	{float: left; width: 480px; padding: 0px 0px 0px 20px }

/* Sidebar Box */

.box-container 	{width: 350px; }

.box-top 		{ height: 37px; background:url("images/box/top.gif") no-repeat; width: 100%; }

.box-repeat 	{ background: url("images/box/body.gif") repeat-y; padding: 0px 15px 0px 15px }

.box-bottom 	{ height: 39px;  width: 100%; background: url("images/box/bottom.gif") no-repeat;}

.comments-container {width: 400px; padding:20px 0px 0px 100px}

/* Album Box */

.album-box-container 	{width: 514px; float: left; }

.album-box-top 		{ height: 29px; background:url("images/album-box/top.jpg") no-repeat; width: 100%; }

.album-box-repeat 	{ background: url("images/album-box/body.jpg") repeat-y; padding: 0px 25px 0px 25px }

.album-box-bottom 	{ height: 39px;  width: 100%; background: url("images/album-box/bottom.jpg") no-repeat;}





#blog-top-yorg	{ height: 299px; background:url("images/yorgblog.gif") no-repeat; width: 100%; }

#blog-top-clint	{ height: 299px; background:url("images/clintblog.gif") no-repeat; width: 100%; }

#blog-top-bryce	{ height: 299px; background:url("images/bryceblog.gif") no-repeat; width: 100%; }

#blog-top-chris { height: 299px; background:url("images/chrisblog.gif") no-repeat; width: 100%; }

#blog-repeat 	{ background: url("images/blogbg.gif") repeat-y; padding: 0px 40px 0px 40px }

#blog-footer 	{ height: 60px;  width: 100%; background: url("images/blogfooter.gif") no-repeat;}


.blog-break	{  background-image: url(images/hr-blog.gif); width: 500px; height: 70px; display: block; margin-left: 10px;}

.load{background:url('images/loading.gif') no-repeat center center; min-height: 400px;}

.gigpress-table {font-family: arial, helvetica, sans-serif}