.description	{
	margin:0 0 0 200px; font-size:120%;
	color:#E9E9E9;
	}


p	{
	line-height:150%;
	}
	
h1, h2, h3	{
	margin:0 0 .25em 0;
	}
	
#content h1, #content h2	{
	text-transform:uppercase; letter-spacing:.2em; color:#666; font-weight:normal;
	}
	
#content h1, #content h2	{	
	font-size:120%;	margin:0 0 10px -45px; padding:4px 12px 0 45px; line-height:150%; background-color:#E0E0E0; display:inline;
	}
	
	
p	{
	margin:0 0 .5em 0; color:#444;
	}
	
	
/* content
- - - - - - - - - - - - - - - - - - */
#main_content {
	margin:0 auto 20px auto; 
	padding:30px 15% 10px 30px;
	}
	
	
	


/* layout
- - - - - - - - - - - - - - - - - - */

.col	{
	position:relative;
	}
	

#col_one	{

	}

#col_two	{

	}
	
	
	
/* forms
- - - - - - - - - - - - - - - - - - */
label {
	display:block; 
	margin:.7em 0 .2em 0;
	}
	
	
	




/* layout
- - - - - - - - - - - - - - - - - - */

/* sets the default 50 50 two columns */
.col	{
	display:inline;
	width:45%; margin:0 20px 0 20px;
	}
	

#col_one	{

	}

#col_two	{
	float:right;
	}
	

/* makes a wider col_one, narrower col_two */

.sixtyforty #col_one	{
	position:relative; width:60%; display:block; margin:0 20px 20px 20px;
	min-width:500px;
	float:left;
	}
	
.sixtyforty #col_two	{
	width:250px;
	width:30%;
	min-width:250px;
	display:block;
	float:left;
	margin:0;
	}
	
	
	
.fiftyfifty #col_one	{
	position:relative; width:45%; display:block; margin:0 20px 20px 20px;
	min-width:250px;
	float:left;
	}
	
.fiftyfifty #col_two	{
	width:45%;
	min-width:250px;
	display:block;
	float:left;
	margin:0;
	}


.fortysixty #col_one	{
	position:relative; width:25%; display:block; margin:0 0 0 20px;
	min-width:200px;
	float:left;
	}
	
.fortysixty #col_two	{
	width:62%;
	min-width:290px;
	display:block;
	float:left;
	margin:0 20px 0 30px;
	}
	
	
.threecol #col_one	{
	position:relative; width:15%; display:block; margin:0 20px 20px 20px;
	min-width:150px; width:150px;
	float:left;
	margin:0 12px 0 0;

	}
	
.threecol #col_two	{
	width:35%;
	min-width:230px; padding:0;
	display:block;
	float:left;
	margin:0 12px 0 0;
	}
	
.threecol #col_three	{
	min-width:250px; width:25%; width:250px; 
	display:block;
	float:left;
	margin:0 12px 0 0;
	border-width:0;
	}


* html .threecol #col_three {	
	position:absolute; top:130px; width:250px; margin:0 10px 0 auto;
	}



/* put's col_two on bottom */
.twobottom #col_one	{
	width:485px;
	float:none; clear:both; display:block;
	}
	
.twobottom #col_two	{
	width:480px; float:none; margin:1em 120px 0 20px; display:block
	}
	
	
.twobottom #col_one h4, .twobottom #col_one h3, .twobottom #col_one p, .twobottom #col_one label  	{
	padding-right:120px;
	}



/* other columns */
#col_three, #col_zero  {
	width:450px;
	}

#col_three {
	border:1px dotted #999; border-width:1px 0 0 0; margin-top:40px;  width:710px; 
	}
	


#main_content.fiftyfifty  {
	padding:0;
	}


	
	
/* tiles
- - - - - - - - - - - - - - - - - - */
.tile, .ttile {
		padding:0 10px; 
        margin:0;
        border-left: solid 6px #9d9d9d;
        border-right: solid 6px #9d9d9d;
        position: relative; min-height:1%;
        background-color: #f7f7f7;
	}



.tile h3, .tile h4, .ttile h3, .ttile h4 {
	color:#666; font-size:9px; letter-spacing:.4em; 
	text-transform:uppercase; font-weight:bold;
	padding-left:20px; 
	margin-bottom:10px;
	}

.tile h3, .ttile h3 {
	letter-spacing:.4em; 
	text-transform:uppercase; font-weight:bold;
	padding-left:20px; 
	margin-bottom:10px;
	}


.tile h4, .ttile h4 {
	border-top: 1px dotted #666; 
        margin: 0 0 1em 0; 
        padding-left: 0;
	}
	
.tile h4.rule, .ttile h4.rule {
	font-size:1px; line-height:1px; margin:10px 0 10px 0; 
	}
	
	
.attach_togg {
	display:block; float:right; margin-top:-1.3em; 
	}
	
/* safari filter */
body:last-child:not(:root:root) .attach_togg { margin-top:0; }
	
.tile form {
	padding-left:10px; 
	}


/* search
----------------------------------------------- */

body#search .sixtyforty #col_one	{
	width:100%; margin:0;
	}
	
