/* Reset stuff! */
* {
  padding: 0;
  margin: 0;
}

html {
    overflow-y: scroll !important;
}

a {
  font-weight: bold;
  text-decoration: none;
}

a:link {
  color: black;
}

a:visited {
  color: black;
}

a:hover {
  color: black;
}

a:active {
  color: gray;
}

body * {
  font-size: 1em;
}

body {
    background-color: orange;
    margin: 10px;
    background-attachment: fixed;
    background-position: top left;
    background-repeat: repeat-x;
    font-size: 76%;
    font-family: "Verdana", "Helvetica", "Arial",sans-serif;
    text-align:center;
}

#content img, img, #content a img {
    color:transparent;
    border:0px;
}


h1, h2, h3, h4, #content #forum_header {
    font-weight:bold;
    font-family: verdana;
    margin-top:15px;
    text-decoration:none;
}

h1, #content #forum_header {
    font-size: 18px;
    margin-bottom: 10px;
}

h2 {
    font-size: 14px;
    margin-bottom: 3px;
    margin-left: 5px;
}
		
h3 {
    font-size: 12px;
    margin-bottom: 0px;
    margin-left: 10px
}
		
h4 {
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 10px;
    font-style:italic;
    font-weight:normal;
}
/*
h1 {
  font-family: "Verdana", "Georgia","Times New Roman",sans-serif;
  font: 2.4em normal;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

h2 {
  font-family: "Verdana", "Georgia","Times New Roman",sans-serif;
  font: 1.8em normal;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h3 {
  font-family: "Verdana", "Georgia","Times New Roman",sans-serif;
  font: 1.4em normal;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
*/

input[type=button], input[type=submit] {
    padding: 5px 10px;
}

textarea, input[type=text], input[type=password] {
  font-family: "Verdana","Helvetica","Arial",sans-serif;
  border:0.1em solid gray;
  padding:4px;
}

textarea {
    margin-bottom:5px;
}

#content ul, #content ol {
    margin-left:20px;
    line-height:18px;
}

#wrapper {
    width:1000px;
    margin:auto;
}

#main {
    margin-right:170px;
}

#ads {
    float:right;
    position:relative;
    width:160px;
    height:160px;
    border:0px solid black;
}

#pm_notification {
    margin: 6px 0px;
    padding:4px 0px;
    text-align:center;
    background-color:lightgreen;
    border:0.1em solid black;
    padding:4px;
}

#pm_notification a {
    font-weight:normal;
}

#rightColumn {
    float:right;
    width:300px;
    margin-bottom:30px;
    margin-top:25px;
    margin-left:25px;
}
#rightColumn p a, #rightColumn ul a, #leftColumn p a, #leftColumn ul a {
    text-decoration:none;
}
#rightColumn h1, #leftColumn h1 {
    font-size:16px;
}

#leftColumn {
    float:left;
    width:175px;
    margin-bottom:30px;
    margin-right:25px;
}
#content .ppic {
    width:150px;
    height:150px;
    margin-right:25px;
    margin-bottom:10px;
    border:0.1em solid gray;
}
#leftColumn input[type=text] {
    width:100%;
}

.alpha_pattern_img {
    max-width:700px;
    max-height:700px;
}

.pattern_img {
    max-width:700px;
    max-height:2000px;
}

.alpha_pattern {
}

.alpha_pattern_mini {
}

.pattern {
}

.pattern_mini {
}

.infiniteColumn {
    height:100%;
}

#login_table {
    width:300px;
}

#login_table th {
    text-align:left;
}

#patterns_table img {
    width:100px;
    max-height:100px;
}

#login_table input[type=text], #login_table input[type=password], #login_table input[type=submit] {
    width:230px;
}

.fullwidth {
    width:760px;
}

.fav_preview_img {
    max-width:200px;
    max-height:100px;
    /* IE */
    height:expression("auto");
    width:expression("200px");
}

.check_alpha_preview_img {
    max-width:300px;
    max-height:400px;
    /* IE */
    width:expression("300px");
    height:expression("auto");
}

.max_400x400 {
    max-width:400px;
    max-height:400px;
    /* IE */
    width:expression("400px");
    height:expression("auto");
}

.max_400x300 {
    max-width:400px;
    max-height:300px;
    /* IE */
    width:expression("400px");
    height:expression("auto");
}

.max_100x100 {
    max-width:100px;
    max-height:100px;
    /* IE */
    width:expression("100px");
    height:expression("auto");
}

.max_100x50 {
    max-width:100px;
    max-height:50px;
    /* IE */
    width:expression("100px");
    height:expression("auto");
}

