/* Theme Name: Aqua Black Description: Aqua Black, Simple Theme Author: Matthew Hurst Version: 1.0 Author URI: http://www.hurstdesignstudios.com Tags: black */ html, body { height: 100%; margin: 0; padding: 0; } img#bg { position: fixed; top:0; left:0; width:100%; height:100%; z-index: -1; border:0; margin:0; padding:0; background-color:0; } h1 { font-family: arial, "lucida console", sans-serif; font-size: x-large; color: #000000; padding: 2px; margin: 2px; } h1 a{ color: #CCCCCC; text-decoration: none; } h2 a{ color: #CCCCCC; text-decoration: none; } h3 a{ color: #CCCCCC; text-decoration: none; } h4 a{ color: #CCCCCC; text-decoration: none; } h2 { font-family: arial, "lucida console", sans-serif; font-size: large; color: #FFFFFF; padding: 2px; margin: 2px; } h3 { font-family: arial, "lucida console", sans-serif; font-size: medium; color: #FFFFFF; padding: 2px; margin: 2px; } h4 { font-family: arial, "lucida console", sans-serif; font-size: small; color: #FFFFFF; padding: 2px; margin: 2px; } h5 { font-family: arial, "lucida console", sans-serif; font-size: x-small; color: #FFFFFF; padding: 2px; margin: 2px; } h6 { font-family: arial, "lucida console", sans-serif; font-size: xx-small; color: #000000; padding: 2px; margin: 2px; } img{ background-color: #ffffff; padding: 3px 3px 20px 3px; border: 1px solid #000000; } p{ font-family: arial, "lucida console", sans-serif; font-size: 0.9em; color: #FFFFFF; padding: 8px; line-height: 1.6em; } p a{ color: #CCCCCC; } form{ padding: 2px; color: #FFFFFF; } input{ border: 1px solid #666666; background-color: #F3F3F3; } select{ border: 1px solid #666666; background-color: #F3F3F3; } textarea{ border: 1px solid #666666; background-color: #F3F3F3; width: 400px; } #wrap{ width: 100%; height: 95%; text-align: center; background-repeat: repeat-x; margin-bottom: 20px; } #top_head{ width: 950px; height: 125px; margin: 0px auto; text-align: left; color: #FFFFFF; } #menu{ width: 942px; height: 34px; margin: 0px auto; background-image: url(images/menuback.gif); padding-top: 8px; padding-left: 8px; } #mid_head{ width: 950px; height: 295px; background-image: url(images/mid_head.jpg); background-repeat: no-repeat; margin: 0px auto; text-align: left; } div#mid_head ul li{ list-style: none; font-family: arial, "lucida console", sans-serif; font-size: 0.9em; color: #16466D; } div#mid_head a{ color: #16466D; } .logo{ width: 233px; height: 225px; border: 0; padding-top: 30px; padding-left: 30px; background: 0; float: left; } #topwidone{ width: 225px; height: 180px; float: left; font-family: arial, "lucida console", sans-serif; color: #ffffff; margin-top: 45px; text-align: left; } #topwidtwo{ width: 225px; height: 180px; float: left; font-family: arial, "lucida console", sans-serif; color: #ffffff; margin-top: 45px; text-align: left; } #topwidthree{ width: 180px; height: 225px; float: left; font-family: arial, "lucida console", sans-serif; color: #ffffff; margin-top: 45px; text-align: left; } .entry { color: #FFFFFF; } #mid{ width: 948px; min-height: 419px; overflow: auto; margin: 0px auto; background-image: url(images/mid_back2.jpg); background-repeat: no-repeat; background-color: #000000; border-left: 1px solid #979797; border-right: 1px solid #979797; } #left{ width: 600px; float: left; padding-top: 8px; padding-left: 20px; padding-bottom: 8px; padding-right: 8px; text-align: left; color: #FFFFFF; } #foot{ width: 950px; height: 66px; background-image: url(images/foot_back.gif); background-repeat: no-repeat; margin: 0px auto; margin-bottom: 20px; color: #FFFFFF; font-size: 0.7em; font-family: arial, "lucida console", sans-serif; } /*Navigation CSS #menu ul { margin-left: 0; padding-left: 0; display: inline; } #menu ul li { margin-left: 0; margin-bottom: 0; list-style: none; display: inline; } #menu ul li.here { list-style: none; display: inline; } div#menu li a:link{ color: #FFFFFF; text-decoration: none; padding: 2px 15px 5px; } div#menu li a:hover{ text-decoration: none; background-color: #FFFFFF; padding: 2px 15px 5px; color: #000000; } div#menu li a:visited{ text-decoration: none; padding: 2px 15px 5px; } div#menu li a:active{ text-decoration: none; background-color: #FFFFFF; padding: 2px 15px 5px; color: #000000; } */ .current{ background-color: #FFFFFF; color: #FFFFFF; padding: 2px 15px 5px; } .current a{ color: #000000; padding: 2px 15px 5px; } .current_page_item{ background-color: #FFFFFF; } .current_page_item a { color: #000000; } #right{ width: 280px; min-height: 400px; float: right; overflow: auto; text-align: left; /*background-image: url(images/right_barback.jpg); background-repeat: no-repeat;*/ font-family: arial, "lucida console", sans-serif; font-size: small; } .underpost{ color: #FFFFFF; } #innersidebar{ width: 260px; text-align: right; padding-right: 20px; } #right img{ border: 0; margin: 0; padding: 0; } #title{ width: 350px; overflow: auto; padding-top: 30px; color: white; float: left; } div#title a{ color: white; } #searchlinks{ width: 250px; float: right; font-family: arial, "lucida console", sans-serif; font-size: 0.7em; text-align: right; padding-right: 20px; } div#searchlinks a{ color: white; } div#searchlinks ul li{ display: inline; } div#searchlinks form{ border: 0; padding: 0; } .post { position: relative; margin-left: 4.8em; padding: 1em; } #cats{ width: 220px; border: 1px solid #CCCCCC; float: right; background-color: #2A2A2A; padding-left: 10px; text-align: left; margin-bottom: 20px; } #cats_dy{ width: 224px; border: 1px solid #CCCCCC; float: right; background-color: #2A2A2A; padding-left: 10px; text-align: left; margin-bottom: 20px; color: #FFFFFF; padding-bottom: 10px; } #cats_dy a{ color: #FFFFFF; font-size: 1.2em; text-decoration: none; } div#cats_dy a:hover{ color: #FFFFFF; font-size: 1.2em; text-decoration: color: #FFFFFF; font-size: 1.2em; text-decoration: none;; } #cats_dy ul{ list-style: none; } #cats_dy li{ list-style-image: url(images/arrow.jpg); margin-left: 20px;; } ul{ list-style: none; } li{ list-style: none; } #cats a{ color: #FFFFFF; font-size: 1.2em; text-decoration: none; } div#cats a:hover{ color: #FFFFFF; font-size: 1.2em; text-decoration: color: #FFFFFF; font-size: 1.2em; text-decoration: none;; } #cats ul{ list-style-image: url(images/arrow.jpg) } #search{ width: 248px; height: 36px; float: right; margin-top: 10px; margin-bottom: 20px; background-color: #000000; } #sbox{ width: 210px; height: 36px; background-image: url(images/searchback.jpg); background-position: left; background-repeat: no-repeat; float: left; } #sbox input{ border: 0; background-color: #FFFFFF; margin-top: 5px; width: 170px; height: 25px; font-size: 1.4em; } #sbut{ width: 34px; height: 36px; float: left; } #search img{ margin: 0; padding: 0; } /*==========Date System===================*/ .entryDate { border: 1px solid #D8D8D8; width: 60px; left: -4.8em; position: absolute; font-family: arial, "lucida console", sans-serif; line-height: 1; top: 0; color: #0F5BB0; background-color: #FFFFFF; } .entryDate span { display: block; text-align: center; } .postMonth { text-transform: uppercase; font-size: 0.9em; padding-top: 0.3em; } .postDay { font-size: 1em; } .postYear { background-color: #332249; color: #FFFFFF; font-size: 0.9em; font-weight: bold; padding: 0.3em 0; margin-top: 0.3em; } /*Testing new menu*/ #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-size: 0.9em;} #dropmenu a {display:block; padding:0.25em 1em; color:#FFFFFF; text-decoration:none; background:#000000;} #dropmenu a:hover {background:#000000; color:#0099FF;} #dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} #dropmenu ul a {border-left:1px solid #c8c8c8;} #dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} #dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;} #dropmenu ul ul {top:auto;} #dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }