/* One Line Rhyme version 2 - Styles */

/* `Basic HTML
----------------------------------------------------------------------------*/

body {
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background: #FFFFFF;
	color: #444444;
}

hr {
	border-color: #A1A1A1;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 5px 0;
}

p { margin-bottom: 10px; }

ul { margin: 0 0 20px 10px; }
ul li {
	margin-left: 20px;
	font-size: 11px;
	list-style-image: url(../img/bullet_red.png);
	color: #656565;
	line-height: 14px;
}

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

small {
	font-size: 10px;
	font-style: italic;
	color: #656565;
}

/* `Headings
----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #444444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.5em;
}

h1 { font-size: 2.6em; } /* Main Greeting on home page */
h2 { font-size: 2.5em; } /* Header on sub pages */
h3 { font-size: 1.5em; border-bottom: 1px solid #F5F5F5; } /* Sub-Headers on sub pages*/
h4 { font-size: 1.2em; }
h5 { font-size: 15px; border-bottom: 2px solid #990033; } /* Headers for sidebars */

/* Header for footer section */
h6 { font-size: 14px; }

/* `Click to Clipboard
----------------------------------------------------------------------------
ul#generated_tokens li,
ul#unused li { clear: both; }

button.clipboard {
	font-size: 13px;
	padding: 2px;
	margin: 3px 0;
	float: right;
}

button.clipboard.hover {
	background: #E6EFC2;
	color: #264409;
}

button.clipboard.active {
	border: 1px solid #DEDEDE;
	border-top: 1px solid #565656;
	border-left: 1px solid #565656;
}
----------------------------------------------------------------------------*/

/* `Sections
----------------------------------------------------------------------------*/
#main_container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container {
	display: inline;
	float: left;
	width: 940px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* `Left & Right & Alternative Background
----------------------------------------------------------------------------*/
.left {
	float: left;
}

.right {
	text-align: right;
	float: right;
}

.alt {
	background-color: #F5F5F5;
}

.loading {
	text-align: center;
	display: none;
}

/* `Hair (Hehe!!)
----------------------------------------------------------------------------*/
#hair {
	background-color: #444444;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 5px 3px;
}
#hair a { color: #FFFFFF; }
#hair a:hover { color: #990033; }
/*--------------------------------------------------------------------------*/


/* `Header
----------------------------------------------------------------------------*/
#header {
	border-bottom: 1px solid #A1A1A1;
	height: 100%;
	padding: 10px 5px 0;
}

#header #logo {
	width: 350px;
	display: block;
	overflow: hidden;
}

/* `Random Rhymes - Part of Header
----------------------------------------------------------------------------*/
#random_rhymes {
	width: 400px;
	height: 100px;
}

#random_rhymes .random_rhyme_item {
	font-size: 12px;
	font-style: italic;
	display: none;
	width: 99%;
}

#random_rhymes .random_rhyme_item a { font-style: normal; }

#random_rhyme_navi { font-size: 11px; }
/*--------------------------------------------------------------------------*/


/* `Navigation
----------------------------------------------------------------------------*/
#navigation {
	padding: 5px;
}

#navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 14px;
	line-height: 20px;
}

/* Navigation Login Form */
#form_login_navigation { display: block; width: 500px; }
#form_login_navigation label { padding: 0 10px; font-weight: bold; }
#form_login_navigation input { width: 100px; }
#form_login_navigation button.button { font-size: 12px; padding: 0 5px; }
#form_login_navigation .form_msg { margin: 0 5px 0 0; }

/*--------------------------------------------------------------------------*/


/* `Page Content
----------------------------------------------------------------------------*/
#content { padding: 25px 5px 50px; }

/* Home Page Only */
#content .home_main { width: 500px; }
#content .home_side { width: 440px; }
#home_main_rhymes { width: 440px; }
#home_main_stats { width: 440px; display: none; }
#home_main_stats #artist_stats,
#home_main_stats #user_stats { width: 50%; font-size: 10px; }
#home_main_stats #artist_stats h4,
#home_main_stats #user_stats h4 { font-size: 1.4em; }
#home_main_stats #monthly_stats { width: 100%; margin-top: 25px; }
#home_main_stats #artist_stats img,
#home_main_stats #user_stats img { width: 12px; }

/* Add Rhyme Form - Home Page Only */
#content .add_rhyme_left {
	width: 50%;
}

#content .add_rhyme_right {
	width: 50%;
}

