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

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

/* font: italic small-caps bold 12px arial */

body {background-color: #f1f5f8;color: #6d6d6d;}
#content {width: 785px; margin: 0; float: left;}
#page {margin: 0; padding: 0;}
#wrapper {width: 979px;margin: 0 auto;padding: 0;clear: both; background:transparent url(/resources/img/center-bg.gif) repeat-x top center;}
#header {width: 979px;margin: 10px auto;padding: 0;}
#logo {float: left; margin: 15px 0 0 0;}
#leaderboard {margin: 0 auto; width: 747px; padding: 0 0 10px 0; text-align: right; float: left;}

#pageLeft {width: 605px;float: left; padding: 0; margin: 10px 0 0 10px;}
#pageRight {width: 160px;float: left; padding: 0; margin: 10px 0 0 10px; }

#layoutLeft {width: 400px; padding: 0; float: left;}
#layoutRight {width: 256px; padding: 0; float: right;}

#profileLeft {width: 336px;float: left; padding: 0; margin: 0;}
#profileRight {width: 324px;float: right; padding: 0; margin: 0;}

#subLeft {width: 325px;float: left; padding: 0; margin: 0;}
#subRight {width: 325px;float: right; padding: 0; margin: 0;}

#pageFull {width: 663px; padding: 0; margin: 0;}
.rightAd {width: 160px;height: 600px; margin: 0; float: left;}

/* -----------------------------------*/
/* ---------->>> NEW CSS <<<-----------*/
/* -----------------------------------*/
#pageLeft .cell {width:605px;}

#menubar .left {left:-1px;position:absolute;top:0;}
#menubar .right {right:-1px;position:absolute;top:0;}


#pink .left {left:-1px;position:absolute;top:0;}
#pink .right {right:-1px;position:absolute;top:0;}

.right {float:right;}
.left {float:left;}
.cell {float: left; padding-bottom:10px;}



.tt {float:left;}
.tt {background:transparent url(/resources/img/header-bg.gif) repeat-x scroll 0pt;float:left;font-size:11px;font-weight:bold;height:34px;line-height:1em; width:100%;}
.tt_text {color: #fff;float:left;padding:11px 0pt 0pt 10px;}
.tt_text a {color: #fff;}

.tt2 {float:left;}
.tt2 {background:transparent url(/resources/img/cell-bottom-bg.gif) repeat-x scroll 0pt;float:left;font-size:11px;font-weight:bold;height:14px;line-height:1em; width:100%;}

.cell ul {float: left; padding: 0 0 0 10px; width: 605px;}
.cell li {float: left; padding: 7px 15px 7px 15px;}
.cell li img {border: 1px solid #cfcfcf;padding: 2px; margin: 2px 0 2px 0;}
.cell li a {padding: 2px 0 0 5px;}
.cell li a.img {padding: 0;}
.cell li a:hover, #latestLayouts li a.name:hover, #latestLayouts li a.category:hover {color: #333;}
.cell li a.name {color: #428bd2;font-weight: bold;font-size: 1.1em;}
.cell li a.category {color: #999999;font-weight: bold;font-size: 1em;}
.cell .list {background:#fff url(/resources/img/cellbg-right.gif) repeat-y top right; width:605px; float: left;}
.cell .list ul {border-left: 1px solid #d7e7f2;}
        
.center_ad300 {float: left;width: 300px;height: 250px;}
.center_ad300r {float: right;width: 300px;height: 250px;}


.newContent {margin: 0; clear: both; display: block; padding: 0 0 10px 0; text-align: center;}


.cell_300 {float: left; padding-bottom:10px; width:300px}
/********** horizontal, image on left style listing  **********/
.cell_300 .list2 {background:#fff url(/resources/img/cellbg-right.gif) repeat-y top right; width:300px; float: left; margin: 0;}
.cell_300 .list2 ul {border-left: 1px solid #d7e7f2; list-style: none;}
.cell_300 .list2 li {width: 300px; clear: both; display: block;}
.cell_300 .list2 li img {border: 1px solid #cfcfcf;padding: 2px;float: left;margin: 10px;}
.cell_300 .list2 li div {line-height: 16px; margin: 10px 0 0 0; padding: 0 5px 0 0;}
.cell_300 .list2 li div a {color: #82cf35; font-weight: bold;font-size: 1.1em; padding: 0;}

/********** veritcal text style listing  **********/
.cell_300 .list3 {width:300px; background:#fff url(/resources/img/cellbg-right.gif) repeat-y top right; float: left;}
.cell_300 .list3 ul {border-left: 1px solid #d7e7f2; list-style: none;}
.cell_300 .list3 li {line-height: 25px;}
.cell_300 .list3 li.post {border-bottom: 1px solid #dfdfdf;width: 90%;margin: 0 auto;}
.cell_300 .list3 li a {color: #6d6d6d;}
.cell_300 .list3 li a.title {font-weight: bold;}
.cell_300 .list3 li.view a {text-decoration: underline;color: #666666;font-size: 1.1em;padding: 0 0 5px 10px;}

/********** layout listing page **********/
.cell .list4 {background:#fff url(/resources/img/cellbg-right.gif) repeat-y top right; width:605px; float: left;}
.cell .list4 ul {border-left: 1px solid #d7e7f2; list-style: none; padding: 0; margin: 0;}
.cell .list4 li {float: left;width: 270px; margin: 0;}
.cell .list4 li img {padding: 5px;border: 1px solid #c1c1c1;background-color: #ffffff;width: 122px;float: left;}
.cell .list4 li div {float: right;width: 120px;line-height: 16px;padding: 0;}

/********** layout listing link sections **********/
.cell .list5 {background:#fff url(/resources/img/cellbg-right.gif) repeat-y top right; width:605px; float: left;}
.cell .list5 ul {border-left: 1px solid #d7e7f2; list-style: none; padding: 0; margin: 0;}
.cell .list5 li {float: left; padding: 5px 14px 5px 17px; line-height: 16px;}
.cell .list5 li.browse {padding: 15px 0 0 5px;}
.cell .list5 li.browse a {line-height: 30px;}
.cell .list5 li a {color: #3483cf;font-weight: bold; font-variant: small-caps; font-size: 1.1em;}
.cell .list5 li.browse a {color: #68b800;font-size: 1.1em;line-height: 24px;}

.ad_link {float:left;padding-left:170px;}

/* -----------------------------------*/
/* ---------->>> HEADERS <<<----------*/
/* -----------------------------------*/
h1.gray {width: 336px; height: 35px; background: url(/resources/img/sprites.png) -529px -414px; line-height: 35px;}
h1.blue {width: 336px; height: 35px; background: url(/resources/img/sprites.png) 0 -450px; line-height: 35px;}
h1.bigblue {width: 663px;height: 35px;background: url(/resources/img/sprites.png) 0 -129px;line-height: 35px; clear: both;}
h2.lightgray {width: 324px;height: 35px; background: url(/resources/img/sprites.png) -337px -450px; line-height: 35px;}
h3.gray {height: 24px; background: #fff repeat-x url(/img/gray-small-bg.gif) center; line-height: 24px;}
.greenHeader {width: 663px;height: 40px; line-height: 40px; background: #fff no-repeat url(/resources/img/greenbar.gif); line-height: 40px; clear: both; display: block; padding: 0; margin: 0 0 10px 0;}

/* -----------------------------------*/
/* ---------->>> BUTTONS <<<----------*/
/* -----------------------------------*/
a.greenbutton {display: block; background: url(/resources/img/sprites.png) -730px -56px; width:256px; height:41px; line-height: 41px; text-align: center;}
a.sGreenButton {display: block; background: url(/resources/img/sprites.png) -866px -414px; width:121px; height:22px; line-height: 22px; text-align: center; margin: 0 0 2px 0;}
a.sGrayButton {display: block; background: url(/resources/img/sprites.png) -866px -437px; width:121px; height:22px; line-height: 22px; text-align: center; margin: 0 0 2px 0;}
a.sBlueButton {display: block; background: url(/resources/img/sprites.png) -866px -460px; width:121px; height:22px; line-height: 22px; text-align: center; margin: 0 0 2px 0;}
a.greenSubmit {color: #fff; font-weight: bold; font-size: 1.3em; padding: 0 20px 0 10px;}
a.reportButton {background: url(/resources/img/report.gif); width: 71px; height: 24px; display: block; margin: 0 5px 0 5px;}
a.emailButton {background: url(/resources/img/email.gif); width: 71px; height: 24px; display: block; margin: 0 5px 0 5px;}
a.saveButton {background: url(/resources/img/save.gif); width: 71px; height: 24px; display: block; margin: 0 5px 0 5px;}
#googleButton {background-image: url(/resources/img/search.gif); background-color: transparent; height: 29px; width: 81px; border: 0; margin: 0;}


/* -----------------------------------*/
/* ------->>> TOP MENU BAR <<<--------*/
/* -----------------------------------*/
#menubar {margin: 5px 0 0 0;float: right; position: relative;}
#menubar ul {width: 730px;height: 39px;background: url(/resources/img/menubar-bg.gif) repeat-x; line-height: 30px; text-align: center;}
#menubar li {float: left; margin: 0; padding: 0 20px 0 20px; font: small-caps bold 1.2em/30px tahoma;}
#menubar li a {color: #ffffff;}


/* -----------------------------------*/
/* -------->>> USER LINKS <<<---------*/
/* -----------------------------------*/
#sublinks {height: 30px; float: left;}
#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; font-size: 1.1em; text-decoration: none;}
#sublinks li a:hover {text-decoration: underline;}

/* -----------------------------------*/
/* --------->>> SUB MENU <<<----------*/
/* -----------------------------------*/
#pink {height: 46px; width: 979px; padding: 0; margin: 0 0 10px 0; background: url(/resources/img/menu-bg.gif) repeat-x; float: left; position: relative;}
#pink form {margin: 0; padding: 0;}
#pink ul {padding: 0;list-style: none;width: 100%;margin: 0 0 10px 0;}
#pink li {float: left; padding: 9px 30px 0 30px;}
#pink li div.searchbar {margin: 0; padding: 0; float: left;}
#pink li div.searchbutton {margin: 0; padding: 0; float: left;}
#pink li div, #pink li img {line-height: 16px;color: #b7b7b7;}
#pink li a {color: #71ca1a; font: normal small-caps bold 1.5em/100% "Arial",sans-serif;}
#pink a.browseLink {color: #5e91db;}
#pink a.uploadLink {color: #dc9542;}
#pink a.askLink {color: #8fcf34;}

/* -----------------------------------*/
/* --------->>> MAIN MENU <<<---------*/
/* -----------------------------------*/
#menu {width: 160px; float: left; margin: 10px 0 0 0;}
#menu ul {background-color: #5bace4;}
#menu li {background-color: #eef3f7;}
#menu li a, #menu a {line-height: 20px;padding: 0 0 0 10px; color: #3483cf; font-size: 1.1em; font-weight: normal; text-align: justify;}
#menu li a:hover, #menu a:hover {color: #333;}
#menu li.top {width: 160px;height: 32px;background: url(/resources/img/button2-top.gif) no-repeat;line-height: 32px;color: white;font-weight: bold;font-size: 1em;}
#menu li.top a, #menu li.sub a, #menu li.bottom a, #menu li.subHighlight a {color: white; line-height: 32px; font-weight: bold; display: block; padding: 0 0 0 5px; height: 32px; margin: 0;}
#menu li.sub {width: 160px;height: 32px;background: url(/resources/img/button2-sub.gif) no-repeat;line-height: 32px;color: white;font-weight: bold;font-size: 1em;}
#menu li.subHighlight {width: 160px;height: 32px;background: url(/resources/img/button2-hover.gif) no-repeat;line-height: 32px;color: white;font-weight: bold;font-size: 1em;}
#menu li.bottom {padding: 0; margin: 0; border-collapse: collapse; width: 160px;height: 32px;background: url(/resources/img/button2-bottom.gif) no-repeat;line-height: 32px;color: white;font-weight: bold;font-size: 1em;}

#layoutsMenu,#mainMenu,#girlyMenu,#graphicsMenu,#toolsMenu {border-left: 1px solid #d7e7f2; border-right: 1px solid #d7e7f2; }

#menu li a.pinkLink {color: #ff4df9;}
#menu li a.pinkLink:hover {color: #000;}
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer {width: 1004px;background: url(/resources/img/footer.gif) no-repeat top center; margin:20px 0 40px 0; display: block;clear: both;line-height: 16px;}
#footer div {padding: 5px;}
#footerLinks {list-style: none;margin: 10px auto;display: table;}
#footerLinks li {float: left; padding: 0 15px 0 15px; line-height: 20px;}
#footerLinks li strong {font-weight: bold;color: #a0a0a0;}
#footerLinks li a {color: #61a1cc; font-size: 1em;}

/* -----------------------------------*/
/* ---------->>> SEARCH <<<-----------*/
/* -----------------------------------*/
.topsearch {width: 176px;height: 19px;background: url(/resources/img/sprites.png) -664px -331px;font-size: 1.3em;font-family: Arial, Helvetica, sans-serif;border: 0;padding: 5px 10px 5px 5px;margin: 0;}
.greenSearch {background: url(/resources/img/greensearchbar.gif); width: 231px; height: 19px; border: 0; margin: 0; padding: 5px 10px 5px 5px; margin: 5px 0 0 10px;}

/* -----------------------------------*/
/* ---------->>> SPRITES <<<----------*/
/* -----------------------------------*/
#sublinks span, #pink span, .subHeader span, .listData span, .layoutDesc span, .askAnswer 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;}
span.slideshows {background-position: -16px 0; margin: 0 2px 0 2px;}
span.greenarrow {background-position: -16px -16px; margin: 4px 2px 0 2px;}
span.greenarrow2 {background-position: -16px -16px; margin: 0 4px 0 0;}
span.bluearrow {background-position: -64px -16px; margin: 0 2px 0 2px;}
span.minus {background-position: -48px -16px; margin: 0 1px 0 1px;}
span.plus {background-position: -32px -16px; margin: 0 1px 0 1px;}
span.minus-hover {background-position: -95px -16px; margin: 0 1px 0 1px;}
span.plus-hover {background-position: -79px -16px; margin: 0 1px 0 1px;}

.top10box span {background-image: url(/resources/img/icons.gif);display: inline;width: 16px;height: 16px; float: right;}
.top10box span.minus {background-position: -48px -16px; margin: 3px 1px 0 1px;}
.top10box span.plus {background-position: -32px -16px; margin: 3px 1px 0 1px;}

/* -----------------------------------*/
/* ------->>> FONTS AND LINKS <<<-----*/
/* -----------------------------------*/
h1.bigblue a {color: #ffffff;font-weight: bold;font-size: 1.3em; padding: 0 0 0 10px;}
h1.blue a {color: #ffffff;font-weight: bold;font-size: 1.3em; padding: 0 0 0 10px;}
h1.gray a {color: #FFFFFF; font-weight: bold;font-size:1.2em; padding: 0 0 0 10px;}
h2.lightgray a {color: #848484; font-weight: bold;font-size:1.2em; padding: 0 0 0 10px;}
#topLayouts li.top span, #forumTopics li.top span {color: #ffffff; font-weight: bold;font-size:1.2em; padding: 0 0 0 10px;}

.subHeader div.list li a {color: #66bdfe;font-weight: bold;}
.subHeader div.list li a.name {font-size: 1.2em;}
.pageListing a {font-weight: bold;font-size: 1em;color: #a8a8a8;padding: 2px; line-height: 1.2em;}
.layoutHeader a {font-size: 1.1em;color: #868686; font-weight: bold;}
.smallBox li.updateView a  {font-size:1.1em; font-weight: bold;}
.listData li a.title {color: #3483cf;font-weight: bold; font-size: 1.2em;}
.listData li a.option {color: #68b800;font-weight: bold; font-size: 1.2em;}
#menu li a.new {color: #8affb3;}
a.greenbutton {font-size: 1.2em; color: #fff; font-weight: bold;}
a.sGrayButton {font-size: 1.1em; color: #fff; font-weight: bold;}
a.sGreenButton {font-size: 1.1em; color: #fff; font-weight: bold;}
a.sBlueButton {font-size: 1.1em; color: #7a7a7a; font-weight: bold;}
.errors {display: block; line-height: 1.1em; padding: 10px; font-size: 1em;}
.errors label {color: #FF0000; font-weight: bold; font-size: 1.1em; display: block;}


/* -----------------------------------*//* -----------------------------------*//* -----------------------------------*/
/* ---------->>> GLOBAL SUB.CSS START <<<-----------*/
/* -----------------------------------*//* -----------------------------------*//* -----------------------------------*/


/* -----------------------------------*/
/* ------->>> ASK AND ANSWER <<<------*/
/* -----------------------------------*/
#askbox {border: 5px solid #84c3ee; float: left; width: 318px; padding: 0; margin: 0;}
#askbox div.main {background: #dfeefa; height: 116px;}
#askbox div.question {text-align: center;}

#askbox textarea {padding: 5px; border: 1px solid #84c3ee; width: 280px; height: 62px; margin: 5px 0 0 0;}
#askbox input {float: right; padding: 0; margin: 5px 10px 0 0;}

#answerbox {border: 5px solid #84c3ee; float: right; width: 318px; padding: 0; margin: 0;}
#answerbox img {padding: 0; margin: 0; text-align: center;}
#answerbox a {padding: 0; margin: 0;}

.askAuthor {float: left; width: 115px;}
.askAuthor img {border: 1px solid #d1d1d1; background: #fff; padding: 5px; margin: 15px 0 0 15px;}
.askBody {float: right; width: 535px; line-height: 1.5em; font-size: 1.1em;}
.askBody a.authorLink {color: #66b41c; display: block; font-size: 1.1em; font- weight: bold; line-height: 2em; margin: 15px 0 0 0;}
.askBody .title {color: #535353; display: block; font-size: 1.3em; font-weight: bold; line-height: 2.5em;}
.askBody .postDate {line-height: 1em; margin: 0 0 0 10px;}

.askBody .buttons {list-style-type: none; padding: 10px;}
.askBody .buttons li {float: left; margin: 0 0 10px 0;}

.askAnswer {line-height: 1.2em; clear: both; display: block;}
.askAnswer li {float: left; padding: 10px;}
.askAnswer li a {color: #4cb2ff;}
.askAnswer .askPoster {color: #60ae17; font-size: 1.1em;}
.askAnswer .askDate {color: #bababa; font-weight: bold;}
.askAnswer li.info {width: 120px;}
.askAnswer li.body {width: 500px; font-size: 1.1em;}

/* -----------------------------------*/
/* ----->>> LAYOUT VIEW - CAT <<<-----*/
/* -----------------------------------*/
.subHeader {display: table;margin: 10px auto;clear: both;}
.subHeader div.header {width: 663px;height: 35px;background: url(/resources/img/sprites.png) 0 -129px;line-height: 35px;}
.subHeader div.header a {color: #ffffff;font-weight: bold;font-size: 1.3em;}
.subHeader .subBg {float: left;padding: 0;margin: 0 auto;width: 661px; background: #fff no-repeat url(/resources/img/sub-cat-bg.gif) bottom center; border-left: 1px solid #e0eaf2; border-right: 1px solid #e0eaf2;}
.subHeader .layoutHeader {height: 24px; width: 663px; line-height: 24px;background: url(/resources/img/sprites.png) no-repeat 0 -104px; text-align: center;}


/* -----------------------------------*/
/* ------->>> LAYOUT LISTING <<<------*/
/* -----------------------------------*/


.layoutListing {text-align: center;padding: 5px;clear: both;margin: 0 auto; line-height: 20px; width: 90%}
.layoutListing a {color: #3483cf; font-weight: bold;}
.pageListing {border: 1px solid #e0eaf2;background-color: #FFFFFF;text-align: center;padding: 5px;clear: both;margin: 0 0 10px 0; line-height: 20px;}

#layoutSub {list-style-type: none; background: #fff; padding: 0; margin: 0 0 0 5px;}
#layoutSub li {float: left; padding: 2px; text-align: center; margin: 0 0 10px 0;}
#layoutSub li a {font-weight: bold; padding: color: #000; font-size: 1.1em; line-height: 16px;}


/* -----------------------------------*/
/* ------>>> LAYOUT VIEW PAGE <<<-----*/
/* -----------------------------------*/
#layoutLeft .thumb {border: 1px solid #e0eaf2;padding: 4px;background-color: #FFFFFF;}
.layoutDesc {padding: 10px 0 10px 10px;line-height: 16px;font-size: 1.1em;}
.layoutDesc a {color: #66bdfe;}
.layoutCode {margin: 10px 0 0 0;display: block;padding: 0;width: 400px;}
.layoutCode .header {width: 400px;height: 35px;background-image: url(/resources/img/gray-header.gif);background-repeat: no-repeat;line-height: 35px;}
.layoutCode .header a {padding: 0 0 0 10px;font-size: 1.2em;color: #ffffff;font-weight: bold;}
.layoutCode .getCode {width: 398px;text-align: center;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;background-color: #FFFFFF;padding: 0;}
.layoutComment {margin: 10px 0 0 0;display: block;padding: 0;width: 256px;}
.layoutComment .header {width: 256px;height: 35px;background-image: url(/resources/img/sub-header-small.gif);background-repeat: no-repeat;line-height: 35px;}
.layoutComment .header a {padding: 0 0 0 10px;font-size: 1.2em;color: #ffffff;font-weight: bold;}
.layoutComment .postComment {width: 254px;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;background-color: #FFFFFF;padding: 0;line-height: 18px;font-weight: bold;}
.layoutComment .postComment div {padding: 10px;}
.layoutComment .postButton {float: right;padding: 0 10px 10px 0;}
.userComments {list-style: none;padding: 10px 0 0 0;}
.userComments li {line-height: 16px;padding: 5px 15px 10px 20px;}
.userComments li a {color: #66bdfe;font-weight: bold;}
.copyHelp {border: 1px solid #e0eaf2;background-color: #FFFFFF;text-align: center;padding: 5px;clear: both;margin: 10px 0 0 0;color: #68b800;font-size: 1.1em;}

/* -----------------------------------*/
/* -------->>> USER PROFILE <<<-------*/
/* -----------------------------------*/
.profileInfo {list-style: none; width: 100%; clear: both; display: table;}
.profileInfo li {float: left; padding: 0 5px 0 15px; line-height: 16px;}
.profileInfo .profileThumb {padding:5px; background-color: #FFFFFF; border: 1px solid #e0eaf2;}
.profileInfo li strong {color: #74b9e8; font-weight: bold; font-size: 1.1em;}
.profileInfo .upcomingEvents {width: 140px; background-color: #FFFFFF; border: 1px solid #e0eaf2; padding: 5px; line-height: 16px;}
.profileInfo .latestNews {width: 250px; background-color: #FFFFFF; border: 1px solid #e0eaf2; padding: 5px; line-height: 16px;}
.profileInfo li a {color: #676767;}

.questions { margin: 10px 0 0 0; border-bottom: 1px solid #e0eaf2; border-left: 1px solid #e0eaf2; border-right: 1px solid #e0eaf2; background-color: #FFFFFF; width: 335px; }
.questions li {line-height: 25px;}
.questions li.post {border-bottom: 1px solid #dfdfdf;width: 90%;margin: 0 auto;}
.questions li a {color: #6d6d6d;}
.questions li a.title {font-weight: bold;}
.questions li.view a {text-decoration: underline;color: #666666;font-size: 1.1em;padding: 0 0 5px 10px;}

.smallBox {margin: 10px 0 0 0;border-bottom: 1px solid #e0eaf2;border-left: 1px solid #e0eaf2;border-right: 1px solid #e0eaf2;background-color: #FFFFFF;width: 323px;}
.smallBox li {line-height: 25px;}
.smallBox li.post {border-bottom: 1px solid #dfdfdf;width: 90%;margin: 0 auto;}
.smallBox li.update {margin: 0 auto; clear: both;}
	.smallBox li.update .genThumb {width: 107px; float: left; padding: 10px 0 0 10px;}
	.smallBox li.update .genThumb img {border: 1px solid #e5e5e5; padding: 5px;}
	.smallBox li.update .genDesc {line-height: 16px; float: right; width: 185px; padding: 30px 10px 5px 0;}
	.smallBox li.update .genDesc strong {font-size: 1.1em; color: #84c83f; font-weight: bold;}
	.smallBox li.update .genDesc a {font-size: 1em; color: #66bdfe; font-weight: bold; padding: 0 0 0 5px;}
	.smallBox li.updateView  {clear: both; padding: 0 0 5px 10px}
.smallBox li a {color: #6d6d6d;}
.smallBox li a.title {font-weight: bold;}
.smallBox li.view a {text-decoration: underline;color: #666666;font-size: 1.1em;padding: 0 0 5px 10px;}

.favLayouts { display: block; margin: 10px 0 0 0; border-bottom: 1px solid #e0eaf2; border-left: 1px solid #e0eaf2; border-right: 1px solid #e0eaf2; background-color: #FFFFFF; width: 335px;}
.favLayouts .list {list-style: none; display: table; clear: both; margin: 0;}
.favLayouts .list li {padding: 12px; margin: 0; float: left;}
.favLayouts .list li img {border: 1px solid #e0eaf2; padding: 5px; background-color: #FFFFFF;}

/* -----------------------------------*/
/* ---------->>> GENERATOR <<<--------*/
/* -----------------------------------*/
ul.gen {list-style: none; margin: 10px 0 10px 0;}
ul.gen li {float: left; width: 325px; padding: 0 5px 0 0;}
ul.gen li div.title { border: 1px solid #dae6ef; background: #fff; padding: 5px; text-align: right; clear: both; font-weight: bold; font-size: 1.2em; color: #808080;}
ul.gen li div.img {float: left; width: 90px; padding: 1px;}
ul.gen li div.body {float: right; width: 220px; line-height: 18px; color: #8b8b8b; padding:5px;}
ul.gen li div.body a.use {float: right; color: #66ca08; text-decoration: none; font-weight: bold; font-size: 1.1em;}

/* -----------------------------------*/
/* ------------>>> CODES <<<----------*/
/* -----------------------------------*/
ul.code {list-style: none; margin: 0;}
ul.code li {float: left; width: 167px; padding: 5px; border: 1px solid #dae6ef; background: #fff repeat-x url(/img/code-bg.gif) bottom center; margin: 10px 7px 10px 7px; height:100px;}
ul.code li div.title a { padding: 5px; text-align: center; display: block; font-weight: bold; font-size: 1.2em; color: #66ca08;}
ul.code li div.body {line-height: 16px; color: #767676; padding: 5px;}

/* -----------------------------------*/
/* ---------->>> LIST DATA <<<--------*/
/* -----------------------------------*/
table { border-spacing: 2px 5px; width: 100%; }
table th { background: #fff repeat-x url(/img/gray-small-bg.gif) center; line-height: 24px; height: 24px; color: #4c4c4c; border-bottom: 1px solid #fff; }
table th strong { font-size: 1.1em; padding: 0 0 0 5px;}
table tr {background: #deeefa;}
table tr.alt {background: #f1f5f8;}
table td {padding: 10px;}
table td a {color: #4c4c4c; font-weight: normal; font-size: 1.1em;}
table td a.author {color: #549dcf; font-weight: normal; text-decoration: underline;}


.listData { display: block; clear: both;}
.listData li {padding: 5px; width: 211px; float: left; vertical-align: middle;}
.listData li.titleData a {padding: 0 0 0 10px;}
.listData li.optionData b {padding: 0 0 0 10px;}
.listData li.optionData2 a {padding: 0 0 0 10px;}
.listData li strong {font-size: 1.2em;}
fieldset { margin: 0; padding: 0; border-style: none;}
fieldset ol {padding: 1em 1em 0 1em; list-style: none;}
fieldset li {padding: 0 0 1em 0;}
fieldset.submit {border-style: none ;margin: 0 0 0 1em;}
fieldset label {display: block;}
fieldset legend {margin: 1em 0 0 5px; font-weight: bold; font-size: 1em; color: #74bc00;}

.box {border:1px solid #dde4ea; background: #fff url(/resources/img/box-bg.gif) repeat-x bottom center; padding: 10px;}
.box-full-float {border:1px solid #dde4ea; background: #fff url(/resources/img/box-bg.gif) repeat-x bottom center; padding: 5px; float: left; width: 650px;}
.box2 {border:1px solid #dde4ea; background: #fff url(/resources/img/box-bg.gif) repeat-x bottom center; padding: 5px;}
.box3 {border:1px solid #dde4ea; background: #fff url(/resources/img/box-bg.gif) repeat-x bottom center; padding: 5px; float: left; display: block; margin: 0 0 10px 0;}
.box .left {float:left;}

.box .right {float:right;}

.top10box {border:1px solid #dde4ea; background: #fff url(/resources/img/box-bg.gif) repeat-x bottom center; padding: 10px; margin: 0 0 10px 0; float: left; width: 90%;}
.top10box img {border: 1px solid #dbe7ef; padding: 5px; background: #ffffff; float: left; margin: 0 10px 0 0;}
.top10box .desc {float: left; line-height: 16px;}
.top10box .desc strong {font-weight: bold; color: #66ca08; font-size: 1.2em;}
.top10box .left {float:left; width: 320px;}
.top10box .right {float:right; padding: 5px 0 0 0;}


/* -----------------------------------*/
/* -------->>> UPDATE BLOG <<<--------*/
/* -----------------------------------*/
.blogBody {font-size: 1.1em; line-height: 1.2em; padding: 5px; margin: 5px 0 10px 0; display: block;}
.blogBody a {font-size: 1.2em; font-weight: bold; display: block;}

.helpList {list-style-type: none; line-height: 1.2em; font-size: 1.1em;}
.helpList li {margin: 0 0 10px 0;}
.helpList strong {font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #4db2ff;}

#tableGen {background: transparent; font-size: 1.1em; font-weight: bold; color: #3f8cd0;}
#tableGen td {background: transparent; line-height: 20px; border-bottom: 1px solid #e7e7e7;}



.myPhotos {list-style-type: none; display: block; clear: both;}
.myPhotos li {padding: 8px; float: left; text-align: center; line-height: 2em; display: block; font-size: 1.1em;}
img.myPhotoThumb:hover {border: 6px solid #3483cf;}
img.myPhotoThumb {border: 6px solid white;}

#albumList {clear: both; display: block;}
#albumList li {padding: 5px; font-size: 1.1em; clear: both; display: block; font-size: 1.1em; line-height: 1.5em; margin: 5px 0 10px 0;}
#albumList li strong {font-size: 1.1em;}


/* -----------------------------------*//* -----------------------------------*//* -----------------------------------*/
/* ---------->>> GLOBAL HOMEPAGE.CSS START <<<-----------*/
/* -----------------------------------*//* -----------------------------------*//* -----------------------------------*/
#homeLeft {width: 529px; float: left; margin: 10px 0 0 0;}
#homeRight {width: 302px;float: right; margin: 10px 0 0 0;}
#topAd {float: left;width: 300px;height: 250px;}
#homeRightAd {border: 1px solid #dae6ef;width: 300px;height: 250px;}

pre {width:550px; overflow: scroll; font-size: 1.1em; background-color: #eef3f7; padding: 5px; margin-bottom: 30px; margin-top: 5px}