/*
	© 2008 Newfangled Solutions LLC.
*/

body {
	background: url('images/background.gif') repeat-x #f8fafb;
	/* background: url('images/tile.gif'); */
	color: #000000; 
	font-family: "Trebuchet MS", Tahoma, Helvetica, serif; 
	font-size: 16px;  
	margin: 0; 
	padding: 5px 0 0 0;
	}

a {
	color: #6389C1;
	text-decoration: none;
	}

a img {
	border: none;
	}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	/* color: #01305c; dark blue */
	/* color: #6389c1; light blue */
	color: #000080; /* navy */
	font-family: Arial, serif;
	}
						
h1 {
	font-size: 28px;
	font-style: italic; 
	text-align: center;
	}

h2 {
	font-size: 20px; 
	text-align: center; 
	padding: 0 0 5px 0;
	}

h3 {
	font-size: 16px;
	font-family: Arial;
	/* padding: 10px 0 0 0; */
	text-indent: 15px; 
	}

h4 {
	font-size: 16px; 
	font-style: italic;
	}

h5 {
	padding: 0;
	margin: 0;
	padding-left: 50px;
	font-size: 16px; 
	text-decoration: underline;
	}

h6 {
	padding: 0;
	margin: 0;
	font-size: 16px; 
	text-decoration: underline;
	}



div#main {
	margin-left: auto; 
	margin-right: auto; 
	background-color: #ffffff; 
	/* background-color: #E6E4E3; */
	border: 4px double #6389c1;
	width: 830px; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding-top: 15px;
	}

div#header {
	margin-left: auto; 
	margin-right: auto; 
	padding: 0; 
	width: 800px; 
	text-align: center;
	}

div#content {
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 30px; 
	width: 800px; 
	}

div#bugs {
	margin-left: auto; 
	margin-right: auto; 
	background-color: #ffffff; 
	/* background-color: #E6E4E3; */
	border: 4px double #6389c1;
	width: 62em; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding: 15px 0 0 0;
	}	

div#bugs_edit {
	margin-left: auto; 
	margin-right: auto; 
	background-color: #ffffff; 
	/* background-color: #E6E4E3; */
	border: 4px double #6389c1;
	width: 512px; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding: 15px 0 0 0;
	}

div#bugs div#content {
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 30px;
	width: 62em;
	}

div#bugs_edit div#content {
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 30px;
	width: 500px;
	}


/* Header functions */

div#links {
	margin: 10px auto 0 auto; 
	text-align: center;
	width: 510px;
	/* border: thin #000080 solid; */
	}
	
.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
	}

.clearFix { /* for IE7/Win */
    min-height:1px;
	}

* html .clearFix { /* for IE5-6/Win */
    height:1px;
	}
	
* html>body .clearFix { /* for IE5/Mac */
    height: auto;
    display: inline-block;
	}
	

/* Footer functions */


/* Main functions */


/* Content functions */

.center {
	text-align: center;
	}

.strong {
	font-weight: bold;
	}
	
.emphatic {
	color: #FF0000; 
	font-weight: bold; 
	text-decoration: underline;
	}

.line {
	background: url('/images/line3.jpg') no-repeat;
	margin: 20px auto 20px auto; 
	text-align: center; 
	clear: both;
	width: 600px;
	height: 3px;
	}

.short_line {
	/*background: url('/images/line3.jpg') no-repeat;*/
	margin: 20px auto 40px auto; 
	text-align: center; 
	clear: both;
	width: 500px;
	height: 3px;
	}

.space {
	clear: both; 
	margin: 0 0 10px 0; 
	padding: 15px 0 15px 0; 
	width: auto;
	}
	
.copyright {
	font-size: 12px;
	text-align: center; 
	clear: both;
	}

.seperator {
	margin: 0;
	width: 400px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}	

/* --------- Main page ---------- */

.table {
	border: none; 
	margin: 0; 
	padding: 0; 
	width: 780px;
	clear: both;
	}

.right_pic {
	float: right; 
	margin-right: 75px;
	padding: 0;
	}

.left_pic {
	float: left; 
	margin-left: 75px; 
	padding: 0;
	}

.left_list {
	float: left; 
	display: inline; 
	margin-left: 75px; 
	padding: 0; 
	width: 300px;
	}

.right_list {
	float: right; 
	margin-right: 0px; 
	padding: 0; 
	width: 300px;
	}

p.verbiage {
	text-indent: 14px; 
	clear: both;
	}

p.indent {
	margin-top: 5px;
	padding-left: 50px;
	text-indent: 14px; 
	}

p.review {
	padding-top: 15px;
	font-style: italic;
	}

