@charset "UTF-8";
/* --- CSS Document ----------------- */
/* --- LOGO BLUE SWATCH - #1AB7EA --- */
/* --- ORANGE SWATCH - #C60 ------ */

*, body, div, a {
	outline:none;
	}
body {
	background: #222222;
	margin: 0;
	padding: 0;
	font: normal 100%/normal "Trebuchet MS", Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	}
hr {
	width: 95%;
	margin: 0 auto;
	display: block;
	}
a:link, a:active, a:visited {
	color: #1AB7EA;
	text-decoration: underline;
	}
a:link img, a:active img, a:visited img {
	border: 3px solid #1AB7EA;
	}
a:hover {
	color: #C60;
	text-decoration: none;
	}
a:hover img {
	border-color: #C60;
	}
	
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}	

.noborder,
#leftnav li.noborder,
#bottomnav li.noborder  {
	border: none;
	}
.clear {
	clear: both;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.small {
	font-size: 11px;
}

/* --- SPLASH PAGE --- */

#splash {
	width: 625px;
	margin: 10px auto 0;
	}


/* --- MAIN CONTAINER --- */

#container {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	}
	
/* --- LEFT CONTAINER --- */
	
#leftcontent {
	background: transparent url(/images/left-bg.jpg) no-repeat left top;
	float: left;
	width: 340px;
	min-height:750px;
	margin: 0;
	padding: 0 0 10px 0;
	}

/* --- LOGO --- */

#logo {
	width: 269px;
	padding: 5px 0 0 70px;
	margin: 0;
	overflow: hidden;
	}
#logo a {
	background: transparent url(/images/kronik-energy-badge.gif) no-repeat;
	width: 269px;
	height: 250px;
	display: block;
	text-indent: -999px;
	}
	
/* --- LEFT NAVIGATION --- */

#leftnav {
	list-style: none;
	width: 155px;
	padding: 5px 0 15px 130px;
	margin: 0;
	}
#leftnav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #243338;
	}
#leftnav li a:link,
#leftnav li a:active,
#leftnav li a:visited {
	padding: 0 0 0 10px;
	margin: 4px 0 5px;
	display: block;
	text-decoration: none;
	color: #FFF;
	}
#leftnav li a:hover {
	background: #C60;
	}
	
#lefticons {
	list-style: none;
	width: 150px;
	padding: 0 0 0 135px;
	margin: 0 0 120px 0;
}
#lefticons li {
	float: left;
	padding: 5px 0 0 15px;
}
#lefticons a img {
	border: none;
}

/* --- FIND KRONIK IMAGE --- */

#find-kronik {
	text-align: right;
	padding: 40px 20px 0 0;
	margin: 0 0 0 0;
	}
#find-kronik a,
#find-kronik a img {
	border: 0;
	}

/* --- HOMEPAGE FLICKR PHOTOS --- */
	
#homeflickr {
	width: 230px;
	font-size: 80%;
	margin: 10px 0 20px 85px;
	padding: 0;
	}
#homeflickrtext {
	float: left;
	width: 135px;
	}
#homeflickrlogo {
	float: left;
	padding: 2px 0 0 5px;
	}
#homeflickrpics {
	clear: left;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: center;
	}
#homeflickrpics a img {
	margin: 10px 15px;
	border: 1px solid #666;
	}
#homeflickrjoin {
	font-size: 90%;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: right;
	}
	
/* --- RIGHT CONTAINER --- */
	
#rightcontent {
	position: relative;
	background: transparent url(/images/right-bg.jpg) no-repeat right top;
	float: right;
	width: 650px;
	height: 177px;
	margin: 0;
	padding: 0;
	}
	
#kronikradio, #buykronik {
	text-align: right;
	padding-right: 45px;
	}
#buykronik a:link img,
#buykronik a:visited img,
#kronikradio a:link img,
#kronikradio a:visited img {
	border: 0;
	}

/* --- MP3 PLAYER --- */

#musicplayer p {
	font-size: 11px;
	}

#player {
	width: 250px;
	height: 85px;
	position: absolute;
	right: 65px;
	top: 65px;
	}