/* Page Sections */
#content .main { width: 700px }

#main_left {
	width: 440px;
	padding-right: 25px;
}
#main_right {
	width: 235px;
}

/* Profile Page Only */
.profile_left {
	width: 325px;
	padding-right: 25px;
	margin-bottom: 50px;
}
.profile_right {
	width: 350px;
	margin-bottom: 50px;
}

/* Recent spits */
#recent_spits {}
#recent_spits .recent_spit {
	border-bottom: 1px solid #A1A1A1;
	margin-bottom: 10px;
}

/* Artist/Album Information */
#information {
	font-size: 13px;
	overflow: hidden;
	border: 1px solid #F5F5F5;
	padding: 10px;
	width: 420px;
	margin-right: 10px;
}
#information img { float: left; padding-right: 10px; }

/* Rhyme Rows */
#rhymes { margin-top: 25px; }
#rhymes .rhyme_row {
	margin-bottom: 20px;
	overflow: hidden;
}
#rhymes .rhyme_row .rhyme_main {
	padding-right: 25px;
	width: 440px;
	font-size: 13px;
	margin-bottom: 25px;
}

#rhymes .rhyme_row .rhyme_edit {
	display: none;
	width: 500px;
	margin-bottom: 25px;
}

#rhymes .rhyme_row .rhyme_main .rhyme_quote {
	border: 1px solid #F5F5F5;
	padding: 10px 5px;
	font-size: 15px;
	font-style: italic;
	line-height: 22px;
}

#rhymes .rhyme_row .rhyme_side {
	width: 235px;
	font-size: 12px;
	margin-bottom: 25px;
}

/* Sidebars */
#content .side_left,
#content .side_right {
	width: 200px;
	padding-left: 20px;
}

/* Sidebar (home only) */
#content .home_side_stats {
	width: 420px;
	padding-left: 20px;
	margin-top: 25px;
}

/* Latest Rhymes */
#latest_rhymes {}
#latest_rhymes .rhymes_page { display: none; }
#latest_rhymes .rhymes_page .rhyme_row {
	margin-bottom: 10px;
	padding: 2px 5px;
	border-bottom: 1px solid #F5F5F5;
}

#rhymes_pagination {
	text-align: right;
	padding: 10px 5px 5px;
}

#who_is_where { font-size: 11px; }

/*--------------------------------------------------------------------------*/


/* Tabbed Navigation
----------------------------------------------------------------------------*/
#tabbed_navigation {
	margin-bottom: 10px;
	overflow: hidden;
}
#tabbed_navigation .navi_item {
	float: left;
	width: 223px;
	font-size: 15px;
	padding: 5px 5px 0px;
	background-color: #F5F5F5;
	cursor: pointer;
}
#tabbed_navigation .curr_navi { background-color: #FFFFFF; }
/*--------------------------------------------------------------------------*/

/* User Content History
----------------------------------------------------------------------------*/
#history_content {}
#history_content .history_page {
	display: none;
}
#history_content .history_row {
	margin-bottom: 10px;
	padding: 2px 5px;
}
#history_content .history_row_comment { padding: 2px 5px; }
#history_content .history_row .history_head,
#history_content .history_row_comment .history_head {
	text-align: right;
	border-bottom: 1px solid #F5F5F5;
}
#history_content .history_row .history_item {
	font-style: italic;
	margin-bottom: 10px;
	overflow: hidden;
}
#history_content .history_row_comment .history_item {
	font-style: italic;
	margin-bottom: 5px;
}
#history_content .history_row .history_info {
	font-weight: 11px;
}
#history_pagination {
	text-align: right;
	padding: 10px 5px 5px;
}
#history_pagination a { padding-left: 5px;}

/*--------------------------------------------------------------------------*/


/* `Sidebar Content
----------------------------------------------------------------------------*/
/* Spits & Recent Forum Posts */
#spits,
#recent_posts,
#recent_threads {
	font-size: 0.9em;
	line-height: 13px;
}

#spits .spit_page { display: none; }

#spits .spit,
#recent_posts .post,
#recent_threads .thread {
	display: block;
	border-bottom: 1px solid #A1A1A1;
	padding: 5px 0;
}
#spit_navi { text-align: right; font-size: 10px; }

/* Artist Tag Cloud */
#artist_cloud { width: 100%; }
#artist_cloud a.tag {
	padding: 5px;
	/*white-space: nowrap;*/
	line-height: 125%;
}

