/* CSS Document */

body {margin: 0;padding: 0; background-image: url(../images/containerbg.jpg); background-repeat:repeat-y; background-position: 50% 0; }
* html body {height: 100%;}
#container {position: absolute; top: 0; left: 0; margin:0 auto 0 auto; width: 100%; height: 100%;}
#sub_container {margin:0 auto 0 auto; width: 650px; background:transparent; height: 100%; background-image: url(../images/juicfly_banner.jpg); background-position:50% 10px; background-repeat:no-repeat;}
/* navigation */
#nav {z-index: 1; position: relative; margin: 0 auto 0 auto; top: 260px; padding: 0;width:650px; border-top: 1px solid #cccccc;}
.menu  {z-index: 100; background-color: #ffffff; border-bottom: 1px solid #cccccc;margin: 0; padding: 0;float: left;width: 130px;color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight:bold; height: 16px; overflow:hidden;}
.menu a, .menu h2 a {color: #000099; text-decoration:none; font-weight: bolder;}
.menu h2 {font-size: 1em;}
.menu a:hover, .menu h2 a:hover {color: #ff0000; text-decoration:underline;}
.menu ul, .menu li, .menu li a {list-style:none; margin: 0; padding: 0; color: #000099; background: #fff; line-height:150%;}
.menu ul {padding-top: 5px;}
.code {border: 1px solid #666666; background-color:#CCCCCC; overflow:auto; height: 200px; width: 640px;}
pre {font:"Courier New", Courier, mono; font-size: 1.1em;}

/*end navigation */

/*content*/
#content {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;position: absolute; width: 650px; margin: 0 auto 0 auto; top: 300px; clear: both; z-index:0;}
#topdiv {margin: 0 10px 10px 10px;  height: 204px; clear: both; background-color: #ffffff; background-image: url(../images/backgroundbg2.jpg);background-position: left; background-repeat: no-repeat; padding: 0 7px 0 7px;}
#list {padding: 0 5px 0 5px; margin: 5px 0px 0px 0px; background-color: transparent; width: 50%; height: 95%; float:left;}
#list ul, #menu li {margin: 0; padding: 0; list-style: none;}
#list ul {}
#list li {margin-bottom: 10px; margin-top: 3px; background: transparent; border-bottom: 1px solid #cccccc; padding: 2px; height: 50px;  cursor: pointer;}
#list li:hover {border-bottom: 1px solid red;}
#list strong {color: red;}
#maltpress, #wwff, #maltpblog {}
#maltpress h1 {height: 53px; text-indent: -99999px; background-image:url(../images/maltpress_header2.jpg); background-repeat: no-repeat; background-position: bottom left; margin-left: -5px; margin-top: 10px;}
#maltpblog h1 {height: 53px; text-indent: -99999px; background-image:url(../images/maltpress_blog_header.jpg); background-repeat: no-repeat; background-position: top center; margin: 5px 0 0 0;}
#maltpblog .content {}
#maltpblog .date {font-weight: bold; color: red; font-size: 0.7em; line-height: 200%;}
#maltpblog .header, #ishome .header {font-weight:bold; color: red;}
#wwff h1 {margin: 0; padding: 0; height:45px; text-indent: -99999px; background-image: url(../images/wwff_header.jpg); background-repeat: no-repeat; background-position: top; width: 282px; margin-left: -5px; margin-right: -5px;}
#wwff p {margin: 3px; padding: 0;}
#wwff h2 {font-family:"Courier New", Courier, mono; color: #000000;}

.visible {display: block; float: right; background: #ffffff; width: 44%;height: 91%; padding-top: 5px; border: 1px solid #bbbbbb; padding: 0 5px 0 5px; margin: 7px 7px 0 0px;}
.hidden {display:none; width: 44%;}
.hoz {border-bottom: 1px dotted #cccccc; line-height:1px;}
.small {font-size: 0.8em;}
img.thumb {float: right; border: 1px solid #bbbbbb; padding: 0; margin: 2px 0 auto 0; background: #ffffff;}
img.main {padding: 2px; background-color:#ffffff; border: 1px solid #bbbbbb; margin-bottom: 5px; margin-top: 5px;}
.description {padding: 2px; border: 1px solid #bbbbbb; background-color:#ffffff; width: 90%; margin-left: auto; margin-right: auto;}
.description:hover {border: 1px solid red;}
a {color: #000099; text-decoration:none; font-weight: bolder;}
a:hover {color: #ff0000; text-decoration:underline;}
h1.all {text-indent: -99999px; background-image:url(../images/all_sites.jpg); background-repeat:no-repeat; background-position: top left; height: 20px; margin: 0 0 5px 0;}
/*footer*/
#footer {width: 100%; text-align: center; font-size:0.7em;}
#footer a {font: Arial, Helvetica, sans-serif; color:#000099; text-decoration: none;}
#footer a:hover {color: red; text-decoration: underline;}
#footer img {border:0; padding: 2px;}
h1 {color: red; font-size: 1.6em; margin: 0; padding: 0;}
h2 {color: red; font-size: 1.2em; margin: 0; padding: 0;}
img {padding: 2px; border: 1px solid #cccccc; background:white;}
.left {margin-right: 5px; float: left;}
.right {float: right; margin-left:5px;}
img:hover {border: 1px solid red;}
img.noborder {border: 0; padding: 0;}
.breadcrumb {font: Arial, Helvetica, sans-serif; color:#000099; text-decoration: none; font-size: 0.8em;}
.breadcrumb a:hover {color: red; text-decoration: underline;}
.fixIE {
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1px;
 clear: left;
 color: #666666;
 visibility: hidden;
 text-indent:-999999px;}
textarea {background: transparent;}
input, textarea {border: 1px solid #ccc;}
input:focus, textarea:focus {border: 1px solid #ff0000;}
label {width: 200px; float: left; text-align: right; margin-right: 0.5em; font-weight:bold;}
 .submit input {margin-left: 200px;}