/*
Theme Name: Citizen
Theme URI: http://www.thisiscitizen.com
Description: Design for the band Citizen
Version: 1.1
Author: James Fanale
Author URI: http://www.fanalecreative.com

*/


.padding {padding:10px;}

/* SPLASH PAGE SPECIFIC (TEMPORARY) */

.black-headline {background:yellow none repeat scroll 0 0;
color:#000000;
float:left;
font-family:helvetica;
font-size:26px;
margin-bottom:15px;
padding:10px 20px;}


/* Begin Typography & Colors */

h4 {border-bottom:1px dotted #CCCCCC;
font-size:14px;
margin:5px 0 10px;
padding-bottom:3px;
text-transform:uppercase;}

.home-icon {position:absolute;
right:0;
top:0;}

span.show-tooltip-text { 
background:#F0FF00 none repeat-x scroll 0 0;
border:1px dotted #000000;
color:black;
display:none;
font-size:11px;
font-weight:bold;
padding:5px 4px 4px;
position:absolute;
text-align:center;
width:130px;
z-index:100;}

a:focus {outline: none;}

a {color:#FF0000;
text-decoration:none;}

a img {border:none;}

img.alignleft {float:left; margin-right:15px; margin-bottom:15px;}

a.black {color:#000000;}

a.black:hover {}

a.grey {color:#cccccc;}

.read-more {color:#FF0000;
font-style:italic;
font-weight:bold;
text-transform:uppercase;}

.more-link {}

p {font-size:12px;
line-height:17px;
margin:10px 0 14px;}


/* LAYOUT IDs */

body {
background:#000000 none repeat scroll 0 0;
color:#000000;
font-family:helvitica,Verdana,Arial,Sans-Serif;
font-size:11px;
margin:0;
padding:0;
text-align:center;
	}


#absolute {background:#000000 none repeat scroll 0 0;
border-bottom:1px solid #999999;
height:30px;
text-align:left;
z-index:9999;
}

#absolute-wrap {margin:0;
position:relative;
width:1000px;
z-index:9999}

#absolute .header-link {display:block;
float:left;
margin:3px 0 0 15px;}

#absolute .header-right-link {display:block;
float:right;
margin-top:2px;}

#main {background:#F8F8F8 url(images/background-body.jpg) no-repeat scroll -13px 95px;
float:left;
overflow:hidden;
text-align:left;
width:100%;
z-index:0;}

#wrapper {
margin:0;
overflow:hidden;
text-align:left;
width:1000px;}

#header {display:block;
height:365px;
overflow:hidden;
position:relative;
width:1000px;}

#logo {
float:left;
height:85px;
width:310px;}

#content {float:left;
margin-bottom:40px;
overflow:hidden;
width:1000px;}

#content-main {background:#FFFFFF none repeat scroll 0 0;
float:left;
margin-bottom:20px;
overflow:hidden;
width:664px;}

#content-main-index {
background:transparent none repeat scroll 0 0;
float:left;
overflow:hidden;}

#footer {background:#000000 none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
float:left;
text-align:left;
width:100%;}

#footer-wrap {color:#CCCCCC;
font-size:11px;
overflow:hidden;
padding:10px 15px 90px;
text-align:left;
text-transform:uppercase;
width:985px;}

.copyright {float:left;
width:40%;}

.footer-links {float:right;
text-align:right;
width:55%;}

.footer-links a {margin-left:17px;}

/* PAGE SPECIFIC */

#news-blog {}

.module-title {background:transparent url(images/background-module-header.jpg) repeat-x scroll left top;
height:34px;
padding-left:10px;
position:relative;}

.module-icon {height:21px;
position:absolute;
right:8px;
top:8px;
width:21px;}

.module-title h2 {color:#000000;
display:block;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
line-height:35px;
margin:0;
text-transform:uppercase;}

.post-content {overflow:hidden;
padding:0 30px 0 10px;}

.post-content h3 {font-size:25px;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0;}

.post-wrap {float:right;
width:455px;}

.post-stats {background:#F0FF00 none repeat scroll 0 0;
color:#000000;
font-size:12px;
font-weight:bold;
padding:10px;
text-transform:uppercase;}

.post-date {border-right:1px dotted;
margin-right:10px;
padding-right:10px;}

img.thumbnail {background:#FFFFFF none repeat scroll 0 0;
float:left;
padding:8px;}


/* NAVIGATION */

ul#navigation {float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:36px 0 0;
overflow:hidden;
padding:0;
position:relative;
z-index:2;}


ul#navigation li {display:inline;
float:left;
font-family:helvetica;
margin-left:29px;
position:relative;
text-transform:uppercase;
z-index:0;}

ul#navigation li a {color:#000000;
display:block;
font-family:monospace;
font-size:19px;
position:relative;
z-index:0;}

