/* We can't miss this can we */

body
{
	margin: 20px;
	background: #f3f3f3 url("../images/body-bg.png");
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
	color: #333;
}

/* General */

a,
a:link,
a:visited,
a:active {
	color: #333;
	font-weight: bold;
	border-bottom: solid #8d1955 1px;
	text-decoration: none;
	cursor: pointer;
}
a:hover { color: #666; }

h1, h2
{
	font-family: "TheSans", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
h1 em, h2 em
{
    font-family: "TheSansI", Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
	color: #8d1955;
}

h1 { font-size: 20px; line-height: 20px; padding: 0 0 6px 0; }
h2 { font-size: 17px; line-height: 17px; padding: 20px 0; }

/* Notices */

.notices.errors { padding: 10px 10px 10px 47px; background-image: url('../images/icons/error-32.png'); background-repeat: no-repeat; background-position: 10px 50%; background-color: #ffa9a9; color: #000; border: solid #ff0000 1px; }
.notices.success { padding: 10px 10px 10px 47px; background-image: url('../images/icons/success-32.png'); background-repeat: no-repeat; background-position: 10px 50%; background-color: #ccff99; color: #000; border: solid #009900 1px; }
.notices.attention { padding: 10px 10px 10px 47px; background-image: url('../images/icons/attention-32.png'); background-repeat: no-repeat; background-position: 10px 50%; background-color: #ffffcc; color: #000; border: solid #ffcc66 1px; }
.notices.chart { padding: 10px 10px 10px 47px; background-image: url('../images/icons/chart-32.png'); background-repeat: no-repeat; background-position: 10px 50%; background-color: #ffe4a9; color: #000; border: solid #ffae00 1px; }

/* Logo */

#logo
{
	margin: 0 0 10px -90px;
}

#logo a { border: 0; }

/* Content holder */

#content
{
	background-image: url('../images/holder-bg.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#content .container
{
	width: 476px;
	padding: 30px 30px 0 30px;
	min-height: 235px !important;
}

#content .clock
{
	display: block;
	width: 134px;
	height: 134px;
	background-image: url('../images/clock-bg.png');
	background-repeat: no-repeat;
}

#content .clock #tik,
#content .clock #tak
{
	display: block;
	width: 51px;
	height: 45px;
	background-repeat: no-repeat;
}

#content .clock #tik { background-image: url('../images/clock-tik.png'); margin-top: 20px; }
#content .clock #tak { background-image: url('../images/clock-tak.png'); margin-top: 10px; }

#content .text
{
	display: block;
	margin-left: 20px;
	width: 322px;
}

#content .text .options
{
	margin-top: 50px;
	text-align: right;
}

/* Buttons */

a.button, button.button
{
	border: 0;
	display: inline-block;
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    vertical-align: center;
    background-image: url('../images/button-bg.png');
    background-repeat: no-repeat;
    color: #000;
	font-weight: normal;
	cursor: pointer;
	font-size: 11px;
}

a.button span, button.button span
{
	display: block;
    padding-right: 10px;
    background-image: url('../images/button-bg-right.png');
    background-repeat: no-repeat;
    background-position: right 0;
	text-align: center;
}

a.button span img, button.button span img
{
	margin-right: 5px;
	vertical-align: middle;
	border: 0;
}

a.button:hover, button.button:hover,
a.button:active { background-position: 0 -32px; color: #666; }
a.button:hover span, button.button:hover span,
a.button:active span { background-position: right -32px; }

/* Projects */

div.project
{
	padding: 15px;
	min-height: 100px;
}

div.project,
div.project-backOpacity { margin-bottom: 15px; }

div.project.last,
div.project-backOpacity.last { margin-bottom: 0; }

div.project a { border: 0; }
div.project div.pictures img { border: solid #aaa 3px; }
div.project div.pictures a:hover img { border: solid #ccc 3px; }

div.project .options
{
	margin-top: 5px;
	text-align: right;
}

/* Twitter */

div#twitter div.tweet { margin-top: 10px; }
div#twitter div.tweet.first { margin-top: 0; }
div#twitter div.tweet p.tweet-text span.reply,
div#twitter div.tweet p.tweet-text span.hash { font-weight: bold; }
div#twitter div.tweet p.tweet-date { margin-top: 8px; padding-top: 4px; border-top: dashed #999 1px; font-size: 11px; color: #666; }