.max_200x200 {
    max-width:200px;
    max-height:200px;
    /* IE */
    width:expression("200px");
    height:expression("auto");
}

.max_200x100 {
    max-width:200px;
    max-height:100px;
    /* IE */
    width:expression("200px");
    height:expression("auto");
}

.max_200x60 {
    max-width:200px;
    max-height:60px;
    /* IE */
    width:expression("200px");
    height:expression("auto");
}

.max_300x100 {
    max-width:300px;
    max-height:100px;
    /* IE */
    width:expression("300px");
    height:expression("auto");
}

.max_600x600 {
    max-width:600px;
    max-height:600px;
    /* IE */
    width:expression("600px");
    height:expression("auto");
}

.max_800x1400 {
    max-width:800px;
    max-height:1400px;
    /* IE */
    width:expression("800px");
    height:expression("auto");
}

.max_750x10000 {
    max-width:750px;
    max-height:10000px;
    /* IE */
    width:expression("750px");
    height:expression("auto");
}

#header {
    background-repeat: no-repeat;
    border-width: 0.1em;
    border-style: solid;
    color: black;
    background-color: white;
    border-color: black;
    background-image: url(im/body/bg_top2.jpg);
    padding-top:5px;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:10px;
}

#header img {
    vertical-align:text-top;
    margin-left:10px;
}

.leaderboard_ad_table {
    width:755px;
    border:0px;
    margin:0px;
    margin-bottom:6px;
    background-color:transparent;
    margin-top:6px;
    height:90px;
}

.leaderboard_ad_td1 {
    text-align:center;
    background-color:white;
    border:0.1em solid black;
    margin:0px;
    padding:11px;
    vertical-align:middle;
}

.leaderboard_ad_td1 h1 {
    margin-top:0px;
    margin-bottom:0px;
}

.leaderboard_ad_td1 a {
    font-weight:normal;
}

.leaderboard_ad_td2 {
    text-align:center;
    border:0px solid black;
    background-color:transparent;
    margin:0px;
    width:728px;
    padding:0px;
    padding-left:6px;
}

#logo {
    text-align:center;
    padding:10px;
    font-size:24pt;
    font-weight:bold;
}

#logotype {
    float:right;
    width:90px;
    height:90px;
    margin:3px;
}

#success, #error {
    border:0.1em solid black;
    padding:10px;
    margin-bottom:6px;
    margin-top:20px;
}
#success {
    background-color: lightgreen;
}
#error {
    background-color: #FF9999;
}

#error ul, #success ul {
    margin-top:10px;
}

.forum_table {

}

.tutorial_edit_table textarea {
    width:100%;
    height:400px;
}

.tutorial_dedicated_img {
    max-width:300px;
    max-height:150px;
    /* IE */
    height:expression("auto");
    width:expression("300px");
}

.tutorial_img {
    max-width:500px;
    max-height:700px;
    /* IE */
    height:expression("auto");
    width:expression(document.body.clientWidth>500 ? "500px" : "auto");
}

.tutorial_uploaded_img_prev {
    max-width:200px;
    max-height:100px;
    /* IE */
    height:expression("100px");
    width:expression("100px");
}

.front_image {
    margin-top:25px;
}

.php_generator_table table {
    border:0px solid black;
    margin:0px;
}

.icon, #patterns_table .icon {
    vertical-align:text-top;
    margin: 1px 3px 3px 1px;
    width: 14px;
    height: 14px;
}
.php_generator_table td {
}

.invisible_table {
    border:0px;
}

.invisible_table td {
    background-color:transparent;
}

.php_generator_table input[type=submit] {
    width:100%;
}

#content .forum_table tr td img, #content .forum_table tr th img {
    color:transparent;
}
#content .forum_table tr td a, #content .forum_table tr th a {
    text-decoration: none;
    font-weight:bold;
}
#content .forum_table tr th .date {
    text-decoration: none;
    font-weight:normal;
    float:right;
}
#content .forum_folder_img {
    float:left;
    margin-right:10px;
    color:transparent;
}
#content #forum_header a {
    text-decoration:none;
    font-weight:bold;
}
#content #forum_header {
    line-height:150%;
}

.forum_table tr td textarea {
    height:100px;
}

.forum_table tr td input[type=text], .forum_table tr td textarea {
    width:600px;
}

.required {
    color:red;
}

th .weak, table th .weak {
    font-weight:normal;
    color:brown;
}

.notifications_p .weak {
    font-weight:normal;
    color:gray;
}

.forum_table th .weak {
    font-weight:normal;
    color:brown;
}

