/* CSS Document */

/*========== Global ==========*/
* {
	margin:0;
	padding:0;
	outline:0;
}
*::-moz-selection {
	color:#fff;
	background:#0068fe;
}
body {
	background:#fff url(grad1.png) repeat-x scroll 0 0;
	color:#444;
	font:normal 13px/20px Arial, Sans;
	margin:0 0 50px 0;
}
a, a:visited, a:link, a:active {
	color:#428396;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#111;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
	line-height:1.3;
	padding:8px 0;
	text-shadow:0 1px 0 #fff;
}
a img { border:none; }
table th {
	color:#000;
	font:bold 14px/25px Verdana, Arial, Sans;
	text-align:center;
	border-bottom:1px solid #ccc;
}
input[type="text"], input[type="password"], textarea {
	background:#fff url(input.png) repeat-x scroll 0 0;
	border:1px solid #ccc;
	color:#888;
	font:normal 14px/18px Arial, Sans;
	margin:2px;
	padding:3px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-color:#aaa;
	color:#444;
}
p { margin:15px 0 }
ul, ol { margin:5px 0 5px 35px }
tt {
	background:#efefef;
	color:#000;
	font-family:Courier New, Monospace;
}

/*========== Layout ==========*/
#logo a {
	display:block;
	height:52px;
	width:400px;
	background:transparent url(logo.png) no-repeat scroll 50% 0;
	clear:both;
	text-indent:-999em;
	margin:20px auto 15px;
}
.loginpad {
	margin-top:15%;
}
.login {
	display:block;
	border:1px solid #aaa;
	margin:0 auto;
	width:212px;
	background:#f3f3f3 url(msg.png) repeat-x scroll 0 0;
	padding:15px;
	-moz-box-shadow:0 0 16px #888;
	-webkit-box-shadow:0 0 16px #888;
}
.login input[type="text"], .login input[type="password"] {
	display:inline-block;
	width:200px;
	font:normal 20px Arial, sans-serif;
}
.wrap {
	display:block;
	width:96%;
	margin:0 auto;
	text-align:left;
}
.sidebar {
	width:200px;
	display:block;
	float:left;
}
.content {
	display:block;
	margin-left:220px;
}
.footer {
	color:#999;
	border-top:1px solid #ccc;
	padding:10px 0;
	text-align:center;
	display:block;
	clear:both;
	margin-top:50px;
}
.topbox {
	background:transparent;
	display:block;
	position:absolute;
	top:0;
	right:4%;
	height:30px;
	width:263px;
}

/*========== Menu ==========*/

.themelist { margin:15px 0; }

.themelist li {
	list-style:none;
	display:inline-block;
	border:1px solid #efefef;
	background:#fff none repeat scroll 0 0;
	margin:6px 10px;
	text-align:center;
}
.themelist li:hover {
	background:#f3f3f3;
}
.themelist li a {
	padding:15px;
	text-decoration:none;
	display:block;
	line-height:0.6;
	text-shadow:0 1px 0 #fff;
	color:#434343;
}
.themelist li a img {
	border:1px solid #ccc;
	background:#fff none no-repeat scroll 50% 50%;
	width:180px;
	height:106px;
	display:block;
	padding:3px;
	text-indent:-999em;
}
.themelist li a:focus {
	color:#000;
	background:#e4e4e4;
}
.menu {
	margin-bottom:10px;
	display:block;
}
.menu a {
	text-decoration:none;
	color:#000;
	font:bold 13px/38px Arial, Sans;
	display:block;
	height:39px;
	background:#fff url(grad2.png) repeat-x scroll 0 0;
	margin:6px 0 0 2px;
	text-shadow:0 1px 0 #f5f5f5;
	border:1px solid #aaa;
	-webkit-box-shadow:0 0 1px #ccc;
	-moz-box-shadow:0 0 1px #ccc;
	padding:0 12px;
}
.menu a:hover {
	border-color:#777;
}
.menu a:active {
	background-image:url(grad3.png);
	border-color:#666;
}

.menu a.current, .menu a.current:hover {
	background:#444 url(grad4.png) repeat-x scroll 0 0;
	color:#fff;
	text-shadow:0 -1px 0 #777;
}

.menu .submenu a.current, .menu .submenu a.current:hover {
	color:#fff;
	text-shadow:0 -1px 0 #343434;
	background:#666!important;
}