#noflashtext {
	background: url(/images/download-flash.gif) no-repeat;
	width: 158px;
	height: 63px;
	padding: 12px 80px 10px 12px;
	}
#noflashtext a:link,
#noflashtext a:visited {
	color: #FFF;
	}
#noflashtext a:hover {
	color: #000;
	}
	
/* --- FLASH TEXT --- */


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text
should show up just fine,
not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


h2.flash {
	/* visibility: hidden; */
	letter-spacing: -5px;
	font-size: 65px;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

	
/* --- ROTATING BANNER --- */
	
#rotator {
	text-align: center;
	margin: 0 auto 30px;
	height: 150px;
	width: 550px;
	border: 3px solid #666;
	}
#rotator img {
	border: none;
	}
	
.mainbanner	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 154px;
	overflow: hidden;
}

/* --- MAIN CONTAINER --- */
	
#maincontent {
	background: transparent url(/images/content-bg.jpg) no-repeat right top;
	float: right;
	width: 640px;
	padding: 30px 5px 10px;
	margin: 0;
	min-height: 500px;
	}
#maincontent p {
	padding: 0 20px;
	}
#whatsinkronik a:link img,
#whatsinkronik a:visited img {
	border: 0;
	}
	
/* --- INGREDIENTS --- */
	
.caninfo {
	margin: 0;
	padding: 10px 0;
	clear: left;
	height: 1%;
	}
.caninfo h3 {
	text-transform: uppercase;
	}
.canimg {
	margin: 0;
	padding: 0;
	float: left;
	}
.caningredients {
	margin: 0;
	padding: 0;
	float: right;
	width: 160px;
	height: 300px;
	text-align: center;
	}
.ingredients {
	font-size: 90%;
	}

/* --- FIND KRONIK --- */
	
#findkronik-top {
	margin: 5px 40px 20px;
	font-size: 120%;
	}
#findkronik-dude {
	float:left;
	padding: 0 25px;
	margin: 0 0 0 10px;
	text-align: center;
	}
#findkronik-logos {
	float: left;
	width: 150px;
	text-align: center;
	}
#findkronik-logos img {
	margin: 10px auto;
	display: block;
	}
#findkronik-bttmlogos {
	padding: 0 30px;
	}
#findkronik-bttmlogos img {
	margin: 5px 10px;
	}

.findKronikList td {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	text-transform: uppercase;
}

.row0 {
	_background: #2A2A2A;
}

	
/* --- PHOTO GALLERY --- */
	
#gallerysets {
	border: 2px solid #000;
	width: 500px;
	margin: 10px auto;
	}
#setlisttitle {
	background: #000;
	display: block;
	padding: 4px 0 4px 4px;
	}
#gallerysetlist {
	height: 165px;
	width: 500px;
	overflow: auto;
	background: #FFF;
	margin: 0;
	padding: 0;
	}

#gallerysetlist table {
	height: 150px;
	overflow: hidden;
	}
#gallerysetlist table td {
	width: 100px;
	font-size: 10px;
	text-align: center;
	color: #000;
	vertical-align: top;
	padding: 5px 15px;
	}
#gallerysetlist table td a:link,
#gallerysetlist table td a:visited {
	display: block;
	}

	
#galleryphotos {
	margin: 10px 0 0 0;
	}
#galleryphotos a img{
	margin: 5px;
	}
	
/* --- TEAM --- */
	
#team h3 {
	display: block;
	text-transform: uppercase;
	margin: 10px 15px;
	padding: 0 20px;
	color: #FFF;
	font-size: 20px;
	background-color: #1AB7EA;
	}
.teamgroup {
	margin: 0 15px 25px;
	padding: 10px;
	}
.trinity a img {
	height: 110px;
}
.teamgroup h4 {
	padding: 10px 0 0 10px;
	}
.teamgroup p {
	margin: 0;
	padding: 0;
	}
	
#teamdetails {
	
	}
#teamdetails img {
	float: left;
	display: block;
	margin-right: 20px;
	}