.forum_table td .weak, #content .forum_table .weak a {
    font-weight:normal;
    color:black;
}

#content .table_of_contents a {
    text-decoration:none;
}

#content .table_of_contents {
    line-height:16px;
}

embed {
    margin-top:10px;
}

#content .forum_table .ppic {
    width:75px;
    height:75px;
    margin:0px;
    margin-bottom:5px;
    border:0px;
}

#footer {
    text-align:center;
}

#footernav {
    
}

#footernav ul {
  width: 100%;
  overflow: hidden;
  margin-top:6px;
  padding:3px;
}

#footernav li {
  display: inline;
}

#footer a {
  text-decoration:none;
  font-weight:normal;
  margin: 4px;
  color:#CF6F00;
}

#footer a:hover {
    color:black;
}

#fanpage, #donate, #slogan {
    margin:10px;
    margin-bottom:1px;
    background-color:transparent;
    padding:4px;
    padding-left:20px;
    width:50px;
    background-repeat:no-repeat;
    background-position: 0px 4px;
    display:inline;
}
#fanpage {
    background-image:url(im/misc/facebook.gif);
    white-space: nowrap;
}
#donate {
    background-image:url(im/misc/star.gif);
    white-space: nowrap;
}
#slogan {
    display:inline;
    font-size:12px;
    font-weight:normal;
    margin-left:0px;
    white-space: nowrap;
}
#search {
    display:inline;
    float:right;
}
#header input[type=text] {
    border:0.1em solid gray;
    padding:4px;
    margin-right:3px;
    margin-left:10px;
    margin-bottom:10px;
}
#header input[type=submit] {
    border:0.1em solid gray;
    padding:4px;
}
#header form {
    margin:0px;
}

#modToDo li a {
    text-decoration:none;
}

#navigation {
    font-family: "Verdana", "Lucida Grande","Helvetica","Arial",sans-serif;
    background-image:url(im/body/navbg.gif);
    background-color:transparent;
    background-position: bottom left;
    background-repeat: repeat-x;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 0;
    border-top-width: 0;
    margin-top:6px;
}

#navigation ul {
  width: 100%;
  overflow: hidden;
  border-color: black;
}

#navigation li {
  display: inline;
}

#navigation li a {
  display: block;
  float: left;
  padding: 4px 13px;
  border: 0.1em solid black;
  margin-right:5px;
}

#navigation li .here {
    border-bottom: 0.1em solid white;
}

#navigation a {
  text-decoration: none;
  font-weight: normal;
}

#navigation a:link, #navigation a:visited {
  color: black;
  background-color:white;
}

#navigation a:hover {
    color: black;
    background-color:white;
    text-decoration:underline;
}

#navigation a.here:link,
#navigation a.here:visited,
#navigation a.here:hover,
#navigation a.here:active {
  color: black;
  background-color: white;
}

#navigation a:active {
    color: black;
}


#navigation {
    font-family: "Verdana", "Lucida Grande","Helvetica","Arial",sans-serif;
    background-image:url(im/body/navbg.gif);
    background-color:transparent;
    background-position: bottom left;
    background-repeat: repeat-x;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 0;
    border-top-width: 0;
    margin-top:6px;
}

.bulk_select, .bulk_submit {
    height:28px;
    margin-right:5px;
}

.pageSelect {
}

.pageSelect ul {
  overflow: hidden;
  border:0px;
}

.pageSelect li {
  display: inline;
}

.pageSelect li a nobr {
    text-decoration:none;
}

#content .pageSelect li a {
  display: block;
  float: left;
  padding: 0px 6px;
  border: 0.1em solid black;
  margin-right:3px;
  background-color:orange;
  text-decoration: none;
  margin-bottom:10px;
}

#content .pageSelect li .inactive {
    background-color:gray;
}

#content .pageSelect a {
  text-decoration: none;
  font-weight: normal;
  background-color:orange;
}

#content .pageSelect a:link, .pageSelect a:visited {
  color: black;
  text-decoration:none;
}

#content .pageSelect a:hover {
    color: black;
    background-color:white;
    text-decoration:none;
}

#content .pageSelect a.here:link,
#content .pageSelect a.here:visited,
#content .pageSelect a.here:hover,
#content .pageSelect a.here:active {
  color: black;
}

#content .pageSelect a:active {
    color: black;
}

#sublinks {
    background-color:#DDDDDD;
    margin-top:20px;
    margin-bottom:20px;
}

#sublinks ul {
  width: 100%;
  overflow: hidden;
  margin-left:0px;
}

#sublinks li {
  display: inline;
}