.menu a .menu-img {
	display:inline-block;
	margin:7px 5px 0 0;
	background:transparent url(icons.png) no-repeat scroll 0 0;
	height:24px;
	width:24px;
	text-indent:-999em;
	float:left;
}
.menu a.dashboard .menu-img {
	background-position:0 0;
}
.menu a.pages .menu-img {
	background-position:-97px 0;
}
.menu a.news .menu-img {
	background-position:-124px 0;
}
.menu a.settings .menu-img {
	background-position:-48px 0;
}
.menu a.theme .menu-img {
	background-position:-74px 0;
}
.menu a.logout .menu-img {
	background-position:-25px 0;
}
.menu a.docs .menu-img {
	background-position:-236px 0;
}
.menu a.files .menu-img {
	background-position:-182px 0;
}
.menu a.logout .menu-img {
	background-position:-210px 0;
}
.menu a.projectsite .menu-img {
	background-position:-261px 0;
}

.menu .submenu {
	border:1px solid #aaa;
	background:#f3f3f3;
	border-top:none;
	margin:0 0 0 2px;
	padding:0;
}
.menu .submenu li {
	display:block;
}
.menu .submenu li a {
	display:block;
	padding:2px 10px;
	color:#333;
	text-decoration:none;
	background:transparent;
	height:20px;
	font:normal 13px/20px Arial, sans-serif;
	text-shadow:0 1px 0 #f7f7f7;
	margin:0;
	border:none;
	border-bottom:1px solid #ccc;
	-moz-box-shadow:0 0 0 transparent;
	-webkit-box-shadow:0 0 0 transparent;
}
.menu .submenu li a:hover {
	color:#000;
	text-decoration:none;
	background:#eaeaea;
}

/*========== Classes ==========*/
.title {
	display:block;
	background:transparent url(grad2.png) repeat-x scroll 0 0;
	color:#000;
	text-shadow:0 1px 0 #f6f6f5;
	padding:0;
	margin:0;
	text-indent:8px;
	font:bold 20px/40px Helvetica, Arial, Sans;
	height:39px;
	border:1px solid #ccc;
}
.title .title-img {
	display:inline-block;
	margin:7px 5px 0 10px;
	background:transparent url(icons.png) no-repeat scroll 0 0;
	height:24px;
	width:24px;
	text-indent:-999em;
	float:left;
}
.title.fastpost .title-img {
	background-position:-122px 0;
}
.title.stats .title-img {
	background-position:-152px 0;
}
.dashbox {
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	margin:0 0 5px 0;
	padding:7px;
}
.dashboxcontain {
	display:block;
	margin:0 8px 5px 0;	
	-moz-box-shadow:0 0 3px #666;
	-webkit-box-shadow:0 0 3px #666;
}
.allround {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}
.center { text-align:center; }
.clear { clear:both; }
.msg {
	display:block;
	margin:5px 50px;
	background:#fffacb url(msg.png) repeat-x scroll 0 0;
	border:1px solid #fff000;
	padding:4px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	color:#000;
	font-size:12px;
	text-align:center;
}
.table-row {
	background:transparent none repeat scroll 0 0;
	cursor:default;
	height:25px;
	display:table-row;
}
.table-row:hover { background:#f3f3f3; }

.itemtable {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
.itemtable th {
	background:#fff url(grad2.png) repeat-x scroll 0 0;
	color:#000;
	font:bold 17px/30px Helvetica, Arial, Sans;
	text-shadow:0 1px 0 #fff;
	height:30px;
}

.button {
	display:inline-block;
	background:transparent url(button-bg.png) repeat-x scroll 0 0;
	text-decoration:none!important;
	color:#fff!important;
	font:bold 13px Arial, Sans;
	height:25px;
	padding:0 25px;
	border-radius:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border:1px solid #428396;
	cursor:pointer;
	text-shadow:0 -1px 0 #428396;
	margin-top:2px;
	-moz-box-shadow:0 1px 3px #434343;
	-webkit-box-shadow:0 1px 3px #434343;
}
a.button {
	line-height:25px;
}
.button:hover {
	text-decoration:none;
	color:#fff;
	background-position:0 -25px;
	text-shadow:0 -1px 0 #55aac2;
}

.ieonly { display:none; }

/*========== Miscellaneous ==========*/
#home .deletebut { display:none!important; }
#dhtmltooltip {
	position: absolute;
	left:-300px;
	width:150px;
	border:1px solid #000;
	padding:4px;
	background-color:#fffcde;
	visibility:hidden;
	z-index:00;
	color:#111;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

div.modal {
	display: block; width: 560px;
	position: absolute; top: -310px; left: 170px;
	padding: 90px 20px 20px 20px;
	border: solid 1px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	-webkit-transform: translateY(-570px);
}
div.modal h3, div.modal p { text-shadow: 0px 1px 1px #fff; color: rgba(0,0,0,0.75) }
div.modal.show { display:block; -webkit-transform: translateY(-110px); }