/*  

Author: Kya
Contact: kyaish@gmail.com
Collective: http://dazzle.nu
Personal Blog: http://kya.nu
Comments: I have spent many hours working on this layout and playing with the CSS so I appreciate that no one directly takes ALL of the design elements in this file. I can't stop you from taking snippets and I guess that is how many of us learn. So if you are here to see how I have created some effects I hope it can help in some way, as long as it's being taken for the right reasons and not just to simply copy one of my designs. 

*/


/* [ THE BASIC WEBSITE ELEMENTS ]

These are basic elements that are featured throughout my website such as links, bold text, block quotes and the like.  */


body
{	color: #000;
	font-family: Helvetica, Georgia, "Trebuchet MS", Arial, Tahoma, Verdana,  Georgia;
	font-size: 12pt;
        background: #eeeeee;
	margin: 0px;
	padding: 0px;
        line-height: 25px;
        text-align: justify;}

#wrap
{	width: 800px;
	background: #FFF;
	border: 5px solid #e0e0e0;
	margin: 30px auto;}

#menu
{	width: 800px;
	background: #fc8dc9 url(menu.jpg);
	padding: 25px 0px 25px 0px;
	border-bottom: 2px dashed #e1c6f7;
	text-align: center;}

#menu a
{	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
	padding: 25px;
	color: #fcc7e4;}

#menu a:hover
{	color: #fff2f9;}

#header
{	width: 800px;
	height: 150px;
	border-bottom: 1px solid #d4a9fb;
	background: #e3c7fd url(head.jpg);}

#title
{	font-size: 50pt;
	color: #fce8fa;
	padding: 50px 0px 0px 500px;}

#stats
{	font-size: 15pt;
	color: #fcfcfc;
	padding: 30px 0px 0px 350px;}

#sidebar
{	width: 200px;
	margin: 0px 0px 0px 0px;
	font-size: 9pt;
	float: right;}

.one
{	width: 160px;
	padding: 5px 20px 5px 20px;
	background: #aedffb;
	border-bottom: 10px solid #FFF;}

.two
{	width: 160px;
	padding: 5px 20px 5px 20px;
	background: #aefbc0;
	border-bottom: 10px solid #FFF;}

.three
{	width: 160px;
	padding: 5px 20px 5px 20px;
	background: #fbecae;
	border-bottom: 10px solid #FFF;}


#content
{	width: 560px;
	padding: 20px 20px 20px 20px;
	background: #FFF;
	float: left;}

#footer
{	width: 800px;
	clear: both;
	text-align: center;
	font-size: 9pt;
	border-top: 1px solid #fc804b;
	padding: 15px 0px 15px 0px;
	background: #fc9b72;}

#footer a
{	color: #facfbc;}

/* Basic Style Elements */

a
{	color: #fc9b72;
	text-decoration: none;}

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

b
{	color: #fc8dc9;}

h2
{	color: #57c1ff;
	font-size: 15pt;
	margin: 15px 0px -10px 30px;
	padding: 0px 0px 0px 0px;}

blockquote
{	font-size: 10pt;
	color: #7b7b7b;}

ul
{	list-style-image: url(bullet.png);}

table
{	margin: 0px auto;}

.sweet td
{	border-bottom: 1px dotted #232323;
	padding: 0px 20px 0px 20px;}

/* My IDs and Classes */

.pad
{ 	border: 5px solid #fcc7f7;
	margin: 5px;
	background: #fcc7f7;}

.codes
{	text-align: center;}

.codes img
{ 	border: 5px solid #fcc7f7;
	margin: 3px;
	background: #fcc7f7;}

.codes a img
{ 	border: 5px solid #fcc7f7; 
	background: #fcc7f7;}

.codes a:hover img
{	border: 5px solid #fc8dc9;
	background: #fc8dc9;}

.sidebarcode
{ 	border: 5px solid #7fd287;
	background: #7fd287;
	margin: 5px 0px 0px 0px;}


.codesort img
{ 	border: 5px solid #fcc7f7;
	margin: 3px;
	background: #fcc7f7;}

.codesort a img
{ 	border: 5px solid #fcc7f7; 
	background: #fcc7f7;}

.codesort a:hover img
{	border: 5px solid #fc8dc9;
	background: #fc8dc9;}