/*
Theme Name: bfworks
Theme URI: http://bfworks.com/
Author: Belmin Fernandez
*/

/*general*/
body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
 background-color: #333333;
 padding: 0px;
 margin: 15px 0px 15px 0px;
} 

br {
 font-size: 12px;
}

form {
 padding: 0px;
 margin: 0px;
}

table {
 border: solid 1px #fff;
 border-collapse: collapse;
}

table td {
 margin: 0px;
 padding: 2px;
 border: solid 1px #fff;
}

table tr {
 margin: 0px;
 padding: 0px;
}

input[type=text],
textarea {
 padding: 2px 5px;
 border: 1px solid black;
 font-size: 14px;
}

input[type=button],
input[type=submit] {
 margin: 5px 0px;
 padding: 0px 3px;
 border: 1px solid #888;
 color: #fff;
 font-family:'trebuchet ms',helvetica,sans-serif;
 font-size: 14px;
 font-weight: bold;
 background-color: #333;
}

a:link,
a:visited { 
 text-decoration: none; 
 color: #bbb;
 border-bottom: 1px dotted #666666;
}

a:hover,
a:active {
 color: #000000;
 border-bottom: 1px solid #000000;
} 

a img {
 padding: 0px;
 border: 0px;
}

/*--main layout--*/
div.center,
p.center {
 text-align: center;
}

div.holder,
div#main-hold {
 margin: 0 auto;
 max-width: 1200px; 
 min-width: 780px;
}

div#main-hold {
 margin-top: 20px;
}

div#header {
 padding: 0px 25px;
 background: url(images/head-bg.gif) repeat-x;
}

div#header div.holder {
 height: 95px;
}

div#footer {
 clear: both;
 margin: 10px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 text-align: center;
 color: white;
 border-top: 2px white solid;
}
 
div#footer img {
 margin: 0px 5px;
}

div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
 border: 0px;
}

div#content {
 margin: 0px 40px 0px 250px;
 color: white;
}

div#sidebar {
 float: left;
 width: 150px;
 padding: 0px;
 margin: 0px 0px 0px 40px;
 clear: none;
}

a#head-img:active,
a#head-img:hover,
a#head-img:link,
a#head-img:visited {
 border: none; 
 text-decoration: none;
}

a#head-img img {
 border: none;
 float: left;
}

ul#menu {
 float: right;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin-top: 70px;
}

ul#menu li {
 list-style-type: none;
 display: inline;
 margin: 0px;
 padding: 0px;
}

ul#menu a:link,
ul#menu a:visited {
 vertical-align: bottom;
 margin: 0px 20px;
 text-decoration: none;
 color: #bbbbbb;
 border: 0px;
}

ul#menu a:hover,
ul#menu a:active {
 color: #FFFFFF;
 border-top: 5px #2c416e double;
}

div.cont-post {
 margin: 10px 0px 20px 0px;
}

h3.page_head {
 padding: 0px;
 margin: 0px 0px 15px -10px;
 color: #ccc;
 font-weight: bold;
 font-size: 28px;
}

/*title*/
div.cont-post h1 {
 margin: 0px;
 padding: 0px;
 font-size: 28px;
 color: #395184;
 word-spacing: 2px;
 letter-spacing: 1.5px;
}

div.cont-post h1 a:link,
div.cont-post h1 a:visited {
 border: none;
 text-decoration: none;
 color: #395184;
}

div.cont-post h1 a:hover,
div.cont-post h1 a:active {
 border: none;
 text-decoration: none;
 color: #cccccc;
}

/*date*/
div.cont-post h2 {
 margin: 0px;
 padding: 0px;
 font-size: 11px;
 color: #666666;
 font-variant: small-caps;
}

/*cat/tag*/
div.cont-post h3 {
 margin: 0px;
 padding: 0px;
 font-size: 10px;
 color: #777777;
}

div.cont-post h2 a:link,
div.cont-post h2 a:visited,
div.cont-post h3 a:link,
div.cont-post h3 a:visited {
 color: #aaa;
 border-bottom: 1px dotted #aaa;
 text-decoration: none;
}

div.cont-post h2 a:active,
div.cont-post h2 a:hover,
div.cont-post h3 a:active,
div.cont-post h3 a:hover {
 color: white;
 border-bottom: 1px solid white;
 text-decoration: none;
}

/*comments/footer*/
div.cont-post h4 {
 margin: 0px 0px 50px 0px;
 padding: 0px;
 text-align: right;
 border-bottom: 1px solid #666;
 font-size: 14px;
}

div.cont-post h4 a:link,
div.cont-post h4 a:visited {
 border: none;
 text-decoration: none;
}

div.cont-post h4 a:active,
div.cont-post h4 a:hover {
 border: none;
 text-decoration: none;
 color: white;
}

div.cont-post div {
 margin: 0px 0px 0px 15px;
 color: #ccc;
 font-size: 15px;
 font-family: Arial, sans-serif;
 text-align: justify;
}

div.cont-post div h1,
div.cont-post div h2,
div.cont-post div h3 {
 color: #ccc;
 font-family: Arial, sans-serif;
 margin: 25px 0px 10px 0px;
 font-weight: normal;
 text-decoration: underline;
}

div.cont-post div h1 {
 font-size: 22px;
 font-weight: bold;
}

div.cont-post div h2 {
 font-size: 18px;
 font-weight: bold;
}

div.cont-post div h3 {
 font-size: 16px;
}

div.cont-post div p {
 margin: 15px 0px 5px 0px;
}

div.cont-post div li {
 margin: 15px 0px;
}

div.cont-post div a:link,
div.cont-post div a:visited {
 border-bottom: 1px #999 dashed;
 text-decoration: none;
 color: #ccc;
}

