/********************************

 Project: Emma On Relationships
 Author: Amber Frid-Jimenez
 Date: 09/28/06
 Copyright: (c) 2006, PLW 

*********************************/


body {
	color: white;
	font-weight: bold;
	margin: 0;
	font: 13px/15px Arial, Helvetica, Verdana, sans-serif;
	background-color: #222222;
}

h1, h2 {
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
}

h2 {
	color:  #ff03af;
}

h3, h4, h5 {
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
}

h4 {
	color:  #ff03af;
}

pre {
	background-color: #eeeeee;
	padding: 10px;
	font-size: 11px;
}

fieldset {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	margin: 0;
}

a {
	color: #444;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

img {
	border: none;
}

form {
	margin: 0;
}

input {
	font-size: 18px;
	font-weight: bold;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

table tr td {
	text-align: center;
}


/*----- STRUCTURE -------------------------------------------------------*/
#content-wrapper {
	width: 800px;
	position: relative;
	margin: 40px auto;
	padding: 0;
	clear: both;
}

#content {
	float: left;
	padding:  20px 30px;
	width: 740px;
	background-color: #111111;
	border: 1px solid #555555;
}

#logo {
	margin: 30px 0 30px 0
}

#logo-show {
	margin: 10px 0 10px 0
}

#call-tip{
	position: absolute; 
	vertical-align: bottom; 
	bottom: 1px; 
	left: 37px; 	
}

#call-center {
	float: left;
	padding:  20px 30px;
	width: 740px;
	margin-top:  -2px;
	background-color: #000000;
	border: 1px solid #555555;
}

#designed-by {
	float: left;
	padding:  4px 6px;
	width: 788px;
	margin-top:  -2px;
	font: 10px/12px Arial, Helvetica, Verdana, sans-serif;
	background-color: #111111;
	border: 1px solid #555555;
	color: #444;
}

#embedded-video {
	float:top;
	padding: 4px 4px;
}

#prev-next {
	float:bottom;
	padding 4px 4px;
}


.card {
	float: left;
	padding: 20px;
	margin: 0px;
	background: url(../images/card.gif) no-repeat center center;
	
}

/*.card:hover {
	background: url(../images/card_selected.gif) no-repeat center center;
}*/

.column-left {
	float: left;
	width: 370px;
}

.column-right {
	float: right;
	width: 370px;
}

#listen{
	border:  1px solid #fff;
	background: #111111;
	margin: 0 30px 0 0;
	padding: 4px;
}

#listen-show{
	border:  1px solid #fff;
	background: #000;
	margin: 0 0 0 0;
	padding: 4px;	
}

#call-player{
	border: 1px solid #fff;
	background: #111111;
	margin: -5px 30px 0 0;
	padding: 0 10px 10px 10px;
}

#call-player-show{
	border: 1px solid #fff;
	background: #111111;
	margin: -5px 0 0 0;
	padding: 0 10px 10px 10px;	

}

#call-display {
	font-size: 100px;  
	line-height: 100%; 
	font-weight: bold;
	margin: 10px 0 0 0px;
}

#call-controller{
	display: block;
	background-color: #111;
}

#call-buttons{
	margin: 10px 0 10px 0;
	width: 120px;	
}


div.clear {
	clear: both;
}


/* IE HACK \*/
* html #design-by {
	position: absolute;
	top: 700px;
}
/* END IE HACK */

#toolbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0f0f0f;
	border-bottom: 1px solid #0f0f0f;
	width: 100%;
	height: 30px;
}

#toolbar {
	color: white;
}

#toolbar ul {
	display: inline;
}

#toolbar ul li {
	float: left;
	list-style: none;
	display: inline;
}

#toolbar ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}