@charset "utf-8";
@import url(/resources/css/niceforms-default.css);

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body {background: #fff url(/resources/img/base-top.gif) repeat-x; color: #6d6d6d;}
#content {width: 836px;float: right;}
#page {margin: 0; padding: 0;}
#wrapper {width: 900px;margin: 0 auto;padding: 0;clear: both;}
#header {width: 900px;margin: 0 auto;padding: 10px 0 0 0;}
#logo {float: left;}
#topHeader {width: 900px;margin: 0 auto;padding: 0;clear: both;}
#topHeader ul {list-style-type: none; margin: 0 0 0 20px;}
#topHeader li {float: left; margin: 0; padding: 10px; line-height: 32px;}
#topHeader li a {font-size: 1.2em; color: #656565; font-weight: bold;}

/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/
#pageLeft {float: left; width: 300px; padding: 0; margin: 0 10px 0 0;}
#pageMiddle {float: left; width: 420px; padding: 0; margin: 0 10px 0 0;}
#pageRight {float: right; width: 160px; padding: 0; margin: 0; text-align: right;}
.boxAd {margin: 10px 0 10px 0;}

/* -----------------------------------*/
/* -------->>> USER LINKS <<<---------*/
/* -----------------------------------*/
#sublinks {height: 20px;}
#sublinks ul {list-style: none;}
#sublinks li {float: right;padding: 0 20px 0 10px;}
#sublinks li img {padding: 0;margin: 0;vertical-align: middle;}
#sublinks li a {color: #6c7073;padding: 0 0 0 2px;margin: 0; vertical-align: middle;}

/* -----------------------------------*/
/* ---------->>> SPRITES <<<----------*/
/* -----------------------------------*/
#sublinks span, #pink span, .subHeader span, .listData span, .layoutDesc span {background-image: url(/resources/img/icons.gif);display: inline;width: 16px;height: 16px;float: left;}
span.login {background-position: -113px 0; margin: 0 2px 0 2px;}
span.register {background-position: -128px 0; margin: 0 2px 0 2px;}
span.forums {background-position: -48px 0; margin: 0 2px 0 2px;}
span.bookmark {background-position: 0 -16px; margin: 0 2px 0 2px;}
span.browse {background-position: 0 0; margin: 0 2px 0 2px;}
span.upload {background-position: -32px 0; margin: 0 2px 0 2px;}

/* -----------------------------------*/
/* ----------->>> FONTS <<<-----------*/
/* -----------------------------------*/
a {color: #4cb2ff; font-size: 1.1em;}
.flashName a {font-size: 1.2em; line-height: 1.3em;}
span.title {color: #82cf35; font-size: 2em; font-weight: bold; padding: 2px;}
span.category {color: #a5a5a5; font-size: 1.1em; display: block; padding: 2px;}
span.date {color: #5f5f5f; font-size: 1.1em; display: block; padding: 2px;}
span.theme {color: #5f5f5f; font-size: 1.1em; display: block; padding: 2px;}
span.number {color: #a5a5a5; font-size: 1.2em;  padding: 2px; line-height: 1.3em;}

/* -----------------------------------*/
/* ----------->>> FLASH <<<-----------*/
/* -----------------------------------*/
.customizeFlash span.title {color: #4cb2ff; font-size: 2em; font-weight: bold; display: block; padding: 2px;}
.flashName {padding: 10px; border: 1px solid #e7e7e7; line-height: 1.2em;}
.customizeFlash {padding: 10px; border: 1px solid #e7e7e7; margin: 5px 0 5px 0;}

.flashForm {padding: 0; border: 1px solid #e7e7e7; margin: 5px 0 5px 0;}
.flashForm table {border: 0; border-collapse: collapse;}
.flashForm table td {height: 30px; line-height: 30px;}
.flashForm table td strong {margin: 0 0 0 5px;}

.flashLayouts {list-style-type: none; display: block; margin: 0; padding: 0;}
.flashLayouts li {display: block; padding: 10px 0 10px 5px; margin: 0;}
.flashLayouts img {border: 4px solid #c3d6e5;}

#flashFrame {clear:both; width:100%; margin: 0; padding: 0;}
#flashFrame iframe {border:1px #666666 solid; overflow: hidden;}