p.review_author {
	font-weight: bold;
	text-align: right;
	}
	
p.review_author .translate {
	font-weight: normal;
	text-align: left;
	float: left;
	}
	
p.review img {
	padding-left: 33px;
	padding-right: 33px;
	}

p.thanks {
	padding-top: 30px;
	}
	
p.thanks img {
	padding-top: 0px;
	margin: 0 15px 0 15px;
	}

ul {
	margin: 0; 
	padding: 0; 
	vertical-align: middle;
	}
	
li {
	margin-left: 20px; /* no effect in Firefox, but IE will *not* display bullets without this */
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 5px 0;
	list-style-type: circle;
	}

ol {
	padding-top: 0; 
	margin-top: 0;
	margin-left: 40px; 
	}

ol li {
	margin-left: 20px; /* no effect in Firefox, but IE will *not* display bullets without this */
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	list-style-type: decimal;
	}

ul.screen_instr {
	margin: 0; 
	padding: 0 0 25px 0; 
	vertical-align: middle;
	}

ul.screen_instr li {
	margin-left: 60px;
	padding: 0 20px 0 0;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	list-style-type: decimal;
	}
	
ul.support {
	margin: 0; 
	padding: 0 0 25px 0; 
	vertical-align: middle;
	}
	
li.support {
	margin-left: 60px; /* no effect in Firefox, but IE will *not* display bullets without this */
	font-size: 14px;
	padding: 5px 0 5px 0;
	list-style-type: disc;
	}

table#flash_vids {
	margin-top: 25px;
	}

div#workshop_logo {
	margin-left: auto;
	margin-right: auto;
	width: 710px;
	text-align: center;
	}

/* --------- Download boxes ---------- */

.download_box {
	margin: 0 auto 0 auto;
	width: 650px;
	clear: both;
	text-align: center;
	}

.download_box div.down_left {
	margin: 0;
	padding-left: 20px;
	width: 170px;
	float: left;
	text-align: left;
	}
	
.download_box div.down_right {
	margin: 0;
	width: 457px;
	float: right; 
	text-align: left;
	}

.download_box li {
	list-style-type: none;
	}

.download_box2 {
	margin: 0 auto 0 auto;
	width: 400px;
	clear: both;
	}

.download_box2 div.down_left {
	margin: 0 0 0 10px;
	width: 90px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 5px 0;
	float: left;
	}
	
.download_box2 div.down_right {
	margin: 0;
	width: 272px;
	float: right;
	}

.download_box2 div.seperator {
	margin: 0;
	width: 400px;
	height: 10px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}


/* ---------- Purchase Box ----------- */

.purch_box {
	margin: 0 auto 0 auto;
	padding: 0; 
	width: 660px;
	text-align: center;
	clear: both;
	}

.purch_box div.purch_row {
	margin: 0 auto 0 auto;
	padding: 0; 
	width: 96%;
	text-align: center;
	color: #000080;
	font-weight: bold;
	}

.purch_row div.item {
	margin: 17px 0 0 0;
	padding: 0;
	width: 180px;
	text-align: left;
	float: left;
	}
	
.purch_row div.price {
	margin: 17px 0 0 0;
	padding: 0; 
	width: 90px;
	float: left;
	}

.purch_row div.securepay {
	margin: 0 0 0 40px; 
	padding: 5px 0 5px 0;
	width: 185px;
	text-align: center;
	float: left;
	}

.purch_row div.paypal {
	margin: 0; 
	padding: 5px 0 5px 0; 
	width: 130px;
	float: right;
	}

.purch_box div.seperator {
	border-bottom: 1px #000080 solid;
	margin: 0;
	padding: 0;
	width: auto;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}


/* ---------- Info Box ---------- */

.info_box {
	margin: 0 auto 0 auto;
	width: 550px;
	clear: both;
	}

.info_box div.info_left {
	margin: 0;
	width: 175px;
	text-align: right;
	float: left;
	}
	
.info_box div.info_right {
	margin: 0;
	width: 350px;
	font-weight: bold;
	float: right;
	}

.info_box div.seperator {
	margin: 0;
	padding: 0;
	width: auto;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}


/* ---------- Doc Boxes ---------- */

.doc_box {
	margin: 0 auto 0 auto;
	width: 500px;
	clear: both;
	}

.doc_box div.doc_left {
	margin: 0 0 0 10px;
	width: 190px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 5px 0;
	float: left;
	}
	
.doc_box div.doc_right {
	margin: 0;
	width: 272px;
	float: right;
	}

.doc_box div.seperator {
	margin: 0;
	width: 400px;
	height: 10px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}


/* ---------- Plugin Box ----------- */

