/*
 * http://egoistic.biz
 * Main stylesheet
 *
 * @author  sway <sway@treska.net> *
 * @date    20090305
 */

/*
 *  COLOR DEFS
 *  background:     #262626
 *  text:           #3F3F3F
 *  hilight green   #CCFF66
 */

html, body {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-family: "Calibri", "Trebuchet MS", "Verdana", Arial, Helvetica, sans;
}

html > body {
	font-size: 16px;
}

html {
    background: #262626 url("bg.gif");
    color: #3F3F3F;
}

#container {
    margin: 10em auto 0;
    width: 47.5em;
    text-align: left;
}

#container #cz p {
    font-size: 1.2em;
}

#container #cz p * {
	font-size: 1em;
}


#container #cz p:hover {
    color: #6D6D6D;
}


h1 {
    color: #CCFF66;
    font-size: 3em;
}

h2 {
	margin: 0;        
	color: #666;  
}

a {
	color: #3F3F3F;
	margin: 0 0.2em;
	text-decoration: none; 
}

html > body a {
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: square;
}

img.icon_r, img.icon_l {
	float: right;
	width: 2em;
	height: 2em;
	margin: 0 0 0.5em 0.5em;
}

img.icon_l {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

li:hover {
	color: #6D6D6D;
}

.halfbox {
	width: 23.5em;
	float: right;
}

html > body div.halfbox {
	width: 23.75em;
}

#twitter ul {
	padding: 0 0 0 0.5em;	
}

html > body #twitter ul {
	list-style: none;
}

#twitter li {
	margin: 0;
	padding: 0;
}

#twitter li:before {
	content: '\00BB';
}

#twitter li:hover:before {
	content: '\00BB';
	color: #CCFF66;
}

#twitter li a {
	color: #D2BB3F;
	text-decoration: underline;	
} 

#twitter li a:hover {
	color: #FF66BD;	
	text-decoration: none;
}

#twitter a.twitterlink  {
		text-decoration: none;
		color: #5C5C5C;
		margin: 0;
}

#twitter a.reply  {
		color: #D23F92;
}

#twitter li .timestamp {
	font-size: 0.9em;
}

#lastfm div.timedata {
	display: none;
}

#lastfm ul {
	list-style: square;
	padding: 0;
	margin: 0;
}

html > body #lastfm ul {
	list-style: none;
}

#lastfm li {
	margin-right: 0.8em;
	font-size: 0.85em;
}

#lastfm li:before {
	content: '\266A';	
}

#lastfm li:hover:before {
	content: '\266A';
	color: #FF66BD;
}

#lastfm li:hover a {
	color: #B8DF6A;
	text-decoration: none;
}

#lastfm li a:hover {
	color: #B8DF6A;
	text-decoration: underline;
}

#footer {
	border-top: 1px dotted #CCFF66;
	width: 47.5em;
	margin: 2em auto;		
	text-align: right;	
}

#footer span {
	font-size: 0.8em;
	color: #6D6D6D;
}


/* COLOR DEFINITIONS */

.green-1 { color: #CCFF66 }
.green-2 { color: #B8DF6A }
.green-3 { color: #A1D23F }
.green-4 { color: #D2FF79 }
.green-5 { color: #D7FF88 }

.blue-1 { color: #66FFEF }
.blue-2 { color: #6ADFD3 }
.blue-3 { color: #3FD2C3 }
.blue-4 { color: #79FFF1 }
.blue-5 { color: #88FFF2 }

.yellow-1 { color: #FFE766 }
.yellow-2 { color: #DFCD6A }
.yellow-3 { color: #D2BB3F }
.yellow-4 { color: #FFEA79 }
.yellow-5 { color: #FFED88 }

.pink-1 { color: #FF66BD }
.pink-2 { color: #DF6AAC }
.pink-3 { color: #D23F92 }
.pink-4 { color: #FF79C5 }
.pink-5 { color: #FF88CB }

/* COLOR DEFINITIONS END */