#sublinks li a {
  display: block;
  float: left;
  padding: 10px 10px 10px 25px;
  margin-right: 1px;
  text-decoration:none;
  background-repeat:no-repeat;
  background-position: 8px 11px;
}

#sublinks .weak {
    color:grey;
}

.searchPreview_img {
    max-width:100px;
    max-height:100px;
    /* IE */
    height:expression("auto");
    width:expression("100px");
}

.sublinks_pattern       {  background-image:url(im/pat/normal.gif);        }
.sublinks_kumi          {  background-image:url(im/pat/normal.gif);        }
.sublinks_alpha         {  background-image:url(im/alpha/alpha.gif);       }
.sublinks_tutorial      {  background-image:url(im/tut/tut.gif);           }
.sublinks_questionmark  {  background-image:url(im/misc/questionmark.gif); }
.sublinks_user          {  background-image:url(im/usr/usr.gif);           }
.sublinks_forum         {  background-image:url(im/frm/frm.gif);           }
.sublinks_edit          {  background-image:url(im/misc/edit.gif);         }
.sublinks_letter        {  background-image:url(im/pm/letter.gif);         }
.sublinks_camera_upload {  background-image:url(im/gal/camera_upload.gif); }
.sublinks_warning       {  background-image:url(im/misc/warning.gif);      }
.sublinks_lock          {  background-image:url(im/misc/lock.gif);         }
.sublinks_plus          {  background-image:url(im/misc/plus.gif);         }
.sublinks_color         {  background-image:url(im/misc/color.gif);        }
.sublinks_prev          {  background-image:url(im/nav/prev.gif);          }
.sublinks_next          {  background-image:url(im/nav/next.gif);          }
.sublinks_fav           {  background-image:url(im/fav/fav.gif);           }
.sublinks_vid           {  background-image:url(im/vid/vid.gif);           }
.sublinks_delete        {  background-image:url(im/misc/delete.gif);       }

#content {
  border-width: 0.1em;
  border-style: solid;
  border-top-width: 0;
  padding: 1px 25px 30px 25px;
  line-height: 1.5em;
  color: black;
  background-color: white;
  border-color: black;
  overflow-y:hidden;
  text-align:left;
  width:778px;
}


#content a {
    font-weight:normal;
    text-decoration:underline;
}

#content img {
  border: 0;
  color:transparent;
}

#content p {
  margin: 0;
  margin-bottom:0.5em;
  margin-left:10px;
}

img#preview {
  position: absolute;
  border-width: 0;
  outline-width: 0;
}

dl {
  overflow: hidden;
}

dt {
  margin-right: 1em;
  float: left;
}

dd {
  margin-right: 3em;
  float: left;
}

label {
  display: block;
}

fieldset {
  border: 0;
}

table, .invisible_table table {
    border-spacing:1px;
    border:0.1em solid black;
}

#content .generator_choice_table tr td a {
    text-decoration:none;
}

#content table img {
    color:transparent;
}

td, .invisible_table td {
    padding: .5em 1em;
    vertical-align: top;
}

.td_center {
    text-align:center;
}

th {
    color: black;
    background-color: orange;
    margin:1px;
    padding: 3px 5px;
}

table tr td, .invisible_table table td {
  color: black;
  background-color: #EEEEAA;
  margin:1px;
  padding:10px;
}

#content table tr th a, table tr th a {
    text-decoration: underline;
    font-weight:bold;
}

tr.odd td {
  color: black;
  background-color: orange;
}
tr.highlight td {
  color: orange;
  background-color: black;
}

.newsfeed {

}

.newsfeed tr td img {
    float:right;
    border:0px solid transparent;
    margin-left:10px;
    max-width:100px;
    max-height:50px;
    min-height:30px;
    width:expression(document.body.clientWidth>100 && document.body.clientHeight<=50 ? "100px": "auto" );
    height:expression(document.body.clientHeight>50 ? "50px": "auto" );
}

.newsfeed tr td {
    padding:6px;
}

#content .newsfeed tr td p {
    margin-left:2px;
}

.newsfeed h1 {
    font-weight:bold;
    font-size:1.3em;
    margin-top:0px;
}

.pattern_similar_thumb_img {
    width:100px;
}

#content .tutorials_table img {
    padding:0px;
    color:transparent;
    border:0px solid black;
}

.img_30x30 {
    width:30px;
    height:30px;
}

.guestbook_table {
    margin-bottom:10px;
}

.guestbook_table .ppic_td img {
    width:75px;
    height:75px;
}

#content .guestbook_table .ppic_td {
    width:75px;
}

#content .guestbook_table a {
    text-decoration:none;
}