body#search h2 em	{
	font-style:normal; color:#333; font-size:110%; text-transform:none; letter-spacing:0;
	}

	
	
	
/* Toggle Stuff
----------------------------------------------- */
.closed #row6, .closed #row7, .closed #row8, .closed #row9, .closed #row10, 
.closed #row11, .closed #row12, .closed #row13, .closed #row14, .closed #row15, 
.closed #row16, .closed #row17, .closed #row18, .closed #row19, .closed #row20, 
.closed #row21, .closed #row22, .closed #row23, .closed #row24, .closed #row25,
.closed #offtog, .closed #offtog_bottom 
{display:none; }

#ontog, #offtog {
    display:block; position:absolute; left:159px; top:-4px; width:10px; height:10px; display:none;
    }
    
    
#matching_members_list #ontog, #matching_members_list #offtog {
    top:5px; z-index:100;
    }

#matching_members_list_dl {
    z-index:80;
    }


#ontog_bottom, #offtog_bottom   {
    display:block; position:relative; width:56px; height:10px; margin:0; left:20px; top:4px; z-index:5; 
    }
    
   

.open #ontog, .open #ontog_bottom 
{display:none; }



#ontog, #offtog, #ontog_bottom, #offtog_bottom
{cursor:pointer; }

#offtog
    {background: url(/media/tog_arrow_open.gif) 0 0 no-repeat; }
    
#ontog
    {background: url(/media/tog_arrow_closed.gif) 0 0 no-repeat; }
    
#offtog_bottom
    {background: url(/media/tog_arrow_bottom_open.gif) 0 0 no-repeat; }
    
#ontog_bottom
    {background: url(/media/tog_arrow_bottom_closed.gif) 0 0 no-repeat; }

/* rounded corners DEFAULT
- - - - - - - - - - - - - - - - - - */
.tile-top, .tile-top div, .tile-bottom, .tile-bottom div {
    height: 11px;
}

.tile-top, .tile-bottom {
    margin-left: -16px;
    margin-right: -16px;
}

.tile-top {
    background: url(/static/images/northwest.gif) no-repeat top left; 
}

.tile-top div {
    background: url(/static/images/northeast.gif) no-repeat top right;
}

.tile-bottom {
    background: url(/static/images/southwest.gif) no-repeat bottom left;
}

.tile-bottom div {
    background: url(/static/images/southeast.gif)  no-repeat bottom right; 
}

/* rounded corners BLUE
- - - - - - - - - - - - - - - - - - */

#broadcasts .tile {
    border-left: 6px solid #6dabcf;
    border-right: 6px solid #6dabcf;
}

#broadcasts .tile-bottom {
    background: url(/static/images/southeast_blue.gif) no-repeat bottom right;
}

#broadcasts .tile-bottom div {
    background: url(/static/images/southwest_blue.gif) no-repeat bottom left;
}

#broadcasts .tile-top {
    background: url(/static/images/northwest_blue.gif)  no-repeat top left;
}
    
#broadcasts .tile-top div {
    background: url(/static/images/northeast_blue.gif)  no-repeat top right;
}
	
/* rounded corners brodcast Image Thumbnails
- - - - - - - - - - - - - - - - - - */

#broadcast_img .ttile	{
    background-color: #39393b;
    border-left: 5px solid black;
    border-right: 5px solid black;
}

#broadcast_img .tile-top, #broadcast_img .tile-bottom {
    margin-left: -15px;
    margin-right: -15px;
}

#broadcast_img .tile-top {
    background: url(/static/images/nw_black.gif) no-repeat top left; 
}

#broadcast_img .tile-top div {
    background: url(/static/images/ne_black.gif) no-repeat top right; 
}

#broadcast_img .tile-bottom {
    background: url(/static/images/sw_black.gif) no-repeat bottom left;
}

#broadcast_img .tile-bottom div {
    background: url(/static/images/se_black.gif) no-repeat bottom right;
}

/* color picker
- - - - - - - - - - - - - - - - - - */
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/static/images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/static/images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/static/images/marker.png) no-repeat;
}

#faux_player { display:none;
	position:absolute; top:0; right:0;
	width:211px; height:172px;
	}
	
* html #faux_player
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/static/images/fake_player22.png',sizingMethod='scale'); }	
	
	
	
	
	
	
/* resize
- - - - - - - - - - - - - - - - - - */
	
#jqHandle {
	background: url(/static/images/resize_grabber.gif) #666 no-repeat;
	width:16px; height:16px;
}

.jqDrag {
	width: 100%;
	cursor: move;
}

.jqResize {
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 cursor: se-resize;
}

.jqDnR {
    z-index: 3;
    position: relative;    
    width: 180px;
    margin: 5px 10px 10px 10px;
    padding: 8px;
    overflow:hidden;
}






/* search
- - - - - - - - - - - - - - - - - - */
body#search hr {
	height:1px; line-height:1px; border:1px dotted #999; border-top:1px;
	}




/* footer
- - - - - - - - - - - - - - - - - - */
#footer	{
	margin:45px 0;
	}
	
	
.threecol #footer	{
	width:400px;
	}
	
	


