/* standard elements */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

img {border: 0;}

a {color: #06C;}
a:hover {color: #039;}

body {	
	background: #159AE0;
	color: #443;
	font: normal 62.5% Verdana,sans-serif; /* reset 1em to 10px */
	padding: 2% 0;
}

p {padding: 0 0 10px;}

table {width: 100%;}

ul {margin: 6px 6px 6px 16px;}

small,.small {font-size: 0.8em;}

h1,h2,h3,h4 {margin: 4px 0;}
h1 {font: normal 2.2em sans-serif;}
h2 {font: normal 1.8em sans-serif;}
h3 {font: bold 1.2em sans-serif;}
h4 {font: bold 1em sans-serif;}

fieldset {
	background: #FFE;
	border: 1px solid #CCA;
	color: #332;
	font-size: 1.1em;
	margin-bottom: 1em;
	padding: 0 12px 10px;
}
legend {
	color: #442;
	font: bold 1.1em Verdana,sans-serif;
	padding: 0 6px;
}

/* misc */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}
.padded {padding: 12px 14px;}
.list {line-height: 20px;}


/* buttons */
a.button_preview {
	float: left;
	width: 107px;
	height: 31px;
	background: url('/images/button_preview.gif') no-repeat;
	margin-right: 5px;
}
a.button_download {
	float: left;
	width: 117px;
	height: 31px;
	background: url('/images/button_download.gif') no-repeat;
}
a.button_download:hover,a.button_preview:hover {background-position: left bottom;}

/* structure */
#wrapper {
	background: #5CB8E9;
	font-size: 1.1em;
	margin: 0 auto;
	width: 1120px;
}

#container {
	background: #FFF;
	margin: 0 auto;
	width: 1108px;
}

#main {padding: 0 10px 12px;}

#front-left {width: 280px;}
#front-mid {width: 400px; margin-left: 12px;}
#main-right {
	background: #F6F6FA url('/images/main-right.gif') repeat-x;
	border: 1px solid #F6F6FA;
	border-color: #F6F6FA #DADAE6 #DADAE6 #EAEAEF;
	width: 223px;
}
#main-left {width: 670px;}
#main-left .padded {padding-right: 0;}

.edge-top,.edge-bottom {
	background: #5CB8E9 url('http://i292.photobucket.com/albums/mm7/pagegraphic/edges2.gif') no-repeat;
	height: 16px;
	font-size: 0;
}
.edge-bottom {background-position: left bottom;}

/* misc */
.clearer {clear: both; font-size: 0; height: 0;}

/* template display */
.template_preview {text-align: center; margin-top: 0.5em;}
.template_preview img {padding: 5px; background: #DDD;}

.template {background: #EFF6E8 url('/images/template.gif') repeat-y; float: left; width: 212px; margin: 0 10px 10px 0;}
.template_top, .template_bottom {height: 4px; font-size: 0; background: url('/images/template_corners.gif') no-repeat;}
.template_bottom {background-position: left bottom;}
.template_title {font: bold 1.2em sans-serif;}
.template_content {padding: 5px 10px; margin: 0;}
.template_thumb {margin-top: 5px; background: #FFF;}
.template_thumb img {display: block; padding: 2px; background: #FFF;}
.template_links {text-align: center; padding: 5px 0 10px; background: #FFF;}
.template_stats {margin-top: 5px;}

/* header */
#logo {background: url('/images/logo.gif') no-repeat; width: 230px; height: 90px;}

#header {
	margin: 0 auto;
	width: 1120px;
}
#header .left {
	width: 360px;
}
#header .right {
	color: #6CF;
	padding: 0px 12px 0 0;
}
#header .right a {
	color: #FFF;
	font: bold 1.3em sans-serif;
	margin: 0 6px;
	text-decoration: none;
}
#header .right a:hover {text-decoration: underline;}

/* navigation */
#nav {
	background: #F5F5F5 url(http://i292.photobucket.com/albums/mm7/pagegraphic/nav.gif) repeat-x;
	border: 1px solid #EEE;
	border-color: #F2F2F2 #DFDFDF #DADADA;
	font: bold 1.2em sans-serif;
	padding: 11px 16px;
}
#nav a {	
	text-decoration: none;
	margin: 0 8px;
}
#nav a:hover {color: #028; text-decoration: underline;}