.guestbook_table_newentry {
}

.guestbook_table_newentry th {
    text-align: left;
}

.guestbook_table_newentry input[type=text], .guestbook_table_newentry textarea {
    width:100%;
}

.gallery_table tr td {
    vertical-align:middle;
    text-align:center;
    width:160px;
    height:160px;
}

.gallery_table tr td img {
    max-width:160px;
    max-height:160px;
    /* IE */
    height:expression("160px");
    width:expression("160px");
}

.signup_table input[type=text] {
    width:200px;
}

.captcha {
    vertical-align:middle;
    margin: 0px 3px 4px 1px;
}

/* ------ AGILE UPLOADER ------------- */
.agileUploaderFilePreview {
	float: left;
	width: 15%;
	height: 50px;
	margin: 0px;
	text-align: left;	
}
.agileUploaderFileSize {
	float: left;
	width: 10%;
	margin: 0px;
	text-align: left;
}
.agileUploaderFileName {
	float: left;
	width: 50%;
	text-align: left;
	margin: 0px;
}
.agileUploaderRemoveFile {
	width: 20%;
	float: left;
	text-align: right;
	margin: 0px;
	display: block;
}
#agileUploaderInfo {
	width: 400px;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	display: block;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	overflow: auto;
	background: #444;
	border: 2px solid #444;
}
#agileUploaderFileList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	display: block;
}
#agileUploaderFileList li {
	list-style: none;
	clear: left;
	margin: 0px;
	padding: 2px 6px 2px 2px;
	display: block;	
	overflow: hidden;
	text-indent: 0px;
	background: #ccc;
	border-bottom: solid 1px #444;	
}
#agileUploaderFileList li.alt { 
	background: #eee;
}
#agileUploaderCurrentProgress {
	height: 50px;
	width: 1%;
	background: #000;
}
.agileUploaderRemoveFile a {
	text-decoration: none;
}
.agileUploaderRemoveFile a img {
	border: 0px;
}
#agileUploaderAttachArea {
	width: 404px;
	height: 10px;
}
#agileUploaderMessages {
	font-size: 12px;
	color: #bf0000;
	font-family: Helvetica, sans-serif;
	width: 350px;
	float: left;
	margin: 0px 0px 0px 4px;
	text-align: right;
}
#agileUploaderSWF, #agileUploaderEMBED {
	float: left;
}
#agileUploaderRemoveAll {
	height: 14px;
	text-align: right;
	width: 404px;
	font-family: Helvetica, sans-serif;
}
#agileUploaderRemoveAll a {
	color: #555;
	font-size: 11px;
}
#agileUploaderRemoveAll a:hover {
	color: #000;
}
.agileUploaderSingleMessages {
	clear: left !important;
	text-align: left !important;
}

.agen_resize_td input[type=submit], .agen_mode_td input[type=submit] {
    margin-right:10px;
}

.agen_main {
    width:700px;
    overflow-x:auto;
}

.agen_palette td {
    padding:7px;
}

.agenColor {
    width:80px;
    margin-bottom:5px;
}

.agen_palette td {
    padding:0px;
    width:12px;
    height:12px;
}

.agenPixel {
    padding:0px;
    width:20px;
    height:20px;
}

.agen_description, .agen_keywords {
    width: 700px;
}

.aGen {
    margin-left:10px;
}

.rate img {
    margin:3px;
}

#pbf a {
  display: block;
  padding: 10px 10px 10px 10px;
  margin-right: 1px;
  text-decoration:none;
  background-color:silver;
  text-align:center;
  border:1px solid black;
}

.comments table {
    width:100%;
    margin-bottom:10px;
}

.comments {
    width:100%;
}

.comments textarea {
    width:100%;
}

.comments span {
    float:right;
}

.comments .ppic_td, .ppic_td {
    width:10px;
    padding:5px;
}

.comments .ppic_td img {
    width:50px;
    height:50px;
}

.comments .charsleft {
    margin-right:20px;
}

.ui-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    bottom: 0px;
    background-color: transparent;
    cursor: nw-resize;
}

.jqueryGenerator .generatorCanvasDiv {
    border:1px solid black;
    height:300px;
    width:500px;
    overflow:none;
}

.jqueryGenerator .colorsContainer input[type*=text] {
    width:60px;
}

.jqueryGenerator textarea {
    width:100%;
    height:200px;
}

.jqueryNewsfeed td span {
    margin-right:12px;
}

#applicationFormTable {
    width:100%;
}
#applicationFormTable input[type=text], #applicationFormTable textarea {
    width:100%;
}
#applicationFormTable textarea {
    height:100px;
}