@CHARSET "UTF-8"; /*#220000, #770000 , #883300, #cc0000, #ff0000 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin: 0;padding: 0;}
body {background: #000 url(../images/bg/bg-repeat.jpg) repeat-y top center;font-family: Tahoma, Geneva, Times, Helvetica, serif;color: #000; text-align: center; font-size: 62.5%}
ul {list-style: none;}
ol {margin-left: 20px;}
select, input, textarea {font: 99% Geneva, Times, helvetica, clean, sans-serif;}
pre, code {font: 115% monospace;}
blockquote {font-style: italic; margin: 10px; color: #666;}

a img{border: none;}
a{color: #731f1c; text-decoration: none;}
a:hover{color: #000;}

h1,h2,h3,h4,h5,h6 {}
h1 {font-size: 2.4em; color: #000; border-bottom: #670001 solid 4px;}
h2 {margin: 5px;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em; color: #670001;}

/* ---------- Header Elements --------- */
#page{width: 1000px;margin: 5px auto; position: relative;text-align: left; }
#top {width: 1000px; height: 89px; background: url(../images/bg/bg-top.jpg) no-repeat;}
#wrapper{background: #fff; width: 980px; margin: 0 auto; padding: 5px 10px 5px 10px; position: relative; overflow: hidden;}
#header{height: 150px;}
#search {float: right;}
#searchform #s {border: 2px solid #883300;}
#searchform #searchsubmit {border: 1px solid #883300; width: 45px; height: 18px; font-weight: bold;}
#logo {}
#login {float: right;}
#nav {width: 100%; height: 28px; font-size: 1.3em; padding: 0px; border-bottom: #670001 solid 3px; text-transform: uppercase; font-weight: bold;}
#nav a {width: 137px; height: 22px; background: url(../images/bg/nav_button.jpg) no-repeat; text-align:center;color: #000; display: block; float:left; margin-right: 10px; padding-top: 7px;}
#nav a:hover{background: url(../images/bg/nav_button_on.jpg) no-repeat; color: #fff;}
#nav li {display: inline;list-style-type: none;}
#nav ul {float: right; margin: 0px; padding: 0px;}

/* ---------- Content Elements ---------- */
#content{margin: 0 auto; font-size: 1.3em; color: #220000; clear:both;min-height: 400px; overflow: hidden;}
.scroller {overflow: auto;}
#mainContent{width: 715px; float: right; }
#mainContent .post h2 {text-align: left; padding: 10px 0px 0px 0px;}
#content p{padding-top: 0px; margin-top: 10px;}
#content h3 {margin: 8px 0px;}
#content ul {margin-left: 20px;list-style-type: circle;}
#content ul li {}
.post {clear: both; padding-bottom: 20px;}
.post h2, .postmetadata, #respond {text-align: center;}
.post h2 {padding-bottom: 20px;}
#respond h3 {margin: 0 auto;}
#respond form {text-align: left; width: 600px; margin: 0px auto;}
#content .panel h3 {margin: 0px; padding: 0px;}
.c1, .c2, .c3 {float: left; width: 315px;padding: 8px;}
.software_titles{margin: 25px 30px 40px 10px;}
#side_l{float: left; width: 250px; padding-bottom: 2000px; margin-bottom: -2000px;}
#side_l ul {list-style-type: none; margin: 0px;}
#panel1 {width: 220px; height: 285px; background: url(../images/bg/panel1.jpg) no-repeat; color: #fff; padding: 0px;}
#side_r{}
.promo {width: 220px; height: 200px; margin-top: 10px;}
#promo-wordpress {background: url(../images/blocks/promos/wp.jpg) no-repeat;text-align: center;}
#promo-wordpress a {display: block; padding: 95px 0px 0px 0px; color: #fff; font-size: 20px;}
#promo-wordpress a:hover {text-decoration: underline;}
#panel1 h3 {padding: 10px 0px 0px 10px; margin: 0px;}
#panel1 #sidebar ul {padding: 0px; margin: 0px;}
#panel1 #sidebar ul ul {padding: 5px 0px 0px 0px;}
#panel1 #sidebar li {margin: 0px; padding: 0px;}
#panel1 #sidebar ul li li a{display: block; padding: 5px 10px; font-size: 14px; color: #fff;}
#panel1 #sidebar ul li li a:hover {background: #4F0101; -khtml-opacity:.70; -moz-opacity:.70; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); opacity:.70;}
.software_box {width: 300px; height: 150px; margin: 15px 0px; padding: 10px 10px 0px 10px;float:left;color: #220000;}
.software_box img {padding-bottom: 40px;}
.download-link {width: 200px;padding: 15px 0px 0px 52px; background: url(../images/download.png) no-repeat left; display: block; height: 33px; font-size: 18px;}
ul.wordpress-plugins {list-style: circle; font-size: 16px; margin-top: 20px;}
ul.wordpress-plugins li {padding: 5px 0px;}
ul.wordpress-plugins ul {list-style: katakana; font-size: 12px; font-style: italic;margin-left: 10px;}
.alignleft {float: left; margin: 0px 20px 20px 0px;}
.alignright {float: right;}
.aligncenter {text-align: center;}

/* ---------- Footer Elements ---------- */
#footer{width: 980px; height:227px; background: url(../images/bg/bg-superfooter.png) no-repeat; text-align: left; font-size: 1.0em;color: #fff; padding: 5px 10px; position: relative;}
#footer_links {width: 967px; height: 126px; background: url(../images/bg/bg-footer-links.png) no-repeat; margin: 40px auto 10px auto;}
#footer h4{margin-left: 70px;}
.footer_box {width: 300px; height: 85px; margin: 15px 0px; padding: 10px 10px 0px 10px;border-right: #c7bdba solid 1px; float:left;color: #220000;}
.footer_image {float:left; margin: auto 10px auto 0px; width: 70px;}
#copyright {height: 22px; position: absolute; bottom: 5px; left: 10px; }

#slider {width: 620px;margin: 0 auto;position: relative;}
.scroll {height: 250px;overflow: auto;position: relative; /* fix for IE to respect overflow */clear: left;background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;}
.scrollContainer div.panel {padding: 20px;height: 210px;width: 580px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollButtons {position: absolute;top: 150px;cursor: pointer;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}