#sub-nav a {
	float: left;
	background: #F5F5F5;
	border: 1px solid #EEE;
	border-color: #F2F2F2 #DFDFDF #DADADA;	
	font-weight: bold;
	padding: 8px 12px;
	text-decoration: none;
}

#sub-nav a:hover {background: #EEE;}

#sub-nav a.pressed {
	float: left;
	background: #C5C5C5;
	border: 1px solid #EEE;
	border-color: #F2F2F2 #DFDFDF #DADADA;	
	font-weight: bold;
	padding: 8px 12px;
	text-decoration: none;
	color: #028;
}

#sub-nav a:hover.pressed {}

#path {
	background: #F9F9EC;
	font-weight: bold;
	margin: 8px 0;
	padding: 10px 16px;
}
#path a {color: #362;}

#banner {
	margin: 8px 0;
	padding: 10px 13px;
	border: 1px solid #aaa;
	background: #efefef; 
	font-size: 110%;
	font-weight: bold;
	font-family: sans-serif;
}

#banner h1 {
	display: inline;
	font-weight: bold;
	font-size: 110%;
}

/* footer */
.footer {
	padding: 10px 5px;
	margin: 0 20px;
	border-top: 1px solid #F2F2F2;
}

/* item (template & themes) */
.item {margin-bottom: 6px;}
.item h3 {clear: both;}

/* comments */
.comment {margin-bottom: 1em;}
.comment_info {color: #666; font-family: sans-serif;}

/* registration form */
form li {padding: 2px 0;}
form h3 {padding: 10px 0 4px;}

.form_sort select,.form_sort input {font-size: 0.8em;}
.form_sort select {width: 100px;}

#license-info {
	background: #FFF;
	border: 1px solid #AAA;
	color: #000;
	font-size: 0.9em;
	margin-bottom: 10px;
	padding: 10px;
}

.success {
	background: #EAFEED url(/images/success.gif) no-repeat left center;
	border: 1px solid #DAEEDD;
	color: #111;
	margin-bottom: 10px;
	padding: 10px 0 10px 74px;
}
.success h3 {
	color: #272;
	font: normal 1.6em Verdana,sans-serif;
}
.error {
	background: #FDD;
	border-bottom: 1px solid #C66;
	border-top: 1px solid #C66;
	color: #000;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding: 10px;
}

.button {
	background: #EEE url(/images/grdnt-gray.gif) repeat-x;
	font: bold 1.1em Verdana,sans-serif;
	width: 80px;
	padding: 6px 0;
	border: 1px solid #666;
}

/* posts */
div.postdate {
	/* background: url(/images/date.gif) no-repeat; */
	color: #663;
	float: left;
	height: 52px;
	width: 45px;
}
div.postdate div {
	padding: 6px 0;
	text-align: center;
}
div.postdate em {
	display: block;
	font: normal 2em sans-serif;
}
div.postbody {
	float: right;
	width: 312px;
}
div.posttitle {
	font: bold 1.2em sans-serif;
	padding-bottom: 3px;
}
p.postmeta {
	border-top: 1px dashed #CCC;
	margin-bottom: 26px;
	padding: 6px 0;
}

/* drop-shadow */
.drop-shadow {
	background: url(/images/drop-shadow.gif) no-repeat bottom right;
	float: left;
	padding: 0 8px 8px 0;
}
.drop-shadow img {
	background: #FFF;
	border: 1px solid #A9A9A9;
	display: block;
	padding: 2px;
	position: relative;
}

/* tables */
table.pagination {
	border-collapse: collapse;
	font-size: 1.1em;
	margin: 0.5em 0 1em;
}
table.information td {padding: 3px 0; font-size: 1.1em;}

/* star-rating */
h2.rate {padding-top: 0.3em; float: left; padding-left: 190px;}
.star-rating{
	list-style:none;
	margin-left: 0.5em;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url('/images/alt_star.gif') top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url('/images/alt_star.gif') left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.stars1{left: 0px;}
.star-rating a.stars1:hover{width:25px;}
.star-rating a.stars2{left:25px;}
.star-rating a.stars2:hover{width: 50px;}
.star-rating a.stars3{left: 50px;}
.star-rating a.stars3:hover{width: 75px;}
.star-rating a.stars4{left: 75px;}	
.star-rating a.stars4:hover{width: 100px;}
.star-rating a.stars5{left: 100px;}
.star-rating a.stars5:hover{width: 125px;}
.star-rating li.current-rating{
	background: url('/images/alt_star.gif') left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active {outline: none;}

.pagination {
	padding: 3px;
	margin: 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #aaaadd;
	text-decoration: none;
	color: #000099;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 0px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
}

#flash {
	padding: 10px;
	background-color: #ff9;
	margin-bottom: 1em;
}

table.dt {
	margin-top: 10px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

table.dt th, td {
	vertical-align: top;
	text-align: left;
}

table.dt td {
	padding: 4px;
	padding-left: 10px;
}

table.dt th {
	text-align: left;
	font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000;
	border-bottom: 1px solid black;
	background-color: #999;
	padding: 2px;
	padding-left: 3px;
}

table.dt th a, th a:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}

table.dt .ListActions {
	font-size: 10px;
	text-align: right;
	padding-left: 1em;
}

tr.ListLine0 {
	background: #c8c8c8;
}

table.dt .delete {
	background: #FF0000;
}
tr.ListLine1 {
	background: #e8e8e8;
}

#select_template_categories {
	background: #FFFFCC;
	border: 1px solid #CCCC77;
	padding: 10px;
	overflow: hidden;
}

#select_template_categories div {
	width: 210px;
	float: left;
}

#tag_list {
	background: #FFFFCC;
	border: 1px solid #CCCC77;
	padding: 10px;
	overflow: hidden;
}

#tag_list div {
	width: 210px;
	float: left;
}

.left_margin {
	margin-left:20px;
}

ul.linklist {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
  }
 ul.linklist li {
  margin: 2px 0 1px 0;
  padding: 0;
  line-height: 16px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url(/images/bullet_blue.png);
  }
ul.linklist li a {
  padding-left: 20px; /* width of icon + whitespace */
  }

#admin_approval {
	background: #FFFFCC;
	border: 1px solid #CCCC77;
	padding: 10px;
	overflow: hidden;
}

img.front_page {
	border: 4px solid #ddd;
}

img.front_page:hover {
	border: 4px solid #ccc;
}

.padded h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.padded td {
	padding-bottom: 10px;
}

.padded table {
	width: 600px;
}

div#browse_tag {
	border: 4px solid #ddd;
	width: 632px;
}


div#welcome {
	background: #ffff99;
	width: 612px;
	padding: 10px;
	border: 4px solid #FFFF09;
	font-size: 120%;
	margin-bottom: 15px;
}

div#welcome a {
	color: #000;
	font-weight: bold;
}

#browse_tag span {
	display: inline;
	font-size: 130%;
	padding-left: 6px;
}

#browse_tag span {
	margin-left: 8px;
}

#browse_tag ul li a {
	font-weight: bold;
}

.front_header {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.front_header a {
	font-family: sans-serif;
	font-size: 125%;
	font-weight: bold;
	padding-left: 7px;
	padding-bottom: 3px;
}

.new_templates {
	border: 1px solid #777;
	margin-bottom: 15px;
	text-align: center;
}

.new_templates h2 {
	padding: 8px; 
	margin-top: 0; 
	background: #eee; 
	border-bottom: 0px;
	text-align: left;
}

.new_templates ul {
	margin: 8px;
	list-style-type: none;
}

.new_templates li {
	display: inline;
	padding: 0px 8px;
}

.view_all {
	text-align: right;
	background: #eee;
	font-size: 120%;
	padding: 6px;
	font-weight: bold;
	font-family: sans-serif;
}

.highlight {
	background: #FFFFCC;
}

#welcome {
	margin: 0px auto;
	font-size: 170%;
	text-align: center;
	margin-bottom: 10px;
}

#metaInfoDialog
{
	display:none;
	position: absolute;
}

.meta
{
	font-size: 8px;
	font-family: Small Fonts;
	font-weight: normal;
}