/*
Theme Name: Infinitely Blue
Theme URI: http://www.pinpointinteractive.com/wordpress-themes
Description: Blue Infinity Music Theme	
Author: Edward Nepomuceno
Author URI: http://www.pinpointinteractive.com	
version: 1.0
Tags: three-column, widget-ready
*/

/* basics */
* { margin: 0; padding: 0; }

body { background: url(images/bg_BIMWater.jpg) top center repeat-x fixed #fff; font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px; }
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}
small {font-size: 10px;}

/* images */
img { border: none; padding: 0; }
img a { border: none; }
#content img, #left img, #right img { border: 1px solid #fff; padding: 0; }

img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }

/* links */
a:link { color: #2c95b7; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover,a:active { color: #f00; text-decoration: none;}

/* container */
#outer { background: url(images/bg_outer.png) top center repeat-y; }
#container { background: url(images/bg_box.png); width: 1000px; min-height: 1000px; margin: 0 auto; padding: 0; color: #333; overflow: hidden; }
	
/* header */
#header { background: #fff; width:100%; height: 99px; color: #fff; }
#hbanner_ad { float: right; height: 99px; left: -20px; position: relative; top: 15px; width: 392px; }

/* search */
#hsearch { position: relative; right: 10px; top: 40px; }
#hsearch input#h { margin:0; padding:3px; }
#searchform { padding:0; margin:14px 0; }
#searchform input#s { margin:0; border:1px solid #ccc; padding:2px; }

/* suckerfish */
#suckerfishnav { background: #fff; font: normal 14px Arial, Helvetica, sans-serif; text-transform: lowercase; height: 40px; padding: 0 140px; }
#suckerfishnav, #suckerfishnav ul { list-style: none; line-height: 20px; }
#suckerfishnav a { display: block; color: #214779; text-decoration: none; padding: 5px; height: 30px; text-align: center; }
#suckerfishnav li { padding: 0; height: 40px; float: left; }
#suckerfishnav ul { position: absolute; left:-999em; height: auto; width: 147px; border-top:1px solid #666; }
#suckerfishnav li li { width: 145px; border-bottom: 1px solid #666; border-left:1px solid #666; border-right:1px solid #666; height: 20px; }
#suckerfishnav li li a { padding: 0 10px; width:120px; font-size: 12px; color:#fff; }
#suckerfishnav li ul ul { margin:-19px 0 0 100px; }
#suckerfishnav li li:hover { background: #fff; height: 18px;  }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { color: #214779; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color: #214779; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#214779; text-decoration: none; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left:auto; background:#fff; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover, #suckerfishnav li.current_page_item { border-bottom: 3px solid #214779; height: 37px; }
#suckerfishnav li li.current_page_item { border-bottom: 3px solid #214779; height: 18px; }
#suckerfishnav li.page_item a:before { content: "|"; position: relative; left: -5px; }
/* hero */
#hero { padding: 0; overflow: hidden; }
#hero .post { float: left; }
#hero .entry { overflow: hidden; }

/* artist page */
#artist_hero { width: 100%; background: url(images/bg_box.png); overflow: hidden; margin: 20px 0; }
	.artist_left { float: left; width: 300px; margin: 20px; }
		.visit_store_button { background: url(images/btn_visit_the_store.png) no-repeat top left; display: block; width: 170px; height: 35px; margin: 10px auto; }
		a.visit_store_button:hover { background-position: 0 -35px; }
	.artist_description { margin: 20px; line-height: 14pt; overflow: hidden; }
	.artist_description p { margin-bottom: 20px; }
	.artist_description ul { margin: 0 0 20px 20px; list-style: none; }
.album_art { float: left; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; width: 200px; height: 190px; padding: 5px; margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;
}
.album_art img { border: 1px solid #ddd; margin-top: 5px; }
.album_art h3 { margin-top: 5px; }

/* store */
.product { background: url(images/bg_box.png); margin: 0 10px 10px 0; padding: 10px; overflow: hidden; width: 280px; float: left; min-height: 320px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
   -moz-border-radius-bottomright:10px; -khtml-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;  border-bottom-right-radius:10px;
}
.details { font-size: 10px; }
.product p { line-height: 14pt; margin: 10px 0; }
.buyNowButton { background: url(images/btn_buy_now.png) no-repeat top left; display: block; width: 95px; height: 35px; float: right; margin: 10px 0; }
a.buyNowButton:hover { background-position: 0 -35px; }

/* content */
#content { background: url(images/bg_box.png); overflow: hidden; margin: 20px auto; padding: 9px; 
   /* optional rounded corners for browsers that support it */
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
   -moz-border-radius-bottomright:10px; -khtml-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;  border-bottom-right-radius:10px;
}
#content ul { list-style-type: none; }
#content ol { margin: 10px 20px; }
.post {	margin-bottom: 10px; padding-bottom: 10px; line-height: 14pt; overflow: hidden; }
.post h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #333; }	
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post ul {}
.post li {}
.entry p { margin: 12px 0; }
.postmetadata {	clear: both; background: #F7F7F7; padding: 6px; margin: 20px 0; }
.sticky { background: #fffbde; border: 1px solid #fff; padding: 10px; }
.navigation { font-size: 8pt; width: 100%; margin: 0; padding: 0; clear: both; }
.alignleft a { float: left; margin: 25px 0;}
.alignright a { float: right; margin: 25px 0;}
#also_content { background: url(images/bg_box.png); overflow: hidden; margin: 20px auto; padding: 9px 9px 9px 35px; clear: both;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
   -moz-border-radius-bottomright:10px; -khtml-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;  border-bottom-right-radius:10px;
}

#post-315 .entry { background:#cae3f0; overflow:hidden; margin: 10px 0; 
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;  border-radius:10px; }
#post-315 .wp-caption { text-align:left; background-color:#6db8de; margin:0 20px 0 0; padding:10px 0 10px 10px;
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;  border-radius:10px; }
#post-10 { margin: 10px 0 0 30px; }
#post-10 .entry { margin: 125px 50px 0 0; width:450px; height:210px; }
.bg_licensing { background:url(images/bg_licensing.png) no-repeat !important; }
.bg_contact { background: url(images/bg_map.jpg) !important; }
.bg_box_top { width: 537px; height: 25px; margin: 0 auto; background: url(images/bg_box_round.png) top left no-repeat; }
#post-27  { width: 487px; margin: 0 auto; padding: 0 25px; background: url(images/bg_box_round.png) center no-repeat; }
.bg_box_bottom { width: 537px; height: 25px; margin: 0 auto; background: url(images/bg_box_round.png) bottom left no-repeat; }

/* left sidebar */
#left { background: url(images/bg_box.png); width: 260px; min-height: 300px; float: left; margin: 20px 20px 20px 0; padding: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
   -moz-border-radius-bottomright:10px; -khtml-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;  border-bottom-right-radius:10px;
}
#left h2 { background: #2d77a7; font: normal 18 Arial, Helvetica, sans-serif; color: #fff; text-transform: lowercase; margin: 0; padding: 0 10px; overflow: hidden;  clear: both;
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
}
#left p { margin: 0; padding: 5px 10px; line-height: 14pt; }
#left img { margin: 20px 10px 10px; padding: 0; }
#left ul { margin: 0; padding: 5px 10px; }
#left ul li { margin: 0; padding: 0; line-height: 14pt;	list-style-type: none; }
#left ul ul { margin:14px 0; padding: 10px; }
#left ul ul li { list-style-type: none;	}
#left ul ul ul { margin: 0;	padding: 0; }
#left ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }
#left .join_button { background: url(images/btn_join_the_community.png) no-repeat top left; display: block; width: 170px; height: 35px; margin: 10px auto; }
#left a.join_button:hover { background-position: 0 -35px; }
#left .user, #left .name { display: block; text-align: center; }

/* right sidebar */
#right { background: url(images/bg_box.png); width: 260px; min-height: 300px; float: right; margin: 20px 0 20px 20px; padding: 0; 
   /* optional rounded corners for browsers that support it */
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
   -moz-border-radius-bottomright:10px; -khtml-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;  border-bottom-right-radius:10px;
}
#right h2 { background: #2d77a7; font: normal 18 Arial, Helvetica, sans-serif; color: #fff; text-transform: lowercase; margin: 0; padding: 0 10px; overflow: hidden; clear: both;
   -moz-border-radius-topleft:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px;
}
#right p { margin: 0; padding: 5px 10px; }
#right img { margin: 5px 10px; padding: 0; }
#right ul {	 margin: 10px 0; padding: 5px 10px; overflow: hidden; }
#right ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none;	}
#right ul ul { margin:14px 0; padding: 10px; }
#right ul ul li { list-style-type: none; }
#right ul ul ul { margin: 0; padding: 0; }
#right ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }
#right .post-title { display: block; }
#right .cat-post-item { float: left; }

/* misc */
blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code{ font-family:"Courier New", Courier, monospace; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; }
img.alignleft { display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* footer */
#footer { background: #ccc;	clear: both; width: 985px; margin: 0 auto; padding: 10px; }
#footer p { padding: 0; margin: 0; color: #fff; text-align: left; font: normal 10px Arial, Helvetica, sans-serif; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

/* special */
#scrollingDiv { position: absolute; top: 10px; left: 10px;}
/* topspin bundles 
#selectioncontainer { width: 200px; height: 100px; border: 1px solid #000; padding: 5px; background-color: #ccc; }
#selectioninnercont { border: 1px solid #000; padding: 5px; }
#sizelabel { ; }
#filelabel { ; }
#contBtnContainer { ; }
#cancelButton { ; }
#continueButton { ; }
*/
/* contact form 
.contact_field { width: 300px; height: 20px; font: normal 12px Arial, Helvetica, sans-serif; }
.contact_textarea { width: 300px; height: 200px; font: normal 12px Arial, Helvetica, sans-serif; }
.submit_button { background: url(images/btn_submit.png) no-repeat top left; display: block; width: 95px; height: 35px; margin: 10px auto; border: 0; text-indent: -999em; }
input.submit_button:hover { background-position: 0 -35px; cursor: pointer; }
.ajax-loader { position: relative; top: -40px; left: 80px; }
*/