#navigation li.current_page_item a, #nav li.current_page a:hover {background-position: left -104px; }

#navigation li a:hover {
background-position: left -52px;
color:#ff0000;
}

/*
li#nav-home a {
background:transparent url(images/nav-home.jpg) no-repeat scroll left top;
width:61px;}

li#nav-news a {
background:transparent url(images/nav-news.jpg) no-repeat scroll left top;
width:61px;}

li#nav-tour a {
background:transparent url(images/nav-tour.jpg) no-repeat scroll left top;
width:61px;}

li#nav-blog a {
background:transparent url(images/nav-blog.jpg) no-repeat scroll left top;
width:61px;}

li#nav-contact a {
background:transparent url(images/nav-contact.jpg) no-repeat scroll left top;
width:90px;}
*/

/* LAYOUT CLASSES */

.full-width {clear:both;
width:100%;}

.max-height {height:1022px;}

div.post {display:block;
overflow:hidden;
padding-bottom:40px;
width:100%;}

h2.headline {
float:left;
margin:0;
position:relative;}

h2.headline a {
background:#F0FF00 none repeat scroll 0 0;
color:#000000;
display:block;
font-size:27px;
font-weight:normal;
letter-spacing:-2px;
margin-bottom:14px;
padding:8px 45px 8px 22px;}

h2.headline a:hover {text-decoration:underline;}

.border-top {border-top:1px dotted #000;}

.border-bottom {border-bottom:1px dotted #000;}

.indent {padding:10px 13px;}

.margin-right {margin-right:10px; }


/* SIDEBAR */

#sidebar {float:right;
width:300px;}

#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}

li#tweet-blender {background:#FFFFFF none repeat scroll 0 0;
margin-bottom:25px;}

ul#tweetlist {padding:0 13px !important;}

ul#tweetlist li {margin-top:2px !important;
min-height:0 !important;
padding-top:5px !important;}

ul#tweetlist li a {color:#000000 !important;}

.tb_author {font-weight:bold !important; }

#tweetblender {overflow:hidden;
padding-bottom:5px;
padding-left:0 !important;
padding-right:0 !important;
padding-top:0 !important;}

.sidebar-module {background:#FFFFFF none repeat scroll 0 0;
margin-bottom:22px;}

ul.twitter, ul.feed {list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:relative;}

li.twitter-item {border-bottom:1px dotted #CCCCCC;
margin-bottom:8px;
padding-bottom:8px;}

#twitter ul.twitter li, ul.feed li {border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
padding-bottom:10px;}

.timestamp, ul#tweetlist li .tb_tweetinfo a {color:#FF0000 !important;
display:block;
font-size:10px;
font-style:italic;
font-weight:bold;
margin-top:5px;}

ul.feed h3 {font-size:14px;
margin-bottom:3px;
margin-top:0;}

ul.feed li {padding-right:40px;
position:relative;
width:235px;}

ul.feed li .comment-count {background:transparent url(images/icon-comments.jpg) no-repeat scroll 0 0;
color:#E9E9E9;
font-size:12px;
font-weight:bold;
height:24px;
line-height:17px;
position:absolute;
right:0;
text-align:center;
width:34px;}

ul.feed li p {margin:3px 0;}

/* COMMENT STYLES */

#commentsWrap {border-bottom:1px dotted;
border-top:1px dotted;
float:left;
}

#commentsWrap h3.comments, #respond h3 {background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:19px;
font-weight:normal;
margin:2px 0;
padding:6px 10px;
text-transform:uppercase;}

#respond h3 {border:none !important; }

ol.commentlist {list-style-image:none;
list-style-position:inside;
list-style-type:none;
overflow:hidden;
padding:0;
width:664px;
margin:8px 0 8px;}

ol.commentlist li {background:#f5f5f5;
border-bottom:1px dotted;
float:left;
list-style-image:none;
list-style-type:none;
overflow:hidden;
padding:0;
width:664px;
padding-top:10px;}

ol.commentlist li.alt {background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px dotted;
float:left;
list-style-image:none;
list-style-type:none;
overflow:hidden;
padding:0;
width:664px;
padding-top:10px;}

div.comment-wrap {margin-right:20px;
position:relative;
float:right;
width:523px;}

div.comment-wrap img.avatar {left:-108px;
position:absolute;
top:5px;}

div.comment-stats {font-size:12px;
font-weight:bold;
position:relative;
text-transform:uppercase;
width:520px;}

div.comment-stats span.date {position:absolute;
right:0;}

div.comment-text {float:right;
padding-bottom:50px;
width:520px;}

form#commentform {margin:0 12px;}

#commentform input {border:1px solid #888888;
font-size:14px;
margin-right:3px;
padding:5px;
width:400px;}

#commentform label {text-transform:uppercase;}

#commentform textarea {height:112px;
width:635px;}

