@charset "utf-8"; 
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal; font-weight: normal;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
q: before,q: after{content: '';}
abbr,acronym #
/* to preserve line-height and selector appearance */
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select{font-family: inherit; font-size: inherit; font-weight: inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size: 100%;}
/*because legend doesn't inherit in IE */
legend{color: #000;}
del,ins{text-decoration: none;}
a img {border: none;}
/* end reset */


/* dev 

div {border: 1px solid red;} */

/* basics */
body {text-align: center;}
.clear_floats {clear: both;}

/* 	Structure */
#container {margin: 0 auto; width: 950px;text-align: left;position: relative;}

#header {position: relative; width: 950px; height: 150px; margin: 10px 0;}
#header #top_logo {float: left;}
#header #header_menu {position: absolute; right: 0; width: 650px; height: 150px; background: #fff;}

#content_container {position: relative; width: 950px; float: left; display: block;}
/* note: float: left because the container of floated elements looses its height when not also floated and thus looses margin */

#content_container .column {float: left; padding: 15px 10px; background: #fff;margin-bottom: 20px;}
#content_container #c2, #content_container #c3	{margin-left: 10px;}	

#layout1 #c1	{width: 470px;}	
#layout1 #c2	{width: 200px;}	
#layout1 #c3	{width: 200px;}	

#layout2 #c1	{width: 470px;}	
#layout2 #c2	{width: 430px;}

#layout3 #c1	{width: 700px;}	
#layout3 #c2	{width: 200px;}	

#layout4 #c1	{width: 930px;}	


			
/* --- begin on all pages --- */

hr { text-align: left; width: 100%; height: 8px; color: #ccc; border: none; margin: 10px 0 20px 0; background-color: #ccc; border: 0px solid #ccc;}


/* header */
#header #top_logo h1 {display: inline; width: 300px; text-indent: -2000px;}
#header #top_logo h1 a {display: block; border: none; width: 300px; height: 150px; background: url(/images/iyb_top-logo-trans-black.png) no-repeat;}

#tool_box {padding: 20px 10px 0 0; width:200px;float: right;text-align: right;float: right;}
#tool_box ul { font-size: 12px;}
#tool_box li {padding: 0 5px 4px 0;}

#tool_box a.tool {float: right;text-align: left;display:block;width:100px;height:17px;background: url('/images/pictos.png') no-repeat;}
#tool_box a.tool:hover {background: url('/images/pictos.png') no-repeat;}
#tool_box a.tool_rss 			{ background-position: 0 		0;}
#tool_box a.tool_rss:hover 		{ background-position: -100px 	0;}
#tool_box a.tool_pod 			{ background-position: 0 		-17px;}
#tool_box a.tool_pod:hover 		{ background-position: -100px 	-17px;}
#tool_box a.tool_cal 			{ background-position: 0 		-34px;} 
#tool_box a.tool_cal:hover 		{ background-position: -100px 	-34px;}
#tool_box a.tool_email 			{ background-position: 0 		-51px;} 
#tool_box a.tool_email:hover 	{ background-position: -100px 	-51px;}

#tool_box #tool_search {clear: both;}
#tool_box #q /* input search box */ {width: 12px; margin-right: 7px; margin-left: 27px; font-size: 8px;}


#header_menu #base_menu {height: 30px; width: 200px; margin-top: 108px;}
#header_menu #base_menu ul {text-align: left;}
#header_menu #base_menu ul li a {color: #ccc;}




/* --- end on all pages --- */


/* --- begin page specifics --- */
/* home page specifics */

.article_body, #c1 .article, .article_banner img, .banner_full img  {width: 470px;}

.article_banner span.banner {display: block; height: 100px; overflow: hidden;}

#c1 .metadata {width: 470px;font-size:8px;margin-top: 10px; }
#c1 .author {font-size:8px;position: absolute; background:#fff;padding:1px 8px 2px 10px;font-weight: bold;text-transform: uppercase; }
#c1 .author a {color:black;}

/* news */


/* shouts */

#shouts #shouts_form {}
#shouts #shout-form .silenced {background: #eee; padding:2px 5px; }

#shouts .new_shout /* form */ {}
#shouts #new_shout /* form */ {}
#shouts #shout_message /* input */ {width:130px;display: inline;margin:0 5px 10px 0;border:3px solid #ccc;}
#shouts #shout_message:hover /* input */ {border:3px solid #39c;}

#shouts #shouts_content /* ul */ {}
#shouts .when {color:#ccc;}

#shouts .button:hover {background:#39c url(/images/button-bg.png) repeat-x scroll left top;cursor:pointer;}
#shouts .button {background:#ccc none repeat scroll 0 0;margin-bottom: 10px;}

/* mixes */
#mixes .bastard_mixes:before {content:'By the people';}

#people_mixes {}
.more {}	

/* ad */		
#ad {}
		  
.ad_img /* img */ {margin:0 auto;}		  

.sponsored_link {}

/* participate */
				
#participate {}


/* article page specifics */

#c2 .comment .body {width:300px;padding-right: 20px;float: left;}
#c2 .comment p.author {font-size: 12px;margin-bottom: 3px;width:100px;overflow-x: hidden; }
#c2 .comment .metadata {float: left;width:101px;}
#c2 .comment hr {clear: both;}

#comment_form {float: right;width:300px;padding-right: 20px;}
#comment_form textarea {height:160px;width:280px;padding:5px;border:1px solid #ccc;font-family:"Lucida Grande",Arial,Helvetica,Sans-Serif;margin-bottom: 5px;}

.comment_inputs {float:left;margin:0 9px 9px 0;width:30%;}
.comment_inputs input {width:85px;border:1px solid #ccc;margin-top: 3px;}

#comment_form .button {margin:15px 10px 0 0;}

/* parties specifics  */

#add_party_form {margin-left:100px;}

.party_inputs {float:left;margin:2px 0;width:100%;}
.party_inputs label {display:block;}
.party_inputs p.tip {margin-top: 5px;}

.party_inputs input {width:280px;border:1px solid #ccc;margin-top: 3px;}
.party_inputs textarea {width:280px;border:1px solid #ccc;margin-top: 3px;}

#add_party_form .button {margin:15px 50px 0 0;}



div.errorExplanation {}
div#errorExplanation {width:260px;background: #fcf; padding: 10px; margin: 10px 0;}

.errorExplanation h2 {font-size: 20px;font-variant: small-caps;}
.errorExplanation p {}
.errorExplanation ul {font-weight: bold;}
.errorExplanation li {list-style: inside square;font-size: 12px;}

div.flyer {display:block;height: 100px;overflow: hidden;}
div.flyer img {width:450px;}
div.big_flyer {margin-bottom: 10px;}
div.big_flyer img {max-width:450px;}


.parties div.address {width:235px;float:left;padding: 5px 5px 5px 18px;}
.parties div.notes {width:200px;float:left;padding-top: 10px;}
.parties div.lineup {clear:both;border-top: 2px solid #ccc;padding: 5px;border-left: 5px solid #ccc;margin-left: 10px;}
/* --- end page specifics --- */


/* typography */
body{font: 10px/1.2 Verdana, Helvetica, Arial, sans-serif; color: #222;}


h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial,sans-serif; letter-spacing: -1px; font-size-adjust: none; font-weight: bold;}
h1{font-size: 24px; line-height: 22px;}
h2{font-size: 22px; line-height: 21px;}
h3{font-size: 18px; line-height: 16px;}
h4{font-size: 16px; line-height: 16px;}
h5{font-size: 14px; line-height: 16px;}
h6{font-size: 13px; line-height: 16px;}


h2, h3, h4 {text-transform: uppercase;}

ul, p, h2, h3, h4 {margin-bottom: 10px;}
ul ul {padding-left: 5px;}

.nextsection {margin-top: 60px; text-align: right;}

strong {font-weight: bold;}
em {font-weight: bold;}

/* links */
a {font-weight: 700; text-decoration: none;}
a:link {color: #06a;}
a:visited {color: #39c;}
a:link:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active {color: #000; text-decoration: underline;}


#c2 ul a:link {color: #222;}
#c2 ul a:visited {color: #555;}
#c2 ul a:link:focus, #c2 ul a:link:hover, #c2 ul a:visited:hover, #c2 ul a:link:active, #c2 ul a:visited:active {color: #39c; text-decoration: underline;}

h3 a:link {color: #222;}
h3 a:visited {color: #555;}
h3 a:link:focus, h3 a:link:hover, h3 a:visited:hover, h3 a:link:active, h3 a:visited:active {color: #39c; text-decoration: underline;}

#tool_box a:link {color: #000;}
#tool_box a:visited {color: #000;}
#tool_box a:link:focus, #tool_box a:link:hover, #tool_box a:visited:hover, #tool_box a:link:active, #tool_box a:visited:active {color: #39c; text-decoration: underline;}

#c2 ul a {font-weight: normal;}



/* floated images */
img.float {padding: 25px 10px;}
img.left {float: left;}
img.right {float: right;}
.right {float: right;}

img.rightmargin{float : left;padding:0 6px 0 0;}

/* lists */

li {list-style: none;}

/* buttons */
.button {-moz-border-radius:5px;background:#39c url(/images/button-bg.png) repeat-x scroll left top;border:medium none;color:white !important;font-size:10px;font-weight:bold;padding:4px 4px 3px;}
.button:hover {background:#333 none repeat scroll 0 0;cursor:pointer;}

.arrow_button a {display:block;width:100px;height:16px;padding-top:14px; text-align:center;background: transparent url(/images/button-arrow-top.png) no-repeat top left;text-decoration:none;color:#fff;text-transform:lowercase;}
.arrow_button a:hover, .arrow_button a:active {background: transparent url(/images/button-arrow-top.png) no-repeat top right;color:#fff;text-decoration:none;}



/* Specials */

div#announce {display:none;width:420px; height:200px; position: absolute; top:30px;left:380px;background:url('/images/announce.png') ;z-index: 2; }
div#background_credits {float: right;right:0;padding: 2px 15px;margin-bottom: 20px;background: #fff;}


/* Admin */

.admin_frame, .inline-admin-tools {border:3px solid lime; padding: 5px;}
.inline-admin-tools a img, .admin_frame a img {vertical-align: middle;}

#layout1 .admin_frame {margin-bottom: 15px;}

.admin_frame ul li {padding: 2px 0;}
.admin_frame a:link {color: #030;}
.admin_frame a:visited {color: #030;}
.admin_frame a:link:focus, .admin_frame a:link:hover, .admin_frame a:visited:hover, .admin_frame a:link:active, .admin_frame a:visited:active {color: lime; text-decoration: underline;}


/* Admin mixes */

.admin_frame table.list {width: 100%;}
.admin_frame table thead {border-bottom:2px solid lime;margin-bottom: 5px;}
.admin_frame table.small_list {width: 180px;}
.admin_frame table.small_list tr {border-bottom: 1px dotted lime;}

.admin_frame .pagination {margin:15px 5px 3px 0;}
.pagination .current {font-weight: bold;}
.pagination span, .pagination a {border:1px solid gray;padding:0 2px;}


/* Admin articles */

.article_inputs {margin:2px 0;width:100%;}
.article_inputs input {width:680px;border:1px solid #ccc;margin-top: 3px;}
.article_inputs label {display:block;}
.article_inputs textarea {width:680px;border:1px solid #ccc;margin-top: 3px;}
.article_inputs .big {font-size: 18px;}
.article_inputs input.button {width:100%;}
#article_pictures {margin-top:15px;}
.comment .inline-admin-tools { width:18px; float:right;}

/* Admin Login */

#new_session {text-align:center;}

#new_session .session_inputs input {-moz-border-radius:8px;border:3px solid lime;font-size:40px;padding-left: 10px;width:450px;}
#new_session .session_inputs input.checkbox {float: right;}

#new_session .session_inputs label {display:block;font-size:20px;margin:30px 0 7px;padding:0;}
#new_session div {font-size:15px;margin:15px 0 7px;padding:0;}

#new_session .button {background: lime url('');text-transform: uppercase;margin-bottom: 30px;}
#new_session .button:hover {background: #333 url('');}
#fsDemo ul li {display: inline;}

/* Admin parties */
.party .inline-admin-tools { width:120px; float:right;text-align: right;}

/*yo bulshit*/
#float_right{position : relative;float: right;margin-top: -4px;

}

.credit{
float: right;
font-size: 08px;
margin-top:-13px;
}