@charset "UTF-8";
/* CSS Document */

body {
	/*font: 62.5% Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;*/
	font: 62.5% Palatino,Georgia,"Palatino Linotype", Times, "Times New Roman", serif;
	color:#111;
	background-color:#141414;;
	margin:0;
	padding:0;
}
#header {
	width:800px;
	margin:20px auto;
}

#footer {
	width:800px;
	margin:20px auto;
	padding:20px;
}
#footer p {
	text-align:center;
	font-size:1.3em;
}
#footer p a {
	color:#666;
	text-decoration:none;
}
#footer p a:hover {
	color:#fddb00;
}

h1 { 
	background:url(/_common/img/bunny.gif) 0 0 no-repeat;
	width:300px;
	height:305px;
	margin:0 auto;
	text-indent:-9999px;
}
#wrapper {
	width:800px;
	margin:30px auto;
	overflow:hidden;
}
#column {
	width:200px;
	float:left;
}
#column #nav {
	list-style:none;
	width:200px;
	margin:0;
	padding:0;
}
#column #nav li {
	list-style:none;
	width:200px;
	margin:0 0 10px 0;
	padding:0;
	font: 2.2em Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}
#column #nav li a {
	background-color:#141414;
	display:block;
	padding:10px 10px 10px 25px;
	color:#666;
	text-decoration:none;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
}
#column #nav li a:hover {
	color:#bbb;
}
#column #nav li a.current {
	background-color:#333;
	color:#fddb00;
}
#column a#facebook {
	display:block;
	margin:50px 0 30px 20px;
	width:140px;
	height:53px;
	background:url(/_common/img/facebook.png) 0 0 no-repeat;
	text-indent:-9999px;
}
#column a#facebook:hover {
	background-position:0 -53px;
}
#column a#twitter {
	display:block;
	margin:30px 0 20px 20px;
	width:140px;
	height:27px;
	background:url(/_common/img/twitter.png) 0 0 no-repeat;
	text-indent:-9999px;
}
#column a#twitter:hover {
	background-position:0 -27px;
}

#requestContainer, #playlistContainer {
	width:540px;
	min-height:200px;
	margin:0 0 0 200px;
	padding:30px; 
	background-color:#333;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	color:#ddd;
	display:none;
} 
#playlistContainer {
	min-height:300px;
}
#requestContainer h2, #playlistContainer h2 {
	font:bold 3.6em Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
	letter-spacing:.1em;
	color:#fddb00;
	margin-bottom:20px;
} 
#requestContainer p, #playlistContainer p {
	font-size:2em;
	line-height:1.5em;
	margin-bottom:1em;
} 
#requestContainer p.finePrint {
	font-size:1.5em;
	text-align:right;
	font-style:italic;
	color:#777;
	margin-top:30px;
} 
#requestContainer p.finePrint a {
	color:#999;
	text-decoration:none;
} 
#requestContainer p.finePrint a:hover {
	color:#ccc;
} 
#playlistContainer p a {
	color:#fddb00;
	text-decoration:none;
} 
#playlistContainer p a:hover {
	color:#fff;
	text-decoration:underline;
} 

#requestContainer form {
	padding:0;
	margin:10px 0 20px 0;
}
#requestContainer form p {
	text-align:center;
}

#requestContainer form textarea {
	font: normal 1.5em Palatino,Georgia,"Palatino Linotype", Times, "Times New Roman", serif;
	background-color:#000;
	border:1px solid #555;
	color:#eee;
	padding:10px;
	width:500px;
}
#requestContainer form input#status {
	font: normal 1.5em Palatino,Georgia,"Palatino Linotype", Times, "Times New Roman", serif;
	background-color:#000;
	border:1px solid #555;
	color:#eee;
	padding:10px;
	width:500px;
}

#requestContainer form input#submit {
	font:1.2em Futura, "Century Gothic", AppleGothic, Helvetica, Arial, sans-serif;
	letter-spacing:.1em;
	background-color:#fddb00;
	border:1px solid #aaa;
	color:#333;
	padding:5px 10px;
}



/*JUITTER PLUGIN CSS*/

#juitterContainer{
	width:580px;
	min-height:200px;
	margin:0 0 0 200px;
	padding:10px; 
	/*background-color:#fddb00; 
	border:1px solid #555;*/
	background-color:#333;
	
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;

} 
#juitterContainer .twittList{
} /* UL that will contain the list of tweets */

#juitterContainer .twittLI{
	list-style:none;
	margin:0;
	padding:10px 0;
	border-bottom:1px dashed #555;
	color:#ddd;
	font-size:1.7em;
	line-height:1.4em;
	overflow:hidden;
	padding-left:60px;
} 
#juitterContainer .twittList SPAN.time{
	font-size:0.8em;
	font-style:italic;
	display:block;
}
#juitterContainer .twittList A{color:#fddb00; text-decoration:none;} /*Links inside the tweets list */
#juitterContainer .twittList A:hover{color:#fff; text-decoration:underline;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer a.profile-image {
	width:48px;
	height:48px;
	-moz-background-size:48px 48px;
	-webkit-background-size:48px 48px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:block;
	float:left;
	border-bottom:none;
	margin-left:-60px;
}
#juitterContainer a.profile-image:hover {
	border-bottom:none;
}
#juitterContainer .juitterAvatar{
	float:left;
	background-color:#fff;
	margin-right:5px;
	width:50px;
	height:50px;
	padding:3px;
	display:block;
	
}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/