/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
* { outline: none; }
body { background:url(../images/bg.jpg); font: 12px Arial, Helvetica, sans-serif; }
img {border:0;}
textarea {overflow:auto; border:none; background:transparent;}
#header { background:url(../images/nav.png) center top no-repeat; width:994px; height:158px; position:relative; z-index:2; }
.header-inner {position:relative; }
#container { height:1200px; width:994px; margin:0 auto; position:relative; }
#main-content {position:relative; margin-top:6px; height:800px; width:994px; }
.home #main-content { position:relative; margin-top:0px; height:950px; }
.register #main-content { position:relative; margin-top:0px; height:950px; }
.inspired #main-content { position:relative; margin-top:0px; height:1400px; }
.terms #main-content { position:relative; margin-top:0px; height:1600px; }
.terms #container { height:1900px; width:994px; margin:0 auto; position:relative; }
.members #main-content { position:relative; margin-top:0px; height:950px; }
.searchresult #main-content { position:relative; margin-top:0px; height:950px; }
.chat #main-content { position:relative; margin-top:0px; height:980px; }
.preview-image {width:107px;}
/* Navigation */
#nav { list-style:none; }
#nav li { width: 86px; height:49px; position:absolute; }
#nav .home { left:82px; top:20px; }
#nav .chat { left:182px; top:47px; }
#nav .getinspired { left:337px; top:5px; }
#nav .whatsnew { left:468px; top:68px; }
#nav a { width: 86px; height:49px; display:block; text-indent:-9999px; }
#nav a:hover, #nav .selected { background:url(../images/circle_highlight.png);}
/* footer */
.footer { margin-left:140px; width:735px; height:44px; background:url(../images/footer.png) no-repeat; }
.footer-inner {margin-left:10px; padding-top:10px;}
.footer a {float:left; margin-left:20px; display:block; text-transform:uppercase; text-decoration:none; color:#000000;}
.footer a.siteurl {margin-left:120px;}
/*Search*/
#search { position:absolute; top:30px; left:780px; }
#search input { background:transparent; border:0;}
#search .field { width:105px; }
#search .submit { width:30px; height:20px; cursor:pointer; margin-left:30px;}
.user_panel {width:147px; height:123px; left:598px; top:12px; position:absolute; }
.wrong_login {background:url(../images/nav/login/3_errormsg.png) no-repeat; }
.back_button {width:46px; height:19px; background:url(../images/nav/back-button.png) no-repeat; display:block; margin-left:50px; margin-top:88px; border:0; text-indent:-999px; font-size:0px; }
.invalidemail {background:url(../images/nav/login/invalidemail.png);}
.invalidemail .back_button {margin-top:92px;}
.back_button:hover {width:46px; height:38px; background:url(../images/nav/back-button.png) 0px -19px no-repeat; }
.login_panel {}
.login_panel_inner {position:relative;}
.username {width:119px; height:14px; left:15px; *left:14px; top:44px; *top:43px; position:absolute; border:none; background:#e3dfd5; }
.password {width:119px; height:14px; left:15px; *left:14px; top:65px; *top:63px; position:absolute; border:none; background:#e3dfd5;}
.submitbtn {left:58px; top:83px; position:absolute; width:28px; height:22px; border:none; background:url(../images/nav/go-button.png) 0px 0px; cursor:hand; cursor:pointer; text-indent:-999px; font-size:0px;}
.submitbtn:hover {left:58px; top:83px; position:absolute; width:28px; height:22px; border:none; background:url(../images/nav/go-button.png) 0px -22px;}
.backbtn {float:left; width:40px; height:20px; margin-left:20px; margin-top:10px;}
.log_out_btn {position:absolute; top:70px; left:44px; width:60px; background:transparent; border:none; cursor:hand; cursor:pointer; -moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;}
#username {color:#ffffff; text-align:center; top:50px; left:0px; width:147px; position:absolute; font-size:14px; }
.loggedin_panel {background:url(../images/nav/login/2_loggedin.png);}
.wrong-login-panel {background:url(../images/nav/login/3_errormsg.png);}
.wrong-login-panel a {width:147px; height:123px; display:block;}
.forget_password_panel {background:url(../images/nav/login/4_forgetpass.png); }
.forget_password_panel .submitbtn {width:50px; height:20px; background:transparent; border:none; color:white; font-size:0; margin-left:14px; margin-top:10px; float:left; cursor:pointer;}
.forget_password_panel .username { margin-left:8px; margin-top:51px; font-size:11px; position:relative; top:0; left:0; background:transparent; }
.imgpop { border:5px solid #FFF; width:82px; height:96px; margin-right:5px; margin-top:10px; }
a.inspired-title-link {color:#333333; text-decoration:none;}
a.inspired-title-link:hover {color:#333333; text-decoration:underline;}
.home #container { background:url(../images/homeemptybg.png) no-repeat; }
.register #container { background:url(../images/homeemptybg.png) no-repeat; }
.members #container { background:url(../images/whatsthisabt.png) no-repeat; }
.chat #container { background:url(../images/chat/chatbg.png) no-repeat; }
.whatsnew #container { background:url(../images/whats-new/bg.png) no-repeat; }
.searchresult #container { background:url(../images/homeemptybg.png) no-repeat; }
.terms #container { background:url(../images/termsbg.png) no-repeat; }
.inspired #container { background:url(../images/getinspiredbg.png) no-repeat; height:1600px; }
.sitemap #container { background:url(../images/homeemptybg.png) no-repeat; }
.sitemap #title {color:#06094e; font-size:36px;}
.searchresult h2, .terms h2{font-size:36px;}
#main-content .creaturesofchange { height: 241px; width: 308px; position:absolute; top: 0px; left:116px; }
#main-content .creaturesofchange a { width:76px; height:296px; float:left; display:block;}
#main-content .creaturesofchange h1 {text-indent:-9999px;}
#main-content .about { width: 380px; position: absolute; left:460px; text-transform:uppercase; }
#main-content .about p{padding:0; margin:0; margin-top:-10px; *margin-top:0px;}
#shareit {margin-left:820px; padding-top:70px; }
.about a {color:#ee373c;}
#hyReg {color:#EB1C24;}
.about-content {margin-left:160px; width:700px; font-weight:bold;}
.about-content h1 {font-size:36px;}
.more {text-align:right; margin-top:-20px; *margin-top:-10px;}
.home-profile-title {float:left; width:200px; padding-top:10px;}
.home-profile-title .common {text-transform:uppercase;}
.creatorsoftomorrow .creator-profile-name {color:#ee373c; font-size:11px; font-weight:bold; margin-top:0px;}
.creatorsoftomorrow .creator-profile-role {color:#ee373c; font-size:11px; font-weight:bold; margin-top:0px;}
.whatabout {font-size:16px; text-transform:uppercase; width:128px; margin-bottom:0px; font-weight:bold;}
.whatabout span {display:none;}
.creatorsoftomorrow .creator-profile-title {font-size:12px; float:left; margin-top:10px;}
.readon {margin-left:90px; margin-top:0px;}
.readon a{font-size:11px; font-weight:bold; color:#333333;}
.copy-more a {color:#333333; margin-top:20px;}
.copy-more .comments {margin-right:170px;}
#main-content .creatorsoftomorrow { width: 300px; position: absolute; top: 140px; left: 140px; }
#main-content .creatorsoftomorrow h2 { text-indent:-9999px; display:none; }
#main-content .creatorsoftomorrow img { float:left; }
.creatorsoftomorrow-title {margin-left:30px;}
#main-content .creatorsoftomorrow span {}
#main-content .editorspick { width:429px; position:absolute; top:161px; left:459px; height: 518px; text-align:center; background:url(../images/home/paperbg.png) no-repeat left top; }
#main-content .editorspick .imgpop {margin-top:20px; margin-left:auto; margin-right:auto; width:auto; height:auto; display:block;}
#main-content .editorspick h2 { text-indent: -9999px; display:none; }
#main-content .editorspick .copy { width: 350px; margin: 10px auto; text-align: left; font-weight:bold; font-size:12px; color:#333333; }
#main-content .editorspick .copy .title { font-weight: bold; font-size:14px; margin-bottom:14px; }
#main-content .editorspick #type { position:absolute; bottom:0; display:block; height:52px; width:429px; text-align:right; left:0;}
#main-content .editorspick #type p { margin-right:52px; margin-top:17px; text-transform:uppercase; }
#main-content .editorspick .latest { color:#3f3f3f; background:url(../images/icons/latest.png) no-repeat right top; }
#main-content .editorspick .music { color:#c23581; background:url(../images/icons/music.png) no-repeat right top; }
#main-content .editorspick .health { color:#b13f35; background:url(../images/icons/health.png) no-repeat right top; }
#main-content .editorspick .gaming { color:#da7c3c; background:url(../images/icons/gaming.png) no-repeat right top; }
#main-content .editorspick .flight { color:#da7c3c; background:url(../images/icons/flight.png) no-repeat right top; }
#main-content .editorspick .machines { color:#2e53a3; background:url(../images/icons/machines.png) no-repeat right top; }
#main-content .editorspick .materials { color:#8053a4; background:url(../images/icons/materials.png) no-repeat right top; }
#main-content .editorspick .social { color:#a466a0; background:url(../images/icons/social.png) no-repeat right top; }
#main-content .editorspick .environment { color:#6eab52; background:url(../images/icons/enviroment.png) no-repeat right top; }
#main-content .editorspick .sports { color:#21b8a9; background:url(../images/icons/sport.png) no-repeat right top; }
#main-content .editorspick .gadgets { color:#31a576; background:url(../images/icons/gadgets.png) no-repeat right top; }
#main-content .editorspick .urbandesign { color:#b6b024; background:url(../images/icons/archtecture.png) no-repeat right top; }
#type a {text-decoration:none;}
#main-content .editorspick .latest a{color:#3f3f3f;}
#main-content .editorspick .music a{color:#c23581;}
#main-content .editorspick .health a{color:#b13f35;}
#main-content .editorspick .gaming a{color:#da7c3c;}
#main-content .editorspick .flight a{color:#da7c3c;}
#main-content .editorspick .machines a{color:#2e53a3;}
#main-content .editorspick .materials a{color:#8053a4;}
#main-content .editorspick .social a{color:#a466a0;}
#main-content .editorspick .environment a{color:#6eab52;}
#main-content .editorspick .sports a{color:#21b8a9;}
#main-content .editorspick .gadgets a{color:#31a576;}
#main-content .editorspick .urbandesign a{color:#b6b024;}
.editorspick-title {margin-top:-5px;}
#main-content .adspace { position: absolute; top: 360px; left: 140px; }
select {width:223px; height:38px; }
#regsubmit {width:69px; height:22px;}
div.cmf-skinned-text {
background:none;
font-weight:300;
color:#333333;
padding-left:10px;
padding-top:5px;
}
div.cmf-skinned-select {
margin-top:8px;
background:none;
width:223px;
height:38px;
background: url(../images/register/dropdown.png) -2px 0px no-repeat;
border: none;
}
.main-content-edit div.cmf-skinned-text {
background:none;
font-weight:300;
color:black;
padding-left:10px;
padding-top:5px;
}
.main-content-edit div.cmf-skinned-select {
margin-top:8px;
background:none;
width:168px;
height:38px;
background: url(../images/register/dropdown.png) -2px 0px no-repeat;
border: none;
}
.select-outer {float:left; margin-left:138px; margin-top:-28px;}
#country {width:168px; height:26px;}
#interest {width:160px; height:26px; }
#hearabout {width:168px; height:26px;}
.inspiration-textarea #interest {width:80px;}
.inspiration-textarea div.cmf-skinned-text {
background:none;
font-weight:300;
padding: 1px;
color:black;
padding-left:10px;
padding-top:5px;
}
.inspiration-textarea div.cmf-skinned-select {
margin-top:8px;
background:none;
width:166px;
height:32px;
background:none;
background: url(../images/post-new-inspiration/dropbox.png) -5px -5px no-repeat;
border: none;
}
.inspiration-textarea #interest {width:160px; height:26px; background:none;}
/*******register******/
.main-content-register {margin-left:136px; width:748px; background:url(../images/ucc-icon.png) 610px 330px no-repeat;}
.main-content-register input { border:none; background:none; width:226px; height:26px; margin-top:7px; display:block; margin-left:3px; }
.register-title {font-size:36px; color:#060a53;}
.field-left {float:left; background:url(../images/register/textfield.png) -5px 20px no-repeat; width:374px; font-size:14px; height:55px; margin-bottom:0px; }
.field-right {float:right; background:url(../images/register/textfield.png) -5px 20px no-repeat; width:374px; font-size:14px; margin-bottom:0px;}
.field-left span, .field-right span {text-transform:uppercase;}
.field-left-spec {background:url(../images/register/textfield-374x112.jpg) -5px 20px no-repeat; width:374px; font-size:14px; height:140px; }
.field-left-spec textarea {width:356px; height:100px; overflow:auto; border:none; background:transparent; margin-top:10px; margin-left:4px;}
.field-right-spec {background:none;}
#regsubmit {width:113px; height:37px;}
.last-row-right {margin-top:4px;}
.last-row-spacer {width:1px; height:14px;}
/*******view profile******/
.main-content-view {margin-left:136px; width:748px; height:800px; background:url(../images/ucc-icon.png) 610px 330px no-repeat;}
.view-title {font-size:36px; color:#060a53;}
.profile-img {float:left; margin-right:22px; margin-top:20px; width:261px; height:220px; }
.profile-img img {border:5px solid white;}
.profile-info {float:left; margin-top:20px; font-size:14px;}
.profile-info-right {color:#060a53;}
.profile-info-left, .profile-info-right {float:left; margin-bottom:7px; text-transform:uppercase;}
.profile-info-left {width:180px; color:#313133;}
.edit-profile-btn {display:block; padding-top:17px;}
/*******edit profile******/
.main-content-edit {margin-left:136px; width:748px; height:800px; background:url(../images/ucc-icon.png) 610px 630px no-repeat; color:#313133;}
.gotohomepage {margin-left:5px;}
.profile-img {position:relative; width:261px; height:220px;}
.last {margin-bottom:0; padding-bottom:0;}
#psudo {
background:url(../images/register/browse-button.png) no-repeat;
font-weight:bold;
color:#ffffff;
z-index:1;
width:57px;
height:19x;
font-size:10px;
position:absolute;
border:0;
left:209px;
top:0px;
cursor: pointer;
cursor: hand;
}
#uploadimg2 {
position:absolute;
left:209px;
top:0px;
}
#FileUpload1 {
width:100px;
cursor: pointer;
cursor: hand;
text-align:right;
width:0px;
height:50px;
position:absolute;
left:43px;
*left:173px;
top:0px;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
.about-you {background:url(../images/register/big-field.png) -10px 16px no-repeat; float:left; width:462px; height:250px; margin-top:20px;}
.about-you textarea {margin-left:10px; margin-top:16px; overflow:auto; background:transparent; width:446px; height:190px; border:none;}
.main-content-edit .field-left {float:left; background:url(../images/register/textfield.png) 134px -1px no-repeat; width:374px; font-size:12px; height:34px; margin-bottom:0px; }
.main-content-edit .field-right {float:right; background:url(../images/register/textfield.png) 134px -1px no-repeat; width:374px; font-size:12px; height:34px; margin-bottom:0px;}
.main-content-edit .field-left span.spec, .main-content-edit .field-right span.spec {text-transform:uppercase; float:left; display:block; width:140px; margin-top:5px; }
.main-content-edit .field-right span.spec {text-transform:uppercase; float:left; display:block; width:130px; margin-top:5px; margin-left:10px; }
.main-content-edit .field-left input, .main-content-edit .field-right input {float:left; display:block; width:230px; background:transparent; border:none; margin-top:2px;}
.main-content-edit .field-right-spec {background:none;}
.main-content-edit .field-left-spec {background:none;}
.main-content-edit .field-right input.savechanges {width:113px; height:20px; margin-left:206px; margin-right:5px;}
.main-content-edit .field-right input.cancel {width:46px; height:19px;}
.veri-title {font-size:36px; color:#060a53;}
.verification-message {font-weight:bold; color:#313133;
}
.text-lower{margin-top:-30px;}
/*******get inspired*********/
.title-quote {position:absolute; top:0px; left:50px; width:690px; margin-left:100px;}
.title-quote-img {float:left; border:5px solid white; margin-right:10px; }
.openquote {float:left; margin-right:5px;}
.inspired #container-inner {width:420px; height:100px; float:left; background:url(../images/closequote.png) right bottom no-repeat; margin-left:10px;}
.inspired #container h2 {font-size:14px; width:380px; padding-bottom:none; margin-bottom:none;}
.interests-links {width:210px; height:840px; left:690px; top:170px; position:absolute;}
.cartoon-head {left:754px; top:20px; position:absolute;}
.interests-links a {display:block; width:210px; height:70px; margin-top:-22px;}
a.latest {background:url(../images/interests-links/latest.png) no-repeat;}
a.music {background:url(../images/interests-links/music.png) no-repeat;}
a.health {background:url(../images/interests-links/health.png) no-repeat;}
a.gaming {background:url(../images/interests-links/games.png) no-repeat;}
a.flight {background:url(../images/interests-links/flight.png) no-repeat;}
a.machines {background:url(../images/interests-links/machines.png) no-repeat;}
a.materials {background:url(../images/interests-links/materials.png) no-repeat;}
a.social {background:url(../images/interests-links/social.png) no-repeat;}
a.environment {background:url(../images/interests-links/environment.png) no-repeat;}
a.sports {background:url(../images/interests-links/sports.png) no-repeat;}
a.gadgets {background:url(../images/interests-links/gadget.png) no-repeat;}
a.urbandesign {background:url(../images/interests-links/urban-design.png) no-repeat;}
.interests-links a:hover, .interests-links a.current {background-position:left -70px;}
.inspired-content-left {width:250px; float:left; margin-right:10px; margin-left:10px;}
.inspired-content-right { width:250px; float:left;}
.inspired-content-right img {float:right;}
.inspired-content-left img, .inspired-content-right img {border:5px solid white;}
.inspired-content-right a img {float:none; border:none;}
.inspired-content-left a img {float:none; border:none;}
.inspired-content-footer a{color:#3f3f3f;}
.inspired-main {top:140px; left:140px; position:absolute; width:560px;}
.inspired-read-more {float:left; display:block;}
.inspired-comments {float:right; display:block; text-decoration:none;}
.inspired-comments span {text-decoration:underline;}
h3 {font-size:16px; font-weight:bold; margin-bottom:1em;}
.inspired-content-right-content {margin-bottom:1em; height:80px;}
.textarea-wrapper {height:92px; background:url(../images/post-new-inspiration/big-field.png) -4px 0px no-repeat; }
.inspiration-textarea {background:none; width:403px; height:72px; margin-top:0px; float:left; }
.inspiration-textarea textarea {border:none; background-color:transparent; overflow: auto; width:380px; height:72px; margin-left:5px; margin-top:5px;}
.post-new-inspiration {color:#bc0301; font-size:14px;}
.upload-area {float:left; width:112px; margin-left:10px; position:relative; margin-top:-56px;}
.inspired-link {background:url(../images/post-new-inspiration/small-field.png) -4px 0px no-repeat; width:403px; height:34px;}
.inspired-link input {background:transparent; width:380px; border:none; margin-left:5px; margin-top:3px; height:34px;}
.upload-area img {margin-left:5px; }
.pagin {text-align:right; font-weight:bold; color:#313133; margin-right:42px;}
.pagin a {color:#313133;}
.pagin-b {text-align:right; font-weight:bold; color:#313133; margin-right:10px; }
.pagin-b a {color:#313133;}
.what-say {float:left; width:386px; height:335px; background:url(../images/article-view/commentbox.png);}
.altcommentview-grp {float:left; width:412px;}
#dummy, .preview-image {border:5px solid white;}
#inspsudo {
background:url(../images/post-new-inspiration/browseimg.png) no-repeat;
font-weight:bold;
color:#ffffff;
z-index:1;
width:124px;
height:36px;
font-size:10px;
position:absolute;
border:0;
left:0px;
top:100px;
}
#upload {
width:20px;
padding:3px;
border:0; cursor:pointer; text-align:right;
position:absolute;
left:-120px;
*left:0px;
top:102px;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
#uploadimg {
display:none;
}
.preview {margin-left:10px;}
.comments {margin-right:70px;}
.highlight {text-transform:uppercase;}
.latest .highlight { color:#3f3f3f; }
.music .highlight { color:#c23581; }
.health .highlight { color:#b13f35; }
.gaming .highlight { color:#da7c3c; }
.flight .highlight { color:#da7c3c; }
.machines .highlight { color:#2e53a3; }
.materials .highlight { color:#8053a4; }
.social .highlight { color:#a466a0; }
.environment .highlight { color:#6eab52; }
.sports .highlight { color:#21b8a9; }
.gadgets .highlight { color:#31a576; }
.urbandesign .highlight { color:#b6b024; }
.article-img { float:left; border:5px solid white; margin-right:16px; }
.article-message {margin-left:138px;}
.article-message-left {float:left; width:536px;}
.article-message-left h3 {margin-bottom:10px;}
.rel-courses {float:left; width:190px; margin-top:40px;}
.altcommentview {width:412px; min-height:94px; background:url(../images/article-view/hl-comments.png) left bottom no-repeat; }
.even {width:412px; height:94px; background:none;}
.altcommentview-more {width:412px; text-align:right;}
.altcommentview-more a {text-decoration:none; color:#000000;}
.what-say-title {font-size:14px;}
.what-say-sub {color:#666666; display:none;}
.what-say-inner {margin-left:46px; margin-top:84px;}
.what-say textarea {width:260px; height:181px; *height:180px;}
.what_say_submit {float:right; margin-right:79px; }
.view-full-article {text-align:right; color:#666666;}
.get-inspired-footer {margin-top:10px;}
.get-inspired-footer div {float:left; margin-left:20px;}
.get-inspired-footer a {font-weight:bold; color:#333333;}
.get-inspired-footer div.get-inspired-back {margin-left:0;}
.view-full-article a {color:#333333;}
.altcommentview-inner-left {float:left; text-align:center; padding-top:10px; width:50px; font-size:11px; font-weight:bold;}
.altcommentview-inner {margin-left:20px; padding-top:40px; float:left; width:280px; }
h3 {padding-bottom:0; margin-bottom:0;}
.article-message-sub {margin-bottom:1em;}
#main-content .rel-courses .latest { color:#3f3f3f; background:url(../images/icons/latest.png) no-repeat left top; }
#main-content .rel-courses .music { color:#c23581; background:url(../images/icons/music.png) no-repeat left top; }
#main-content .rel-courses .health { color:#b13f35; background:url(../images/icons/health.png) no-repeat left top; }
#main-content .rel-courses .gaming { color:#da7c3c; background:url(../images/icons/gaming.png) no-repeat left top; }
#main-content .rel-courses .flight { color:#da7c3c; background:url(../images/icons/flight.png) no-repeat left top; }
#main-content .rel-courses .machines { color:#2e53a3; background:url(../images/icons/machines.png) no-repeat left top; }
#main-content .rel-courses .materials { color:#8053a4; background:url(../images/icons/materials.png) no-repeat left top; }
#main-content .rel-courses .social { color:#a466a0; background:url(../images/icons/social.png) no-repeat left top; }
#main-content .rel-courses .environment { color:#6eab52; background:url(../images/icons/enviroment.png) no-repeat left top; }
#main-content .rel-courses .sports { color:#21b8a9; background:url(../images/icons/sport.png) no-repeat left top; }
#main-content .rel-courses .gadgets { color:#31a576; background:url(../images/icons/gadgets.png) no-repeat left top; }
#main-content .rel-courses .urbandesign { color:#b6b024; background:url(../images/icons/archtecture.png) no-repeat left top; }
.rel-courses-title {display:block; padding-top:45px; padding-left:35px; font-size:16px;}
.rel-con {margin-left:30px; margin-top:10px;}
.rel-con a {color:#000000;}
.report {text-align:right; margin-top:-15px; margin-right:10px; padding-bottom:20px; }
.report a {color:#333333; font-size:11px; font-weight:bold;}
.get-inspired-divider {margin-left:-30px;}
/********members**********/
.member-links {width:210px; height:840px; left:640px; top:40px; position:absolute;}
.member-links a {display:block; width:270px; height:70px; margin-top:-18px; }
.member-links a:hover, .member-links a.current {background-position:left -70px;}
.petemoss {background:url(../images/cot/cot-links/petemoss.png) no-repeat left top;}
.andygreenaway {background:url(../images/cot/cot-links/andygreenaway.png) no-repeat left top;}
.ianpang {background:url(../images/cot/cot-links/ianpang.png) no-repeat left top;}
.susanchong {background:url(../images/cot/cot-links/susanchong.png) no-repeat left top;}
.johangozali {background:url(../images/cot/cot-links/johangozali.png) no-repeat left top;}
.wuiyeeho {background:url(../images/cot/cot-links/wuiyeeho.png) no-repeat left top;}
.jasonchionh {background:url(../images/cot/cot-links/jasonchionh.png) no-repeat left top;}
.terrenceswee {background:url(../images/cot/cot-links/terrenceswee.png) no-repeat left top;}
.marcteo {background:url(../images/cot/cot-links/marcteo.png) no-repeat left top;}
.magnusaspergren {background:url(../images/cot/cot-links/magnusaspergren.png) no-repeat left top;}
.sungpeirfen {background:url(../images/cot/cot-links/sungpeirfen.png) no-repeat left top;}
.andrewmcgliney {background:url(../images/cot/cot-links/andrewmcgliney.png) no-repeat left top;}
.justinchiam {background:url(../images/cot/cot-links/justinchiam.png) no-repeat left top;}
.member-content {margin-left:160px; width:460px; font-weight:bold; color:#666666;}
.member-content strong{color:#000000;}
.member-content h1 {font-size:36px; color:#000000; margin-bottom:10px;}
.creator-profile-name {color:#983436; font-size:25px; margin-top:-16px; *margin-top:0px;}
.creator-profile-role {color:#983436; margin-top:-16px; *margin-top:0px;}
.creator-profile-title {font-size:14px; float:left; margin-top:0px; width:340px; text-transform:uppercase;}
.indie {color:#000000;}
.talkto {color:#983436; text-decoration:none; font-size:14px; float:right;}
/******Chat*********/
.chat-content {margin-left:140px; width:700px; font-weight:bold; }
.chat_submit_title {margin-top:32px; margin-left:60px; background:transparent; border:none; width:680px; font-size:12px;}
.post-main-chat input {font-family:Arial, Helvetica, sans-serif;}
.post-main-chat textarea {width:680px; height:110px; margin-left:18px; padding-top:30px; *padding-top:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.chat-content-title {height:80px; background:url(../images/chat/chat-header.png) no-repeat; }
.chat-content-inner {margin-left:100px;}
.chat-content-header {width:726px; height:74px; background:url(../images/chat/threadheader.png) no-repeat; }
.chat-row-quote {width:718px; height:34px; background:url(../images/chat/hl_quote.png) no-repeat;}
.chat-row-left {width:80px; float:left; margin-left:26px; margin-top:10px; font-weight:300; font-size:11px;}
.chat-row-left span {text-decoration:underline; font-weight:bold; font-size:12px; }
.chat-row-right {width:542px; float:left; margin-top:10px; font-weight:300;}
.first-chat {font-weight:bold;}
.chat-content-header-inner {color:#ed1c22; padding-top:12px; margin-left:16px; text-transform:uppercase;}
.post-chat {width:566px; height:260px; background:url(../images/chat/replybox.png) no-repeat; margin:0 auto; }
.post-main-chat {width:714px; height:262px; background:url(../images/chat/textbox.png) no-repeat; margin:0 auto;}
.chat-footer-left {float:left; margin-left:10px; margin-top:-15px;}
.chat-footer-right {float:right; margin-top:-15px;}
.chat-footer-right a {color:#000000;}
.chat-content-inner .whatabout {margin-top:10px;}
.post-chat textarea {margin-left:24px; margin-top:54px; width:500px; height:158px; font-family:Arial, Helvetica, sans-serif;}
.post-new-reply {color:white; margin-left:596px; text-transform:uppercase; padding-top:11px;}
.post-new-reply a {text-decoration:none; color:white;}
.chat-row-quote a {display:block; color:white; text-decoration:none; margin-left:667px; padding-top:8px;}
.submit_reply {margin-left:402px; padding-top:9px;}
.conversations {float:left; margin-right:60px; width:460px; margin-left:10px;}
.views {float:left; margin-right:38px; width:43px;}
.replies {float:left; margin-right:35px; width:51px;}
.postedby {float:left; width:70px;}
.chat-main-divider {margin-bottom:10px;}
.conversations-content {float:left; margin-right:60px; width:460px; margin-left:24px;}
.inspired-content-left, .copy {
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.altcommentview-inner {
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.inspired-content-right {
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.article-message-left, .inspired-content-right-content, h3 {
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.inspired-content-left h3, .inspired-content-right h3 {font-size:12px;}
.chat-row-right {
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.conversations-content a {text-decoration:none; color:black;}
.conversations-content a:hover {text-decoration:underline;}
.views-content {float:left; margin-right:38px; width:43px; text-align:center;}
.replies-content {float:left; margin-right:35px; width:51px; text-align:center;}
.postedby-content {float:left; width:70px; text-align:center;}
.submit_main_reply {padding-top:42px; margin-left:600px;}
#image-viewer {padding-top:80px;}
.whatsnew-content {margin-left:140px; width:530px; font-weight:bold; background:url(../images/whats-new/events-icon.png) 0px 0px no-repeat;}
.archives .whatsnew-content {margin-left:140px; width:530px; font-weight:bold; background:url(../images/whats-new/archive.png) 0px 0px no-repeat;}
.whatsnew-content-header {}
.whatsnew-content-inner {margin-left:210px; padding-top:60px; height:140px;}
.whatsnew-content-inner .common {}
.whatsnew-row {background:url(../images/whats-new/hl.png) left bottom no-repeat; color:#333333; margin-bottom:5px;}
.whatsnew-row-left {float:left;}
.whatsnew-row-right {width:320px; float:left;}
.whatsnew-row-left img.thumb{border:5px solid white; margin-right:10px;}
.wreadon {float:left;}
.addthis_button {float:left; margin-left:20px;}
.whatsnew-title {color:#c23581; font-size:14px; margin-bottom:5px; display:block;}
.whatsnew-date {font-size:14px; margin-bottom:5px; display:block;}
.whatsnew-content a {color:#c23581; text-decoration:none;}
.whatsnew-row-right-inner {}
.whatsnew-spacer {width:1px; height:20px;}
.whatsnew .whatsnew-content {margin-top:-50px;}
.whatsnew-sidebar {position:absolute; top:40px; left:690px; width:200px;}
.whatsnew-sidebar a {height:70px; width:200px; display:block; margin-top:-20px;}
.whatsnew-sidebar a:hover, .whatsnew-sidebar a.current {background-position:left -70px;}
.whatsnew-sidebar a.events {height:70px; width:200px; display:block; margin-top:-30px;}
.events {background:url(../images/whats-new/links/events.png) no-repeat left top; }
.comic {background:url(../images/whats-new/links/comic.png) no-repeat left top;}
.wallpaper {background:url(../images/whats-new/links/wallpaper.png) no-repeat left top;}
.emoticons {background:url(../images/whats-new/links/emoticons.png) no-repeat left top;}
.whatsnew-sidebar a.wallpaper, .whatsnew-sidebar a.emoticons {display:none;}
.archive {background:url(../images/whats-new/links/archivelink.png) no-repeat left top;}
.coc {margin-left:42px; margin-bottom:20px;}
.whatabout-txt {color:#c23581; text-transform:uppercase;}
.whatsnew-content .pagin {color:#c23581;}
.archives .whatsnew-content a {color:#333333; text-decoration:none;}
.archives .whatsnew-title {color:#333333; font-size:14px; margin-bottom:5px; display:block;}
.archives .whatabout-txt {color:#333333;}
.archives .whatsnew-content .pagin {color:#333333;}
#thumbs ul {list-style:none; list-style-type:none;}
#thumbs li {float:left; margin-right:4px; list-style:none; list-style-type:none;}
#prev-btn img{margin-top:7px;}
#next-btn img{margin-top:7px;}
#thumb1, #thumb2,#thumb4,#thumb5 {
-moz-opacity:0.6;
filter:alpha(opacity: 60);
opacity: 0.6;
}
.downloadpdf {float:right; margin-right:64px;}
.download {background:none;}
.whatsnew #main-content {height:970px;}
#searchresult {width:800px; margin-left:148px;}
#searchresult h2 {font-size:36px;}
.searchResults dt {margin-top:14px;}
.searchResults dt a {color:#8e2116; text-decoration:none; color:#161758; font-size:14px; }
.searchResults dt a:hover {text-decoration:underline;}
.searchResults dd {font-size:12px; font-weight:bold; width:600px; margin-bottom:30px;}
.searchResults dd a{font-style:italic; color:#000000;}
#gotoresults {text-align:center; width:700px;}
ol.sf_pager { display:inline; list-style:none; }
.sf_pager li {display:inline; margin-left:15px; margin-right:15px;}
.sf_pager li a{color:#000000;}
#privacy, #termsofuse {margin-left:150px; width:700px;}
#privacy ol{margin-left:1em;}
#privacy ol li{margin-left:1em;}
#file-info {display:none;}
.chat .error-msg-item, .inspired .error-msg-item {line-height:15px; }
.error-msg-item {width:268px; float:left; color:#fb312f; line-height:2em; font-weight:bold;}
.inspired .error-msg {width:536px; padding-top:160px;}
.error-msg {width:536px; padding-top:1em;}
.error-msg-item {width:268px; float:left; color:#fb312f; line-height:2em; font-weight:bold;}
.what-say .error-msg-item {width:268px; float:left; margin-left:46px; padding-top:10px; color:#fb312f; line-height:2em; font-weight:bold;}
.disabled {
-moz-opacity:0.6;
filter:alpha(opacity: 60);
opacity: 0.6;
}
#signin {width:244px; *padding-top:9px; cursor:hand; cursor:pointer; border-bottom:1px solid black; text-indent:-3px; font-family:Arial, Helvetica, sans-serif;}
.listleft {float:left;}
.listright {float:right; width:150px;}
/*
Latest - 3f3f3f
Music - c23581
Health - b13f35
Gaming - da7c3c
Flight - da7c3c
Machines - 2e53a3
Materials - 8053a4
Social - a466a0
Environment - 6eab52
Sports - 21b8a9
Gadgets - 31a576
Architecture - b6b024
*/