/*
Theme Name: The Cliks
Theme URI: http://www.thecliks.com/
Description: The Cliks.
Version: 1.6
Author: Offshoot Inc.
Author URI: http://www.offshootinc.com/
Tags: cliks

	The Cliks
	 http://www.thecliks.com

	This theme was designed and built by Offshoot Inc.,
	whose blog you will find at http://www.offshootinc.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
	background:transparent url(http://thecliks.dev.offshootinc.com/imgs/bg.png) no-repeat scroll left top;
	font-family:helvetica,arial,sans serif;
	font-size:12px;
}	

#pre-wrap,
#wrap,
#post-wrap {
    width:900px;
    margin-left:90px;
}

#level-1 {
	padding:20px 100px 0 0;
}

#level-2 {
    float:left;
    padding-top:100px;
}

#level-3 {
    display:none;
}

#level-4 {
    display:none;
}

#content {
    float:right;
    width:702px;
    padding:95px 0 0 0;
    background:url(/imgs/content-bg.png) no-repeat top left;   
    color:#fff;
}

#content .in {
	background:url(/imgs/content-in-bg.jpg) repeat-y top left;
    padding:0 100px 1px 75px;
    min-height:400px;
}

#content #btm {
	height:213px;
	background:url(/imgs/btm-bg.png) no-repeat top left;
}

h1 {
    float:right;
}

h1 a span {
    display:none;
}

h1 a {
    background:url(/imgs/logo.png) no-repeat top left;
    display:block;
    height:98px;
    width:154px;
}


/* titles */
h1 {
	font-size:25px;
}

.title {
	margin-bottom:24px;
	padding:0 12px 12px 12px;
	background:url(/imgs/title-bg.gif) no-repeat bottom left;
}

.objects .object .title {
	margin:0;
	padding:0;
	background:none;
}

h3,
.links {
	font-size:18px;
}

.title h3 {
    float:left;
}

.links {
    float:right;
}

.info h3,
.admin-actions {
	font-size:15px;
}
/* - */



/* admin-actions */
.admin-actions {
    float:right;
    margin-left:20px;
    font-size:18px;
}
/* - */


.list .list {
    clear:both;
}

/* object */
.object {
    clear:both;
    /*border:1px solid #fff;*/
    padding:0 12px 12px 12px;
border-bottom:1px dashed #3F3F3F;
margin-bottom:16px;  
}

#objects-links .object,
#objects-shows .object {
	padding:0 12px 12px 12px;
}




/* ie testing */
#objects-shows .object .title {
	margin:0;
	padding:0;
}

#objects-shows .object .



#objects-shows .object .info {
	margin-bottom:0;
}
/* - */










#objects-videos .object {
	margin:0;
	padding:0 12px;
	border:none;
}

#objects-videos .object .object {
	padding:0 0 12px 0;
	border:none;
	border-bottom:1px dashed #3F3F3F;
	margin-bottom:20px;
}

.object img {
	background:#2F2F2F none repeat scroll 0 0;
	border:4px solid #1F1F1F;
	padding:1px;
}

.object .object {
    padding:0;
}
.icon {
    float:left;
    margin:0 10px 10px 0;
}






/* navigation */
#level-2 a {
	font-size:17px;
	color:#000;
	font-weight:bold;
}

#level-2 a:hover,
#level-2 h2 a {
	color:#cc0000;
}

#level-2 h2 a {
	font-size:28px;
}

#mp3-2 {
    display:none;
}

#youtube-2,
#flickr-2,
#twitter-2 {
    margin-bottom:6px;
}

#youtube-2 {
    margin-top:24px;
}

#flickr-2 {
    margin-bottom:8px;
}

#twitter-2 {
	margin:24px 0;
}

#youtube-2 a,
#flickr-2 a,
#twitter-2 a {
    display:block;
}

#youtube-2 span,
#flickr-2 span,
#twitter-2 span {
    display:none;
}

#youtube-2 a {
    width:66px;
    height:28px;
    background:url(/imgs/youtube.png) no-repeat top left;
}

#flickr-2 a {
    width:48px;
    height:16px;
    background:url(/imgs/flickr.png) no-repeat top left;
}

#twitter-2 a {
    width:71px;
    height:18px;
    background:url(/imgs/twitter.png) no-repeat top left;
}   
/* - */







/* custom links */

#custom-links {
    margin-top:24px;
}

#custom-links a {
    display:block;
    margin-bottom:5px;
}

#custom-links a span {
    display:none;
}

a#myspace {
    width:121px;
    height:24px;
    background:url(/imgs/myspace.png) no-repeat top left;
}

#killthe8 {
    width:93px;
    height:28px;
    background:url(/imgs/killthe8.png) no-repeat top left;
}

a#itunes {
    width:76px;
    height:24px;
    background:url(/imgs/itunes.png) no-repeat top left;
    display:none;
}

#facebook {
    width:78px;
    height:16px;
    background:url(/imgs/facebook.png) no-repeat top left;
}