.plugin_box {
	margin: 0 auto 0 auto;
	padding: 0; 
	width: 650px;
	}

.plugin_box p {
	margin-top: 7px;
	padding-left: 15px;
	}

.plugin_box div.container {
	margin: 0 0 7px 7px; 
	padding: 0 0 0 0; 
	width: 325px;
	float: right;
	border: thin solid #6389C1;
	}
	
.plugin_box div.container img {
	display: block;
	margin: 0 auto 0 auto;
	padding: 10px 0 5px 0;
	}
	
.plugin_box div.container div.download {
	margin: 0; 
	padding: 15px 15px 7px 15px;
	}


/* ---------- Post Processor Box ----------- */

.post_box {
	margin: 0 auto 0 auto;
	width: 350px;
	clear: both;
	text-align: center;
	}

.post_box div.post_left {
	margin: 0;
	width: 175px;
	float: left;
	text-align: left;
	}
	
.post_box div.post_right {
	margin: 0;
	width: 165px;
	float: right; 
	text-align: left;
	}

.post_box li {
	list-style-type: none;
	}


/* ---------- Contact Box ---------- */

.contact_box {
	margin: 0;
	padding-left: 30px;
	width: 415px;
	font-weight: normal;
	clear: both;
	}

.contact_box div.contact_left {
	margin: 0;
	width: 90px;
	text-align: right;
	float: left;
	}
	
.contact_box div.contact_right {
	margin: 0;
	width: 300px;
	float: right;
	}

.contact_box div.seperator {
	margin: 0;
	padding: 0;
	width: auto;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}

/* ---------- Bug Boxes ---------- */

.bug_box {
	margin: 0 auto 0 auto;
	width: 800px;
	clear: both;
	}

.bug_box div.bug_label {
	margin: 0 0 0 10px;
	width: 95px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding: 5px 0 5px 0;
	float: left;
	}
	
.bug_box div.bug_input {
	margin: 0;
	width: 275px;
	float: left;
	padding-left: 10px;
	text-align: center;
	}
	
.bug_box div.bug_right {
	margin: 0;
	padding: 0;
	width: 400px;
	font-size: 12px;
	float: right;
	color: #000080;
	}	

.bug_box div.seperator {
	margin: 0;
	width: 400px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}

.bug_box .emphatic {
	color: #FF0000; 
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	}

.view_bug_box {
	margin: 0 auto 0 auto;
	padding: 5px;
	width: 750px;
	clear: both;
	border: thin #6389c1 solid;
	}

.view_bug_box .bug_label {
	float: left;
	margin: 0 0 0 10px;
	width: 85px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	}

.view_bug_box .bug_info {
	float: left;
	margin: 0;
	width: 100px;
	padding-left: 5px;
	font-size: 14px;
	}

.view_bug_box .bug_desc_label {
	float: left;
	margin: 0 0 0 10px;
	width: 85px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	}
	
.view_bug_box .bug_desc {
	margin: 0 0 0 10px;
	width: 720px;
	float: left;
	padding-left: 15px;
	font-size: 14px;
	/*border: thin dashed green;*/
	}
	
.view_bug_box div.seperator {
	margin: 0;
	width: 400px;
	height: 10px;
	font-size: 3px;
	line-height: 0;
	clear: both;
	}
	
.col_head {
	padding: .1em .5em .1em .5em;
	font-size: 14px;
	font-weight: bold;
	}

.data {
	padding: 0 .5em .25em 1em;
	font-size: 14px;
	vertical-align: top;
	}

.bug_edit {
	margin: 0 auto 0 auto;
	width: 500px;
	clear: both;
	}

.bug_edit div.bug_label {
	margin: 0 0 0 10px;
	width: 115px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding: 5px 0 5px 0;
	float: left;
	}
	
.bug_edit div.bug_input {
	margin: 0;
	width: 250px;
	float: left;
	padding-left: 10px;
	}

.bug_edit div.seperator {
	margin: 0;
	width: 400px;
	height: 5px;
	font-size: 1px;
	line-height: 0;
	clear: both;
	}

/* tabling idea/code borrowed from http://css.nu/articles/table-in-css.html 

div.table {
	border: none; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	width: 100%;
	}

div.row {
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto; 
	padding-top: 10px; 
	text-align: left; 
	width: 100%;
	}

div.left {
	position: absolute; 
	border: none; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 29%
	}

div.right {
	position: absolute; 
	border: none; 
	float: right; 
	margin: 0; 
	padding: 0; 
	width: 70%;
	}

div.space {
	clear: both; 
	margin: 0; 
	padding: 0; 
	width: auto;
	}
*/