/* CSS Document */
body { background:#d6e9f6 url(back.jpg) repeat-x fixed top !important; background:#d6e9f6 url(back3.jpg) no-repeat fixed top; font-family:Arial, Helvetica, sans-serif; margin:0px;}
#main1 { width:762px; margin:auto; background:url(main_back.png) repeat-y center; margin-bottom:0px !important; margin-bottom:-10px; position:relative; top:70px;}
#main2 { width:762px; background:url(main_header.png) no-repeat center top !important;background:url(main_header.gif) no-repeat center top; position: relative; top:-70px;}
#clouds { margin:auto; background:url(back2.jpg) no-repeat top center fixed !important; background:; min-width:762px;}
#content { width:481px; float:right; margin-right:51px !important; margin-right:25px; margin-top:204px; padding:10px;font-size:12px; color:#373737; margin-bottom:-10px!important; margin-bottom:0px;}
#navigation { width:156px; float:left; margin-left:50px !important; margin-left:25px; margin-top:200px;}
#footer { width:762px; height:33px; margin:auto; background:url(main_footer.jpg) no-repeat center; color:#FFFFFF; font-size:12px; text-align:center; padding-top:48px; position:relative; margin-bottom:20px;}
.navtop { width:156px; height:18px; background:url(nav_top.png) no-repeat center;}
.navmiddle { width:156px; height:54px; background:url(nav_middle.png) no-repeat center;}
.navbottom { width:156px; height:51px; background:url(nav_bottom.png) no-repeat center;}
.navbox { width:122px; background:url(nav_back.png) repeat-y center; color:#FFFFFF; font-size:11px; padding-left:17px; padding-right:17px;}
.navbox p {margin-top:0px; margin-bottom:0px;}
.navbox a {color:#FFFFFF; text-decoration:none;}
.navbox ul { margin-left: 0px; padding-left: 0px !important; text-indent: 10px; margin-top:2px; margin-bottom:0px;}
.navbox li { list-style:none; color:#FFFFFF; text-decoration:none; padding-top:7px; background:url(button.gif); height:18px;}
.navbox li a { list-style:none; color:#FFFFFF; text-decoration:none; height:18px;}
.navtitle {text-align:center; padding:5px; font-size:14px;}
.navbutbot { background:url(button_bot.gif) no-repeat; width:122px; height:2px;}
.red { color:#eb4f4f;}
.red2 { color:#dc1010;}
.basecontenttitle h3 { color:#b13434; font-size:16px;}

.contentblackbox {background:url(content_black_back.gif) #000000; padding:5px; border: 1px solid #464c4c;color:#b3dde4; margin-bottom:1px;}
.contentblackbox ul { margin-top:0px; margin-bottom:0px; margin-left: 0; padding-left: 15px !important; padding-left:20px; text-indent: -3px;}
.contentblackbox li { list-style:square;}
.contentblackbox h1 { color:#d04747; margin:0px; font-size:24px; font-weight:bold;}
.contentblackbox p { color:#b3dde4; margin:0px;}

.supportbox {width:461px; background: #FFFFFF url(photoshop-help/top.gif) no-repeat top; padding:10px;}
.supportbox h1 {margin:0px; font-size:24px;}
.supportbox .subtitle {margin:0px; color:#999999;}
.supportbox .question {font-size:14px; font-weight:bold; margin-bottom:4px;}
.supportbox textarea {background: #FFFFFF url(photoshop-help/form-top.gif) top repeat-x; border:solid 1px #d8d8d8; padding:10px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.supportbot {width:481px; height:12px; background:url(photoshop-help/bottom.gif);}
.supportbox input {background: #FFFFFF url(photoshop-help/form-top.gif) top repeat-x; border:solid 1px #d8d8d8; padding:10px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


.contentblack { background-color:#000000; padding:1px 1px 5px
 1px; border-bottom:5px solid #d2d7d8; border-left:2px solid #d2d7d8; border-right:2px solid #d2d7d8; margin-top:2px;}
.contentblack2 { background-color:#000000; padding:1px 1px 5px 1px; border-bottom:5px solid #d2d7d8; border-left:2px solid #d2d7d8; border-right:2px solid #d2d7d8; width:312px; float:right; margin-top:2px;}
.contentblack3 { background-color:#000000; padding:1px 1px 5px 1px; border-bottom:5px solid #d2d7d8; border-left:2px solid #d2d7d8; border-right:2px solid #d2d7d8; width:153px; float:left; margin-top:2px;}
.contentwhite {background:#d2d7d8; padding:1px; margin-bottom:10px;}
.contentgraytitle {padding:5px; font-weight:bold; font-size:13px; height:22px; background:#292d2d url(step_back.gif) no-repeat;}

.stepbox {background: url(step_back.jpg) repeat-y; }
.steptop {background: url(step_top.jpg) no-repeat; height:18px; width:481px;}
.stepbot { background:url(step_bot.jpg) no-repeat; height:20px; width:481px;}
.step { padding:5px 21px 0px 21px; margin:0px 14px 0px 14px; font-size:13px; color: #CCCCCC; line-height:20px;background: url(step_divider.jpg) bottom repeat-x ; }
.step a { text-decoration:none}
.step strong {color:#ffffff;}
.stepdescription { float:left; padding:2px 0px 0px 0px; color:#b3dde4; font-weight:bold; font-size:16px; }
.togglestep { float:right; margin-top:2px;}
.stepinside {padding-top: 0px !important; padding-top:5px; padding-bottom:2px; }
.stepinside .img_small_l {float:left; margin-right:10px; margin-bottom:5px;}
.stepinside .img_small_r {float:right; margin-left:10px; margin-bottom:5px;}
.stepinside em {color:#d99292;}
.stepinside img {border: solid #000000 1px;}

/*Tutorial Main*/
#tmheader { height:79px; width:481px; background:url(img-tutorial/header.jpg);}
#tmheader h1 {font-size:22px; font-weight:bold; color:#FFFFFF; position:relative; top:20px; left:20px; margin:0px;}
#tmmain { background:#212021;}
#tmleft { width:240px; float:left;}
#tmright {width:240px; float:right;}
.tmentry { width:222px; background: url(img-tutorial/separator.jpg) bottom no-repeat center; padding:9px; font-size:10px; color:#979797;}
.tmentry p { margin:0px; margin-top:5px;}
.tmentry h3 { font-size:18px; font-weight:bold; color:#FFFFFF; margin:5px 0px 5px 0px;}
.tmentry a {color:#FFFFFF; text-decoration:none;}
#tmfooter { height:13px; width:481px; background:url(img-tutorial/bottom.jpg) no-repeat;}

/*Tutorial*/
.thumb {float:left; margin-right:30px; margin-top:13px;}
.tutorials-top {background:url(tutorials_top.gif) no-repeat; height:85px; width:455px; padding:0px 14px 13px 14px !important;padding:0px 14px 0px 14px; margin-bottom:5px;}
.tutorials-top p { margin:0px 0px 0px 0px; color:#2075d3; font-size:11px;}
.tutorials-top h1 {margin:0px 0px 10px 0px; color:#FFFFFF; font-size:30px; font-weight:bold;}
.tutorials-headertext { padding-top:7px; height:85px;}
.tutorials-headertext p { margin:0px;}
.tutorials-side {width: 135px; color:#ffffff; float:left; background: url(tut-side-top.jpg) no-repeat;}
.tutorials-side-top { margin:10px;}
.tutorials-side-middle { margin:10px; background:top repeat-x url(tut-side-bar.gif); padding-top:10px;}
.tutorials-side-middle ul { margin-top:0px; margin-bottom:0px; margin-left: 0; padding-left: 15px !important; padding-left:20px; text-indent: -3px;}
.tutorials-side-middle li { list-style:square;}
.tutorials-side-footer { height:3px; background:url(tut-side-bottom.jpg) no-repeat;}
.tutorials-ad { width:300px; height:250px; float:right; padding:0px;}
.summarytitle { margin-bottom:3px;color:#FFFFFF; font-size:14px; font-weight:bold}
.diff-veryeasy { color:#00cc00; }
.diff-easy { color:#99cc00; }
.diff-intermediate { color:#ffff00; }
.diff-advanced { color:#ff9900; }
.diff-challenging { color:#ff0000; }
.topbox {background: url(step_back.jpg) repeat-y; padding:5px 20px 5px 20px; height:250px;}
/*Home*/
#homewelcome { background:url(img-home/main.png) no-repeat top #2c302f; width:481px; height:276px; border-bottom:#c9cecf solid 5px; margin-bottom:5px;}
#homewelcometext { float:left; width:240px; margin-top:38px; margin-left:17px!important; margin-left:8px}
#homewelcometext h1 {font-size:41px; color: #d63f3f; margin:0px; font-weight:normal;}
#homewelcometext h2 {font-size:13px; color: #ffffff; margin:0px;}
#homewelcometext p {color:#96a8ac; line-height:18px;}
#homewelcomesample {float:right; width:206px; margin-top:12px; margin-right:9px !important; margin-right:5px;}
.homewelcomeenjoy {color:#FFFFFF; font-size:10px;}

#homeleft { float:left; width:318px;}
.homelefttitle {padding:5px 23px 5px; background:#000000; color:#FFFFFF; font-size:12px;}
#homeright { float:right; width:158px;}
.homenews { background:url(img-home/newsback.gif) repeat-x top #202323; border-bottom:#c9cecf solid 5px; padding:23px;}
.homeside { background: #2e3333; border-bottom:#c9cecf solid 5px; margin-bottom: 5px;}
.homeside ul {color:#FFFFFF; font-size:11px; margin-left:8px; padding-left: 15px !important; padding-left:20px;
	}
.homeside li { margin-bottom:10px;}
.homeside li a { text-decoration:none; color:#88d8d8;}
.homeside p { margin:15px; color:#c2d8dd; font-size:11px;}
.blue {color:#88d8d8;}

.newsentry { padding-bottom:23px;  margin-bottom:23px; background: url(img-home/newshr.png) bottom no-repeat left;}
.newsentry h3 { margin:0px; color:#FFFFFF; font-size:18px; font-weight:normal;}
.newsentry h3 a { color:#88d8d8; text-decoration:none; }
.newsentry p { line-height:18px; font-size:11px; color:#b3ccd2; margin:0px;}
.newstitle { color:#88d8d8;}

.homesideheader { background:url(img-home/sideheader.gif); padding:10px; margin:0px; color:#FFFFFF; font-size:18px;}

#newsnav, #newsnav a { padding:1px 3px 1px 3px; font-size:11px; color:#FFFFFF; text-decoration:none; text-align:right;}
.rss { background:#d63f3f;}
.morenews { background:#000000;}

.inbox { background:#353736; padding:5px 10px 5px 10px; }
.inbox a { color: #d45959;}
.inbox h3 {font-size:16px; margin::0px; padding-top:0px; top:0px; color:#ffffff}

#bottombar {}

.adbox-tut-page { width:463px; height:250px; margin:auto; padding-top:10px;}
.tut-page-desc { height:250px; width: 143px; float:right; padding:0px 10px 0px 10px; line-height:18px; color:#FFFFFF;}