#commentform input#submit {
background:#F0FF00 none repeat scroll 0 0;
border:1px solid #000000;
display:block;
font-weight:bold;
text-transform:uppercase;
width:158px;}

.required {color:#FF0000;
font-weight:normal;}


/* CONTACT PAGE */

div#message-band {float:right;
margin-bottom:30px;
width:400px;}

div#booking-band {float:left;}

ol.cf-ol {list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}

#cformsform ol.cf-ol li label {
float:left;
color:#585858;
display:block;
font-family:helvetica;
font-size:9px;
margin-bottom:2px;
padding-top:6px;
text-transform:uppercase;
width:100%;
}

#cformsform input {
border:1px solid #999999;
color:#3F3F3F;
font-size:15px;
margin-bottom:8px;
padding:7px;
width:335px;}

span.reqtxt, span.emailreqtxt {color:#FF0000;
margin-left:7px;}

#cf_field_3 {border:1px solid #999999;
color:#3F3F3F;
font-family:helvetica;
font-size:13px;
padding:8px;
width:376px;}

.cf_hidden {border:medium none;
height:1px;
margin:0;
padding:0;}

#sendbutton {background:#F0FF00 none repeat scroll 0 0;
border:1px solid #000000 !important;
display:block;
font-weight:bold;
text-transform:uppercase;
width:158px !important;}





/* TOP PANEL */

/* sliding panel */
#toppanel {
float:right;
font-size:130%;
height:30px;
position:relative;
right:0;
text-align:center;
top:0;
width:320px;
z-index:999 !important;
}
 
#panel {
	background:#000000 none repeat scroll 0 0;
border-color:-moz-use-text-color #707071 #707071;
border-style:none solid solid;
border-width:medium 1px 1px;
color:#999999;
display:none;
height:130px;
position:absolute;
right:0;
top:30px;
width:100%;
z-index:9999;}

 
#panel p {
margin:5px 0 15px;
padding:0 5px;
}
 
#panel a {
	text-decoration: none;
	color: #15ADFF;
}
  
#panel .content {
font-size:0.85em;
margin:0 auto;
padding-top:3px;
text-align:left;
width:100%;
z-index:999;}
 
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
 
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}
 
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
 
/* Panel Tab/button */

.search-box {overflow:hidden;
padding:0 10px 10px;}

.search-box input {
float:left;
margin-left:4px;
margin-right:1px;
/width:190px;}

input#searchsubmit {background-color:#00B8F6;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border:medium none;
color:#FFFFFF;
float:right;
height:22px;
margin-bottom:0;
margin-right:4px;
text-transform:uppercase;
/width:75px;}

.tab {
height:38px;
position:relative;
right:0;
top:-2px;
z-index:9999;
}
 
.tab ul.login {
	clear:right;
display:block;
float:right;
font-size:80%;
font-weight:bold;
height:42px;
line-height:42px;
margin:0;
position:relative;
right:0;
}
 
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
}
 
.tab ul.login li a {
	color: #15ADFF;
}
 
.tab ul.login li a:hover {
	color: white;
}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	cursor:pointer;
display:block;
height:28px;
line-height:20px !important;
position:absolute;
right:4px;
top:3px;
width:145px;}
 
.tab a.open, .tab a.open:hover {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close, .tab a.close:hover {background: url(images/bt_close.png) no-repeat left 0;}

form#vresponse {}
form#vresponse input {float:left;
font-size:15px;
padding:3px;
width:185px;}
form#vresponse input#vresponse-submit {background:#EEEEEE none repeat scroll 0 0;
border:1px solid #888888;
float:right;
font-family:helvetica;
font-size:13px;
font-weight:bold;
height:31px;
text-transform:uppercase;
width:80px;}

/* SHOW POST STYLES */

.show-post {overflow:hidden;}

.show-post-wrap {padding:10px;}

.show-date {background:transparent url(images/show-calendar-icon.gif) no-repeat scroll center top;
float:left;
height:64px;
padding-top:12px;
text-align:center;
width:54px;}

.show-date .month {color:#5B5B5B;
font-size:15px;
text-transform:uppercase;}

.show-date .day {color:#5B5B5B;
font-size:25px;
font-weight:bold;
letter-spacing:-1px;
line-height:16px;}

.show-info {float:left;
padding:13px;
width:558px;}

.show-info .location {float:left;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
width:100%;}

.show-info .city-state {float:left;}

.show-info .venue {border-left:1px dotted;
float:left;
margin-left:20px;
padding-left:20px;}

.show-links {border-top:1px dotted #BBBBBB;
float:left;
padding-bottom:4px;
padding-top:8px;
width:100%;}

.show-links img {margin-bottom:4px; }

.single-date {margin:10px;}

.odd {}

.even {background:#F2F2F2 none repeat scroll 0 0;}