@charset "utf-8";
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
#pageLeft {width: 663px;float: left; padding: 0 0 0 4px;}
#pageRight {width: 160px;float: right; }

#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 {border: 1px solid #dae6ef;width: 160px;height: 600px; margin: 10px 0 0 0;}

.blockAds {width: 663px; height: 250px; clear: both; display: table; margin: 0;}
.blockAdsBottom {width: 663px; height: 250px; clear: both; display: table; margin: 10px 0 0 0;}
.leftAd {float: left;padding: 0;margin: 0;}
.rightAd {float: right;padding: 0;margin: 0;}

/* -----------------------------------*/
/* ------->>> 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;}
.subHeader .catList {list-style: none;}
.subHeader .catList li {float: left; padding: 5px 14px 5px 17px; line-height: 16px;}
.subHeader .catList li.browse {padding: 15px 0 0 5px;}
.subHeader .catList li.browse a {line-height: 30px;}

/* -----------------------------------*/
/* ------->>> LAYOUT LISTING <<<------*/
/* -----------------------------------*/
.subHeader div.list {}
.subHeader div.list ul {list-style: none;clear: both;display: block;width: 663px;}
.subHeader div.list li {float: left;padding: 10px 15px 10px 15px;width: 300px;}
.subHeader div.list li img {padding: 10px 5px;border: 1px solid #c1c1c1;background-color: #ffffff;width: 122px;float: left;}
.subHeader div.list li div {float: right;width: 150px;line-height: 16px;padding: 0;}
.pageListing {border: 1px solid #e0eaf2;background-color: #FFFFFF;text-align: center;padding: 5px;clear: both;margin: 10px 0 0 0;}
#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: 190px; 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;}
fieldset label {display: block;}
fieldset legend {margin: 0 0 0 1em; font-weight: bold; font-size: 1.2em; 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;}
.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;}