/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* base.css, part of YUI's CSS Foundation */

body {
	/*background:#FFFFFF url(i/top_bg.gif) repeat-x scroll;*/
	/*background:#FFFFFF url(i/img01.gif) repeat-x fixed; */
	background-color:#282C2F;
	background-image:url(i/top_bg.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	color:#ccc;
}

#footer_bg {
	/*background:#FFFFFF url(i/bottom_bg.gif) repeat-x scroll bottom left;*/
	background-image:url(i/bottom_bg.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:bottom left;
}

a {
	color:#66CCFF;
	font-weight:normal;
	text-decoration:none;
}

a:hover{
	color:#1B6FC0;
	text-decoration:underline;
}

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
	color:#1B6FC0;
}

h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	color: #C7FF70;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* header */
#hd {
	height:100px;
}
/* end of header */

/* forms */
fieldset {
	display:block;
}

label {
	display:block;
}

label.label_title {
	float:left;
	text-align: right;
	width:7em;
	margin-right:0.5em;
	color:#666;
	font-weight:bold;
}

label.label_help {
	margin-left:9.74em; /* 5.5 * 100 / 77 */
	font-size:77%;
	color:#999;
	width:51.9em; /* 40em * 100 / 77 */
}

input, textarea {
	border:1px solid #999;
	background-color:#E6F4FF
}

.error-message {
	border:1px solid #999;
	border-left:1em solid #f00;
	margin:0.5em 7.5em;
	/*background-color:#fca; */
	font-weight:bold;
	padding:0.2em;
	width:38.7em;
}
/* end of forms */


#CowtextTitle, textarea {
	width:40em;
}



/*
bottom lists, z http://5thirtyone.com/
*/
#ft {
	margin-top:1em;
}

.footer-ul {
	height:600px;
	color:#CCCCCC;
}

.footer-ul li {
	/*border-top:1px solid #CCCCCC;*/
	line-height:1.5em;
	padding:3px 0pt 3px 20px;
	background:transparent url(i/li-grey.gif) no-repeat scroll 1px 3px;
}

.latest {
	background-color:#3F464A;
	margin-top:1em;
	padding-left:1em;
	padding-top:0.1em;
	padding-right:1em;
	padding-bottom:0.1em;
}

.balloon {
	font-size:93%;
	font-weight:normal;
}

.cow {
	font-size:167%;
}


/*
title
*/

#logo a{
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:100px;
font-weight:bold;

	position:absolute;
	bottom:-0.25em;
}


#logo_cont { 
	position: relative; 
	padding-bottom: 100px; 
}

#top_cont { 
	position: relative; 
	padding-bottom: 100px; 
}

#top_navlist {
	position:absolute;
	bottom:0em;
	right:0px;
}
#top_navlist li {
	float:left;
	margin-left:0.5em;
	border:4px solid #282C2F;
	border-bottom:0;
}

#top_navlist li a {
	color:#fff;
	display:block;
	font-size:123.1%;
	padding: 0.5em 1em 0.5em 1em;
}
#top_navlist li a:hover {
	background-color:#444;
	text-decoration:none;
}

#top_loginlist {
	position:absolute;
	top:0em;
	right:0px;
}
#top_loginlist li {
	float:left;
	margin-left:0.5em;
	border:4px solid #282C2F;
	border-top:0;
}

#top_loginlist li a {
	color:#fff;
	display:block;
	font-size:123.1%;
	padding: 0.5em 1em 0.5em 1em;
	background-color:#000;
}
#top_loginlist li a:hover {
	background-color:#444;
	text-decoration:none;
}




.create_new_cowsay a {
	background-color:#3F464A;
}

#show_friend {
	margin:1em auto 1em auto;
	border:4px dotted #3F464A;
	text-align:center;
	font-size:131%;
	padding:0.5em;
}

#flashMessage {
	border:4px dotted #f00;
	font-size:131%;
	padding:0.5em;
}