@charset "utf-8";

  
/* BASICS
-------------------------------------------------------------------------------- */
body, p, div, table, td, tr {color:#6c6c6c; font-family:Arial, Sans-Serif; font-size:10px; line-height:normal; vertical-align:top;}
body {background:url(main/mainbg.png) repeat-y #7cb4af; margin:0px; overflow-x:hidden; padding:0px;}
table, td, tr {padding:inherit; vertical-align:top;}

a, a:active, a:focus, a:visited {color:#41747c; text-decoration:underline;}
a:hover {color:#ca4e4c;}

h1/*titles on top*/ {font-family:'Trebuchet MS'; font-size:20px; margin-bottom:5px; text-transform:lowercase; text-shadow: 0px 1px 1px #fff; text-align:left;}
h2/*titles in between*/ {color:#666; font-family:'Trebuchet MS'; font-size:13px; margin-top:20px; margin-bottom:3px; text-transform:uppercase; text-shadow: 0px 1px 0px #fff; text-align:left;}
h3 /*subtitles*/ {}
b {color:#444;}

blockquote{border:dotted 1px #999; margin-left:10px; margin-right:10px; padding:5px;}

input, select, textarea {background:#e5e5e5; font-size:12px; color:#777; border: solid 1px #ddd; padding:2px;
-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}

img {border:0px;}
.alignright {color:#999; text-align:right;}


/* LAYOUT
-------------------------------------------------------------------------------- */
#maintable {width:817px; margin-left:103px;}
#footer {background-color:#000; padding-left:7px;}
.hr_line{padding:15px 0px 10px 0px; margin-left:auto; margin-right:auto;}
.nav_releases{height:75px; width:75px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}

.span01 {color:#41747c;} /*for tutorials blue*/
.span02 {color:#ca4e4c;} /*for tutorials red*/
.span03 {color:#c9c26a;} /*for tutorials yellow*/
.span_nav {color:#ccc;} /*navigation link*/
 
a.nav, a.nav:visited, a.nav:active{}
a.nav:hover{}

.misc_img, .avatar {background-color:#fff; border:1px solid #d0d0d0; padding:4px;}
.pastversions {background-color:#fff; border:1px solid #d0d0d0; padding:3px; height:75px; width:124px;}

/*affiliates*/
.heart{background: url(main/top04.png) no-repeat #151515; color:#444; font-size:13px; text-transform:uppercase;}
a.heart_link, a.heart_link:visited{color:#666; font-size:25px; line-height:15px; padding-left:5px; text-decoration:none;}
a.heart_link:hover, a.heart_link:active{color:#999; font-size:25px; line-height:15px; padding-left:5px; text-decoration:none;}

/*recent_box*/
#sptable {background:url(main/top10.png) repeat-x #444; border:none; color:#444; font-family:'Arial'; font-size:9px; line-height:20px; 
          list-style-type:none; list-style-position:outside; padding-left:0px; padding-top:2px; text-transform:uppercase;}
.sp_li{border-bottom:solid #222 1px; padding-left:5px; margin-bottom:0px}
a.sp_link, a.sp_link:visited, a.sp_link:active{color:#444; display:block; text-decoration:none;}
a.sp_link:hover{color:#999; display:block; text-decoration:none;}

/*navigation_box*/
#navtable {border:none; color:#444; font-family:'Arial'; font-size:9px; line-height:20px; list-style-type:none; list-style-position:outside; padding-left:0px;}
.nav_li{border-bottom:solid #cdcdcd 1px; padding-left:10px; margin-bottom:0px;}
a.nav_link, a.nav_link:visited, a.nav_link:active{color:#888; display:block; text-decoration:none;}
a.nav_link:hover{color:#41747c; display:block; text-decoration:none;}

/*tutorial_box*/
.tutorial_archieve{background:#fff; border:solid #ccc 1px; padding:2px; width:452px; margin-left:10px; text-align:right;}
.tutorialtable {border:none; color:#666; font-family:'Arial'; font-size:9px; line-height:17px; padding-left:0px; padding-top:0px; text-align:left;}
.tutorial_li{border-bottom:solid #ececec 1px; list-style:none; list-style-type:none; padding-left:0px; margin-bottom:0px;}
.tutorialimg{float:left; height:65px; width:65px; border-right:solid #fff 6px;} 
a.tlink, a.tlink:visited{background:url(main/tutorialtop_none.png) no-repeat; color:#444; text-align:center; line-height:15px; padding:18px 8px 3px 5px; text-align:center; text-decoration:none; text-transform:none; margin-right:5px; text-shadow: 0px 1px #e8e8e8;} 
a.tlink:hover, a.tlink:active, a.tlink:focus{background:url(main/tutorialtop_active.png) no-repeat; color:#ebebeb; text-align:center; line-height:15px; padding:18px 8px 3px 5px; text-align:center; text-decoration:none; text-transform:none; margin-right:5px; text-shadow: 0px 1px #a84343;}
.code{background:url(main/tutorialcode.gif) repeat; border: 1px solid #dcdcdc; width:409px; margin-left:auto; margin-right:auto; padding:5px;}

/*releases*/
.release_box{background:#dedede; border:0px; width:400px; margin-left:auto; margin-right:auto;}
.bq_none{border:0px; margin-left:33px;}
h3{color:#aaa; font-size:18px; text-align:center;}


/* DESIGN PREVIEW
-------------------------------------------------------------------------------- */

 .prw_maintable {width:420px; border:0px; padding:0px; margin:auto;}
 .mprw_img {background-color:#fff; border:1px solid #d0d0d0; padding:3px; height:60px; width:326px;}
  
 .prw_img {background-color:#fff; border:1px solid #d0d0d0; padding:3px; height:67px; width:177px;}
 .prw_text {/*background-color:#ebebeb;*/ color:#999; padding:2px 2px 2px 3px;}
 .prw_dl {background:url(main/bg_dgnprw.gif) repeat-x; padding:2px 0px 2px 4px; text-align:right; width:177px;}
  
 .dl_title {color: #d66161; font-style:italic;}
 .dl_feat {color: #272727;}
 
 a.prwlink, a.prwlink:visited, a.prwlink:active
   {background-color:#e0e0e0; color:#464646; text-align:center; line-height:15px; padding:0px 6px 3px 6px; text-decoration:none; text-transform:none;}
 a.prwlink:hover, a.prwlink:focus 
   {background-color:#d66161; color:#ebebeb; text-align:center; line-height:15px; padding:1px 6px 3px 6px; text-decoration:none; text-transform:none;}
   
 a.dllink, a.dllink:visited, a.dllink:active
   {background-color:#464646; color:#ebebeb; text-align:center; line-height:15px; padding:3px 6px 3px 6px; text-decoration:none; text-transform:none;}
 a.dllink:hover, a.prwlink:focus 
   {background-color:#212121; color:#ebebeb; text-align:center; line-height:15px; padding:3px 6px 3px 6px; text-decoration:none; text-transform:none;}

 /*interior linklistings */	  
 .sp_box {background-color:#e0e0e0; color:#464646; line-height:15px; padding:3px 6px 3px 6px; text-decoration:none; text-transform:none; border-radius:3px;
  -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} 
   
 a.sp, a.sp:visited
   {background-color:#464646; color:#ebebeb; text-align:center; line-height:15px; padding:3px 6px 3px 6px; text-decoration:none; text-transform:none; 
   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} 
   
 a.sp:hover, a.sp:active
   {background-color:#d66161; color:#ebebeb; text-align:center; line-height:15px; padding:3px 6px 3px 6px; text-decoration:none; text-transform:none; 
   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}



/* NEWS
-------------------------------------------------------------------------------- */

 h4 { font-family:garamond, times new roman; color:#333; font-size:25px; font-weight:normal; margin:0px; ;text-transform: lowercase; font-style: italic;}
 .news_bq {background:none; border-right:0px; border-top:0px; border-left:0px; border-bottom:4px solid #666666; margin-bottom:30px; padding:4px 4px 5px 4px; text-align:justify; width:100%;}
 .archieveavatar {background-color:#fff; border:1px solid #e0e0e0; padding:2px; margin:0px 0px 0px 5px; float:right; height:75px; width:75px;}
 .a.news_comm, a.news_comm:visited, a.news_comm:active
   {background-color:#e0e0e0; color:#464646; text-align:center; line-height:15px; padding:3px 6px 3px 6px; margin-top:3px;text-decoration:none; text-transform:none;}