@import url(../cp/css/default-controlpanel.css);
@import url(../cp/css/default-gallery.css);
@import url(../cp/css/default-blog.css);
@import url(../cp/css/default-yahoo.css);

body {
	background:#CCCCCC url(uploads/24/background.gif);
	font-size:85%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#666666;
}

h1,h2,h3,h4,h5,h6,p,form,blockquote,div,ol,ul,dl {
	margin:0;
	padding:0;
}
.error,
.errors,
.required {
	color:#CC0000;
}

a {
	color:#c13830;
}
a:hover {
	color:#FF0000;
}
a img{
	border:none;
}
.controlbar a,
.text a {
	text-decoration:none;
	border-bottom:1px dotted #d63228;
}
.controlbar a:hover,
.text a:hover {
	border-bottom:1px solid #FF0000;
}

blockquote {
	margin:10px 20px;
	font-style:italic;
	border-left:1px solid #ccc;
	padding-left:10px;
}

.template {
	width:930px;
	margin:25px auto;
}

.template .header {
	position:relative;
	background:url(uploads/24/top.png) top center;
	padding:25px 25px 0 25px;
}
.header .inner {
	background:url(uploads/24/background.jpg) no-repeat 10% 17%;
}
.header h1 {
	background:url(uploads/24/header.png);
	width:880px;
	height:170px;
}
.header h1 a {
	display:block;
	background:url(uploads/24/logo.png) no-repeat center;
	width:210px;
	height:170px;
}

.controlbar {
	position:absolute;
	top:-12px;
	right:17px;
	font-size:90%;
}
.clear {
	clear:both;
}
.main {
	padding:10px;
	min-height:200px;
	width:660px;
	float:right;
}
.sidebar {
	width:200px;
	float:right;
}

.template .columns {
	padding:0 25px;
	background:url(uploads/24/middle.png) center;
}

.template .footer {
	background:url(uploads/24/bottom.png) bottom center;
}
.footer .inner {
	padding:50px 25px 25px 25px;
	text-align:center;
}
.footer .group {
	background:url(uploads/24/background.jpg) no-repeat 15% 28%;
	height:40px;
	width:880px;
	margin-bottom:10px;
}
.footer .group span {
	background:url(uploads/24/footer.png);
	display:block;
	height:40px;
	width:880px;
}

h1.heading {
	font-size:350%;
	letter-spacing:-3px;
	font-weight:normal;
}
.description p,
.content p.text {
	line-height:150%;
	padding:5px 0 8px;
}
.content ol,
.content ul {
	margin-left:25px;
}

.sidebar {
	padding-top:10px;
	padding-bottom:50px;
}
.sidebar .menu ol {
	list-style-type:none;
	background:url(uploads/24/background.jpg) no-repeat 70% 25%;
}
.sidebar .menu ol a {
	display:block;
	background:url(uploads/24/menu.png) no-repeat top left;
	color:#FFF;
	text-align:right;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px;
	border-bottom:2px solid #FFF;
}
.sidebar .menu ol a.highlight,
.sidebar .menu ol a:hover {
	background:url(uploads/24/menu.png) no-repeat top right;
}
.content .heading {
	margin:10px 0 5px;
}
.content h1.heading {
	margin:5px 0 5px;
}

.todo h2.heading {
	font-size:120%;
	font-weight:bold;
}
.smaller {
	font-size:smaller;
}
.todo .smaller {
	color:#aaa;
}
.todo .age {
	padding:0 5px;
	font-size:smaller;
	font-style:italic;
	color:#aaa;
}
.todo .description {
	display:none;
}
.todo .priority-1 {
	font-weight:bold;
}
.todo .priority--1,
.todo .done {
	color:#999;
}
.todo .done {
	text-decoration:line-through;
}
.todo ul {
	margin:5px 0 20px 0;
}
.todo li {
	list-style-type:none;
	padding:5px 10px;
	background-color:#F4F4F4;
	margin:2px 0 2px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.todo li .tools {
	display:none;
	font-size:smaller;
}
.todo li:hover {
	cursor:pointer;
	background-color:#EEE;
}
.todo li:hover .tools {
	display:inline;
}
.todo .add-item div {
	display:inline;
}
.todo #title {
	width:400px;
}
.todo .button,
.todo .textbox {
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:4px;
	color:#666666;
	font-family:"Trebuchet MS",Arial,sans-serif;
}
.todo .button {
	background:#EEE;
	font-weight:bold;
	padding:3px 10px;
}
.todo #group {
	width:100px;
}
.todo #group_autocomplete {
	display:none;
}