/* forms */


.zend_form dd {
	padding-left:24px;
}

.zend_form dd input {
	width:300px;
}

.zend_form dd textarea {
	width:350px;
}

.zend_form dd {
    margin-bottom:10px;
}

.zend_form dt {
    margin-bottom:5px;
    font-size:13px;
    font-weight:bold;
}

.zend_form #save-element input,
.zend_form #signup-element input,
.zend_form #update_password-element input {
	width:auto;
}

#update_password-label,
#save-label,
#signup-label {
	display:none;
}

#save-element,
#update_password-element {
	margin-bottom:20px;
}

.dijitCalendarContainer {
	background:#fff;
}

#widget_date,
#widget_time {
	background:#fff;
	color:#000;
}
/* - */



.featured {
    display:block;
    clear:both;
     font-size:15px;   
}

.title h3 {
    font-size:28px;
}

.object .title h3 {
	font-size:20px;
}

p {
    margin:8px 0;
    line-height:180%;
}

.instruction {
    padding:10px;
    background:#1f1f1f;
    margin:0 0 24px 0;
}

.instruction p {
	margin:0;
	/*background:#000;*/
	/*padding:10px;*/
}

.embeded-video {display:none;}

#objects-band-members .info,
#objects-downloads .info {
	float:left;
    width:320px;
}

#objects-videos .info {
	width:100%;
	float:left;	
}

#objects-photos .objects .object {
	float:left;
	clear:none;
	padding:0 12px 12px 0;
	margin:0 0 -12px 0;
	border:none;
}

#objects-youtube-channels .objects .title {
	margin-top:12px;
	margin-bottom:12px;
}

#objects-youtube-channels .object .object .title {
	margin-top:6px;
	margin-bottom:0;
} 

#objects-youtube-channels .objects .title h3 {
	font-size:16px;
} 

#objects-youtube-channels .object .object .title h3 {
	font-size:14px;
}

#objects-youtube-channels .object .objects {
	background:#1f1f1f;
	padding:0 12px 12px 12px;
}

#objects-youtube-channels .admin-actions {
	float:left;
}

#objects-youtube-channels .object .title {
	float:left;
}

#objects-youtube-channels .object .object .title {
	float:none;
}

#objects-youtube-channels .featured {
	clear:none;
	float:right;
	font-size:18px;
}

#objects-youtube-channels .objects .featured {
	clear:both;
	float:none;
	font-size:13px;
}

#objects-youtube-channels .objects {
	clear:both;
}

#btm {
    position:relative;
    font-size:11px;
    font-weight:bold;
    color:#000;
    margin-bottom:100px;
}

#btm div {
    position:absolute;
}

#copyright {
    bottom:-10px;
    right:70px;
}

#promofact {
    bottom:-10px;
    left:40px;
}







/* links */
a {
	color:#cc0000;
}
/* - */



/* This file sets up general stuff that every site uses */


/* general declarations */
* {
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
}

a img {
	border:none;
}

ul {
	list-style:none;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}
/* ---- */



/* object.css */

/* .list */
.list .modify,
.list .list,
.list .body,
.list .title .text,
.modify .user
	{display:none;}

/* .modify */
.modify .icon,
.modify .list,
.modify .body,
.modify .featured,
.modify .title .link,
.modify .user
	{display:none;}
	
/* detail */
.detail .modify,
.detail .featured,
.detail .title .text
	{display:none;}
	
	
	
	

	
#comments {
	margin-bottom:12px;
}

.comment {
background:#1F1F1F none repeat scroll 0 0;
margin-bottom:12px;
padding:12px;
}

.commentlist {
	margin-bottom:24px;
}

.posts h3 {
	color:#cc0000;
}

.posts .featured {
	font-size:12px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.navigation {
	margin-bottom:24px;
	font-size:15px;
	font-weight:bold;
}

#news-sub form input {
    margin-bottom:5px;
    
}

#news-sub h4 {
    font-size:15px;
    color:#cc0000;
}

#level-2 #news-sub a {
    font-size:12px;
    margin-left:12px;
}

#level-2 #news-sub #s {
	width:100px;
}

#level-2 #news-sub .hidden {
	display:none;
}

#news-sub ul {
	margin-bottom:8px;
}

#news-sub {
	background:#EFEFEF none repeat scroll 0 0;
	border-left:1px dotted #000000;
	margin:6px 0;
	padding:12px 12px 6px 12px;
}

#btm {
    position:relative;
    font-size:11px;
    font-weight:bold;
    color:#000;
    margin-bottom:100px;
}

#btm div {
    position:absolute;
}

#copyright {
    bottom:-10px;
    right:70px;
}

#promofact {
    bottom:-10px;
    left:40px;
}

#flash {
	width:284px;
	height:173px;
	background:url(/imgs/flash.jpg) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
}

#flash a {
left:60px;
position:absolute;
top:40px;
}