/* little.css

Screen layout: */

/***** Font *****/

@font-face {
	font-family: 'UbuntuTitlingBold';
	src: url('UbuntuTitling-Bold-webfont.eot');
	src: local('?'), url('UbuntuTitling-Bold-webfont.woff') format('woff'), url('UbuntuTitling-Bold-webfont.ttf') format('truetype'), url('UbuntuTitling-Bold-webfont.svg#webfontHLqYIdWj') format('svg');
	font-weight: normal;
	font-style: normal;
}

#hair p,h1,h2,#tail dt,h3,h4,h5,h6,#tail p
{
 font-family: "UbuntuTitlingBold","Trebuchet MS",Arial,sans-serif;
 text-shadow: #888 2px 2px 3px;
}

* html body #wrap *, body
{
 font-family: Arial,sans-serif;
}


/***** Various tags *****/

b
{
 color: #c03030;
}

p
{
 line-height: 1.25em;
 margin:0 0 1.4em;
}

img
{
 float: left;
 margin: 0 10px 10px 0;
}

sup
{
 color: #cc0033;
 font-weight: bold;
}

br
{
 clear: both;
}

a
{
 text-decoration:none;
 color:#3030c0;
}

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

a img
{
 border: 1px solid #202080;
}

a:hover img
{
 border: 1px solid #3030c0;
}

.avbox
{
 float: left;
 margin: 0;
 width: 390px;
}

.avbox p
{
 background: #fff url(grad1.png) top center repeat-x;
 border: 1px solid #e0e0e0;
 margin: 0;
 padding: 5px;
}

/***** IDs *****/

body
{
 background:#fff url(grad5.png) bottom center repeat-y;
 color:#000;
 margin:0 auto;
 text-align: center;
}

#wrap
{
 background:#000;
 color:#fff;
 margin: 0 auto;
 width: 978px;
}

#wrap
{
 background: #fff url(grad2.png) bottom center repeat-x;
 padding: 0 0 45px;
 color: #444;
}

#wrap form,#wrap fieldset
{
 border: none;
}

#wrap form p
{
 clear: right;
 float: left;
 margin: 0;
 text-align: right;
 width: 15%;
}

#wrap input,#wrap textarea
{
 background-color: #fff;
 border: solid #e0e0e0;
 border-width: 0 0 1px 1px;
 color: #555;
 float: right;
 margin: 0 10% 0 0;
 padding: 5px 0;
 width: 70%;
}

#wrap .submit
{
 background: #fff url(grad1.png) top center repeat-x;
 border: 1px solid #e0e0e0;
}

#hair
{
 background: #000 url(grad4.png) bottom center repeat-x;
 color: #fff;
 float: left;
 line-height: 1.5em;
 margin: 0 auto;
 width: 978px;
}

#hair p
{
 color: #eee;
 float: left;
 font-size: 2.0em;
 font-weight: bold;
 line-height: 1.5em;
 margin: 0;
 padding: 0 0 0 10px;
 text-align: left;
 width: 20%;
}

#hair ul
{
 float: right;
 list-style-type: none;
 font-size: 1.0em;
 margin: 0;
 padding: 10px 0 10px;
 text-align: right;
}

#hair li
{
 display: inline;
 margin: 0;
 padding: 0 10px;
}
#hair a
{
 color: inherit;
}
#hair p a
{
 display: none;
}

#head
{
 background: #fff url(grad1.png) top center repeat-x;
 border-top: 3px solid #3030c0;
 color: #444;
 float: left;
 width: 100%;
}

#head h1
{
 color: #101040;
 float: left;
 font-size: 2.5em;
 line-height: 1.2em;
 margin: 30px 0 20px 10px;
 padding: 0;
}

#head a
{
 color: #101040;
 text-decoration: none;
}

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

#head img
{
 border: 1px solid;
 border-color: #fff #ccc #fff #fff;
 float: left;
 padding: 0 20px 0 0;
 text-align: center;
}

#head p
{
 font-size: 95%;
 margin: 30px 10px 20px 166px;
 text-align: justify;
}

#nav
{display: none;}

#body
{
 border-bottom: 10px solid #fff;
 border-top: 10px solid #fff;
 font-size: 0.9em;
 margin: 0 auto;
 padding: 10px 0;
 text-align: left;
 width: 960px;
}

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6
{
 background: url(grad3.png) bottom center repeat-x;
 border-bottom: 1px solid #e0e0e0;
 color: #000;
 font-size: 1.5em;
 line-height: 1.2em;
 margin: 12px 0 10px;
 padding: 0;
}

#body h1
{
 font-size: 1.7em;
}

#body h2
{
 font-size: 1.7em;
}

#body h4,#body h5,#body h6
{
 display: inline-block;
 font-size: 1.3em;
 margin: 12px 0 10px 5px;
}

#templates
{
 float: left;
 width: 640px;
}

#templates h3
{margin-right: 30px;}

#music
{
 float: right;
 width: 320px;
}

#body p
{
 margin: 0 1em 10px;
 text-align: justify;
}

#body dl
{
 float: left;
 margin: 0;
 width: 160px;
}

#body dt
{
 font-weight: normal;
 margin: 0 0 5px 10px;
 width: 150px;
}

#body dt a
{
 display: block;
 float: left;
}

#body dt a img
{
 border: none;
 float: left;
 margin: 0 3px 0 0;
}

#body dd
{
 font-weight: normal;
 margin: 0 0 5px 15px;
 width: 145px;
}


#tail
{
 color: #fff;
 font-size: 85%;
 padding: 0;
 text-align: center;
}

#tail .inner
{
 background: url(grad1.png) top center repeat-x;
 border-top: 2px solid #3030c0;
 margin: 0 auto;
 text-align: left;
 width: 760px;
}

#tail dl
{
 border: solid #e0e0e0;
 border-width: 0 1px;
 float: left;
 font-size: 0.95em;
 margin: 10px 0 15px;
 padding: 0;
 width: 188px;
}

#tail dt
{
 border-bottom: 1px solid #e0e0e0;
 color: #404040;
 float: left;
 font-size: 1.3em;
 margin: 0;
 padding: 0 10px 0;
}

#tail dd
{
 float: left;
 font-size: 95%;
 font-weight: normal;
 line-height: 1.5em;
 margin: 0 10px 0;
 padding: 0;
 width: 100%;
}

#tail p
{
 clear: both;
 color: #303030;
 font-size: 1.2em;
 margin: 5px 0 0;
 padding: 0 0 30px;
 width: 980px;
}

#tail p span
{
 background: url(grad1.png) top center repeat-x;
 border-top: 2px solid #3030c0;
 display: block;
 margin: 0 110px;
 padding: 5px 0 0;
}

#tail a
{
 color: #202080;
}

/**** For SEO ****/

html body div#body .hidden,html body div#tail .hidden
{
 border-bottom: none;
 height: 0;
 line-height: 0;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
}