/* Some colors:
 body background: #415999;
 light grey: #CCCCCC;
 dark grey: #AAAAAA;
 song module background: #D0FFCC;
 entry background: #CBD9FF;
 entry title (link): maroon;
 entry title (link), visited: #804444;
*/

body {
	background-color: #415999;
	background-image: url('../swirlies.png');
	background-repeat: repeat-y;
	text-align:center;
	width:1024px;
}

.clearboth {
	clear:both;
}

/* Quote of the moment */

div.quoteContainer {
	width:80%;
	margin: 0 auto 1.5em;
}

div.quote {
	text-align: center;
	font-style: italic;
	border-style: double;
	border-color: white;
	color: maroon;
	background-color: #CCCCCC;
}

div.quote p {
	margin: .2em;
}

span.quoteAuthor {
	font-style: normal;
	color:black;
}

span.quoteSource {
	font-style: normal;
	color:black;
}

div.quoteTop {
	background-color: white;
	color: maroon;
	height:2em;
}

div.quoteTitle {
  padding: .3em;
	font-family: arial;
	margin: 0;
	font-weight:bold;
	font-size:1.3em;
	color: maroon;
	width:50%;
	text-align:left;
	float:left;
}

#maintitle {
	margin:.2em;
  text-align: center;
  font-size: 2.6em;
  font-family: arial;
	color: white;
	text-decoration:none;
}

body a:link {
	color: #4C4C4C;
}

body a:visited, span.cc a:link, span.cc a:visited {
	color: #999999;
}

body a:active, span.cc a:active {
	color: black;
}

/*Song module*/
div.songModule {
	width:80%;
	margin:auto;
	padding:0px;
	background-color:#D0FFCC;
	text-align:left;
	margin-bottom:30px;
}

div.songModule ul {
	list-style:none;
	display:block;
	margin:0;
	padding-bottom:20px;
	padding-top:10px;
}

div.songModule div.nav {
	background-color:#AAAAAA;
	display:block;
	width:80%;
	height:2.6em;
}

div.actions ul.indiv {
	margin-top:10px;
}

div.songModule li {
	margin-left:30px;
	display:block;
	float:left;
}

div.songModule a {
	color:black;
}

div.songModule a:hover {
	color:#555555;
}

#smTitle {
	color:maroon;
	font-size:2em;
	margin-left:-20px;
	margin-top:-10px;
}

.song_cat {
	padding:8px;
	margin-left:0px;
}

.leftSongMore {
  float:left;
  clear:both;
  width:50%;
  text-align:left;
  margin-bottom:4px;
}

.rightSongMore {
  float:right;
  width:50%;
  text-align:right;
  margin-bottom:4px;
}

div.songModule .songLink {
	font-size:1.2em;
}

div.singleSong {
 float:left;
 width:33%;
}

p.songDetails {
  margin-top:.4em;
  margin-bottom:.4em;
}

div.song a:visited, div.song a:link {
	font-weight:bold;
}

div.song a:visited {
	color:#555555;
}

div.song a.title:link, div.song a.title:visited {
	text-decoration:underline;
}

/*div.song p {
  float:left;
  margin-left:5px;
  line-height:1.4;
}*/

.details {
	margin-top:10px;
	margin-bottom:10px;
}

/* Song show page */

/*The Entries*/
div.addComment {
	padding-left:.3em;
	padding-bottom:.3em;
}

label {
	color:white;
}

/* Entry */
div.entry {
	width: 80%;
	margin: 1.5em auto;
	text-align:left;
	background-color: #CBD9FF;
}

div.entryContents {
	font-family:serif;
	text-align:justify;
	padding-left:2em;
	padding-right:2em;
	padding-top:.2em;
	padding-bottom:.2em;
}

div.entryTop {
  background-color:#CCCCCC;
	width:100%;
	height:2.2em;
}

div.entryTitle {
	text-align: center;
	width:80%;
	padding:.3em;
	font-size:1.3em;
	font-family:sans-serif;
	font-weight:bold;
	background-color:#AAAAAA;
	float: left;
}

a.entryTitle:visited  {
  color: #804444;
}

a.entryTitle:link {
	color: maroon;
}

div.entryTimestamp {
	text-align:right;
	font-size:smaller;
	font-style:italic;
	padding-right:.3em;
	color: maroon;
	float: right;
	margin-top:.8em;
}

div.googleAds {
	width: 100%;
  text-align: center;
  margin: auto;
  clear: both;
	background-color: #415999;
}

/*Comments*/
div.comments {
	width:95%;
	margin:0 auto 0 auto;
	background-color:white;
}

div.commentContents {
	font-family:serif;
	text-align:justify;
	font-size:smaller;
	margin:.3em;
}

div.commentTop {
	width:100%;
	height:1em;
}

div.commentTitle {
	text-align: left;
	width:50%;
	padding:.3em;
	font-size:90%;
	font-family:sans-serif;
	color: maroon;
	float: left;
}

div.commentTimestamp {
	text-align:right;
	font-size:smaller;
	font-style:italic;
	padding-right:.3em;
	padding-top:.3em;
	color: maroon;
	float: right;
}

div.commentSpacer {
	font-size: smaller;
	text-align: center;
	background-color:#CCCCCC;
}

/*Add comments*/
div.addComments {
	background-color:#CBD9FF;
	width:80%;
	padding:.5em;
	margin:auto;
}

/* The robot page */
h1.robotHeader {
	color: white;
}

div.robotMsg {
	width: 80%;
	background-color: #CCCCCC;
	margin: auto;
}

/* Entry pages */

div.backLink {
  margin-top: 10px;
  text-align: center;
	font-size: 120%;
}

a.backLink:visited {
  color: #804444;
}

a.backLink:link {
	color: maroon;
}


div.related, div.notice {
  background-color: #CCCCCC;
  width: 74%;
  margin: 10px auto 10px auto;
  padding: 0.5% 3%;
  text-align: justify;
}

div.related h3 {
	color:white;
	font-size:1.8em;
	margin-bottom:0px;
	margin-top:0px;
	text-align: center;
}

/*Creative commons*/
div.cc {
	width:40%;
	clear:left;
	margin-right: auto;
	margin-bottom:auto;
	margin-left:  auto;
	margin-top: 2em;
	color:white;
	font-size:smaller;
}

span.cc a.link {
	color:white;
}

.inplaceeditor-saving {
	background: url(/images/delete.png) bottom right no-repeat;
}

/*Facebook share link on song pages*/
html .fb_share_link {
	padding:1px 0 0 15px;
	height:16px;
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?11:26981) no-repeat top left;
}