div.cont-post div a:active,
div.cont-post div a:hover {
 border-bottom: 1px white solid;
 text-decoration: none;
 color: white;
}

/*--wiki stuff--*/
div.printfooter,
ol.special li span.comment {
 display: none;
}

form table,
form table td,
form table tr {
 border: none;
}

div#catlinks {
 margin: 50px 0px 5px 0px;
 padding: 5px;
 border: 2px #666 solid;
 background-color: #444;
}

div#catlinks p {
 margin: 3px 0px;
 padding: 0px;
}

div#catlinks a:link,
div#catlinks a:visited {
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 border: none;
}

div#catlinks a:active,
div#catlinks a:hover {
 font-weight: bold;
 color: #bbb;
 text-decoration: none;
 border: none;
}

div#catlinks span a:link,
div#catlinks span a:visited {
 font-weight: normal;
 color: #fff;
 text-decoration: none;
 border-bottom: 1px #fff dashed;
}

div#catlinks span a:active,
div#catlinks span a:hover {
 font-weight: normal;
 color: #bbb;
 text-decoration: none;
 border-bottom: 1px #bbb solid;
}


table#toc {
 margin: 25px 5px 15px 5px;
 padding: 2px;
 background-color: #555;
 border: 3px #444 solid;
 font-size: 12px;
}

table#toc div#toctitle {
 text-align: center;
 padding: 0px;
 margin: 2px 0px 15px 0px;
}

table#toc h2 {
 text-align: center;
 margin: 0px 5px;
 padding: 0px;
}

table#toc span.toctoggle {
 font-size: 10px;
}

table#toc ul {
 margin: 5px 10px 5px 10px;
 padding: 0px;
 list-style-type: none;
}

table#toc ul li {
 margin: 10px 0px;
 padding: 0px;
}

table#toc td,
table#toc tr {
 padding: 0px;
 margin: 0px;
}

span.editsection {
 display: none;
}

div.cont-post pre {
 color: #ddd;
 background-color: #000;
 border: 1px dashed #bbb;
 padding: 5px 7px;
 white-space: pre;
 text-align: left;;
 font-size: 12px;
 margin: 2px;
}

div.cont-post br {
 clear: none !important;
}

/*--sidebar--*/
div#sidebar h3 {
 font-size: 16px;
 color: #395184;
 font-weight: bold;
 padding: 0px;
 margin: 0px 0px 3px 0px;
}

div#sidebar ul li,
div#sidebar p,
div#sidebar a:link,
div#sidebar a:visited {
 color: #aaaaaa;
 font-size: 12px;
}

div#sidebar a:active,
div#sidebar a:hover,
ul#tag-list a.active {
 color: #cccccc;
 border-bottom: 1px solid white;
}

div#sidebar ul {
 padding: 0px;
 list-style-type: none;
}

div#sidebar ul,
div#sidebar p {
 margin: 0px 0px 30px 15px;
}

p#search-form {
 margin: 0px 0px 15px 0px !important;
}

ul#tag-list li {
 margin-left: 15px;
}

ul#tag-list li#tag-all {
 margin-left: 0px;
}

ul#syndication a:link,
ul#syndication a:visited,
ul#syndication a:hover,
ul#syndication a:active {
 border: none;
 text-decoration: none; 
}

div#nav-pages {
 padding: 0px;
 margin: 0px 0px 15px 0px;
 font-size: 14px;
 color: white;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
}

div#nav-pages a {
 font-weight: bold;
}

div#nav {
 font-size: 16px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 margin-bottom: 10px;
}

div#nav a:active,
div#nav a:hover {
 color: white;
 border-bottom: 1px solid white;
}

div#nav-left {
 width: 49%;
 clear: none; 
 float: left;
}

div#nav-right {
 width: 49%;
 clear: none;
 text-align: right;
 float: right;
}

div#nav-bot {
 -clear: both;
 height: 1px;
 margin: 10px 0px 50px 0px;
}

div#comments {
 margin: 35px 0px 0px 0px;
 padding: 0px;
}

div#comments ol#trackbacks {
 padding: 0px;
 margin: 10px 5px 10px 15px;
}

div#comments ol#trackbacks li {
 border: none;
 list-style-type: decimal;
 list-style-position: inside;
 padding: 0px;
 margin: 0px;
}

div#comments div,
div#contact-me {
 margin: 10px 0px 25px 0px;
 padding: 0px;
}

div#comments div div,
div#contact-me div {
 background-color: #444;
 margin: 0px 0px 10px 0px;
 padding: 5px 10px;
 -clear: both;
 font-family: Helvetica, courier;
 font-size: 14px;
}

div#comments div h5,
div#contact-me h5 {
 margin: 0px;
 padding: 0px;
 color: #aaa;
 line-height: 18px;
 font-size: 18px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}

div#comments div h5 {
 float: left;
}
 
div#comments div h6 {
 margin: 0px;
 padding: 5px 0px 0px 0px;
 clear: none;
 color: #666;
 text-align: right;
 font-size: 10px;
}

div#comments div p,
div#contact-me p {
 margin: 0px;
 padding: 5px 0px;
}

div#comments div div form#commentform {
 width: 450px;
}

div#contact-me label.error {
 color: red;
}

div#contact-me input.error,
div#contact-me textarea.error {
 border: 1px red solid;
}

div#contact-me p#submit_hold,
div#comments p#submit_hold {
 margin-top: 10px;
 text-align: left;
}

div#mw-pages table {
 margin-top: 20px;
}

div#mw-pages td {
 border: 1px solid #666;
 padding: 10px;
}