/*--------------------------------------------------------------------------*/


/* `Forms
----------------------------------------------------------------------------*/
.form_field {
	width: 100%;
	overflow: hidden;
	padding: 5px 0 5px 10px;
}

.form_label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 25%;
}

.form_input {
	float: left;
	width: 75%;
}

.form_input_full {
	float: left;
	width: 100%;
}

.form_button {
	padding-left: 10px;
	overflow: hidden;
	text-align: right;
}

.form_left { float: left; width: 60%; }
.form_right { float: right; }

input.text,
textarea,
select {
	background: #FFFFFF;
	border-top: 1px outset #353535;
	border-left: 1px outset #353535;
	color: #656565;
	width: 100%;
	padding: 2px;
}

textarea {
	overflow: auto;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	width: 90%;
}

button {
	background-color: #F5F5F5;
	border: 1px solid #DEDEDE;
	border-bottom: 1px solid #565656;
	border-right: 1px solid #565656;
	color: #353535;
	cursor: pointer;
	font-size: 13px;
	padding: 3px;
	white-space: nowrap;
}

button.positive:hover {
	background: #E6EFC2;
	color: #264409;
}

button.negative:hover {
	background: #FBE3E4;
	color: #8A1F11;
}

button:active {
	border: 1px solid #DEDEDE;
	border-top: 1px solid #565656;
	border-left: 1px solid #565656;
}

input.text:focus,
textarea:focus,
select:focus {
	border-top: 1px inset #353535;
	border-left: 1px inset #353535;
	background: #F9F9F9;
}

.form_msg {
	float: left;
	display: none;
	text-align: center;
	margin-left: 25%;
	font-size: 11px;
}

/* Add A Rhyme Form */
#add_rhyme { overflow: hidden; width: 440px; }
#add_rhyme #form_add_rhyme .form_field {}
#add_rhyme #form_add_rhyme .form_field .form_label { width: 100%; }
#add_rhyme #form_add_rhyme .form_field .form_input { clear: left; width: 100%; margin: 5px 0; }
#add_rhyme #form_add_rhyme .form_field .form_input input { width: 90%; }
#add_rhyme #form_add_rhyme .form_field .form_input textarea { height: 125px; }
#add_rhyme #form_add_rhyme .form_button .form_msg { margin: 0 5px 0 0; }

/* Arist & Album Search Forms */
.search_sidebar { text-align: right; }
.search_sidebar input { width: 135px; }
.search_sidebar button.button { font-size: 12px; padding: 0 5px; }

/* `Success/Error/Notice Messages
------------------------------------------------------------------------------
(http://templates.arcsin.se/demo/freshmade-software-website-template/style.css)
----------------------------------------------------------------------------*/
.error,
.notice,
.success {
	border: 1px solid #DDD;
	padding: 3px;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

.error_state {
	background: #FBE3E4;
}
/*--------------------------------------------------------------------------*/


/* `Dashboard
----------------------------------------------------------------------------*/
#dashboard {
	height: 125px;
	border-top: 1px solid #A1A1A1;
	font-size: 12px;
	padding: 0 4px; /* border adds 1px padding, hence 4px */
}

#dashboard .dashboard_section {
	float: left;
	display: block;
	overflow: hidden;
	width: 210px;
	padding: 10px;
}

.dashboard_bordered {
	border-right: 1px solid #AAAA99;
	height: 100px;
}

/* `Footer
----------------------------------------------------------------------------*/
#footer {
	padding: 3px 5px 10px;
	font-size: 12px;
}

/* `AutoComplete
----------------------------------------------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('../images/ajax-loader.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* `Last.fm Widget
----------------------------------------------------------------------------*/
#last_fm {}

.last_fm_track {
	background-color: #F1F1F1;
	border-bottom: 1px solid #999999;
	padding: 0 3px;
}

.last_fm_date {
	text-align: right;
	font-size: 0.9em;
	font-style: italic;
}

/* `Editable Content
----------------------------------------------------------------------------*/
.edit_artist button,
.edit_album button,
.edit_song button {
	font-size: 10px;
	padding: 0px;
	float: right;
	margin: 2px 0 0 2px;
}

.edit_rhyme button {
	font-size: 12px;
	padding: 0px;
	float: right;
	margin: 3px 0 0 3px;
}
.edit_rhyme textarea { background-color: white; }