#teamdetails h3 {
	display: block;
	padding: 10px 0 5px;
	}
#teamdetailspics a img {
	margin: 0 0 5px 5px;
	}
	
/* --- TEAM BLOG POSTS --- */


.wp_blog_posts {
	list-style: none;
	}
.wp_post {
	margin: 0 0 10px 0;
	}
.wp_post h4 {
	margin: 0;
	padding: 0;
	}
.postcontent {
	font-size: 13px;
	}
.postcontent img {
	display: none;
	}
.readmorelink {
	font-size: 12px;
	text-align: right;
	}
	
/* --- EVENTS --- */

.eventinfo {
	margin: 0;
	width: 290px;
	float:left;
	padding: 15px;
	}
.eventinfo h3 {
	padding: 0 0 10px 0;
	}
.eventinfo p {
	margin: 0;
	padding: 0;
	}
.eventinfo a:link img,
.eventinfo a:visited img {
	float: right;
	}
	
/* --- ADS --- */
	
#ads {
	padding: 0 15px;
	}
.adinfo {	
	border: 1px solid #000;
	padding: 0 0 10px 0;
	}
.adinfo p {
	float: left;
	width: 150px;
	margin: 5px 10px;
	text-align: center;
	}
.adinfo p img {
	display: block;
	margin: 5px auto;
	}	

/* --- DOWNLOADS --- */

.downloaditems {
	margin: 5px 20px 20px;
	border: 1px solid #000;
	}
.wallpapers {
	margin: 0;
	padding: 5px 16px 10px;
	text-align: center;
	width: 250px;
	float: left;
	}
.wallpapers p {
	margin: 0;
	padding: 0;
	}
.wallpapers img {
	display: block;
	margin: 5px;
	}
.wallpapers ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}

	
/* --- FRIENDS OF KRONIK --- */

#friendsimgs {
	width: 555px;
	margin: 0 auto;
	}
#friendsimgs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#friendsimgs li {
	float: left;
	margin: 0;
	padding: 10px;
	}
	
/* --- BANDS --- */
	
#bandslist a {
	text-decoration: none;
}
#bandslist a img {
	display: block;
}
#bandslist p {
	text-align: center;
	}

/* --- REVIEWS --- */

.reviews {
	float: left;
	width: 275px;
	margin: 10px;
}
.reviews a {
	display: block;
	margin: 0 0 10px;
}
.reviews li {
	padding: 10px 0;
}

/* --- CONTACT US --- */

#contactleft,
#contactright {
	width: 45%;
	float: left;
	padding: 0 0 0 10px;
	margin: 0 5px;
	}
#contactleft strong,
#contactright strong {
	display: block;
	font-size: 125%;
	text-decoration: underline;
	margin: 0 0 0 -20px;
	padding: 0;
	}
#contact-sponsor {
	font-size: 90%;
	margin:10px 40px;
	padding: 5px;
	background-color:#333;
	border: 1px solid #222;
	}
	
/* --- FOOTER --- */
	
#footer {
	border-top: 1px solid #000;
	padding: 0 0 30px;
	margin: 0 50px;
	color: #666;
	clear: both;
	position: relative;
	}
#bottomnav {
	width: 475px;
	padding: 5px 0 0 0;
	margin: 5px 0;
	list-style: none;
	}
#bottomnav li {
	display: block;
	float: left;
	border-right: 1px solid #333;
	margin-bottom: 3px;
	}
#bottomnav li a:link,
#bottomnav li a:active,
#bottomnav li a:visited {
	font-size: 70%;
	display: block;
	color: #666;
	padding: 0 5px;
	margin: 0 5px;
	}
#copyright {
	font-size: 75%;
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
	}
#backtotop {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 80px;
	text-align: right;
	font-size: 10px;
	}
#backtotop a:link,
#backtotop a:visited {
	background: transparent url(/images/uparrow.gif) no-repeat top right;
	padding: 2px 15px 0 0;
	height: 13px;
	display: block;
	}
#backtotop a:hover {
	background-position: bottom right;
	}