/*
Theme Name: bpo
Theme URI: http://www.Bitfad.com
Version: 1.0
Description: 2 Column dark color theme
Author: Alexander Yeaman
Author URI: http://www.bitfad.com
*/

body {
	margin: 0px;
	background: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	color: #232323;
	overflow: -moz-scrollbars-vertical !important
}

img {
	border:0;
}

img.left {
	float:left;
	padding:10px
}


#wrapper {
	background: #fff;
}

.holder{
      background: #f2f2f2;
	width: 980px;
	margin:0 auto
}
.clear {
	clear: both;
}
#main {
      border-top:1px solid #454545
}



#header {
    margin:0 auto;
    background: url(images/bg-header.gif) #23221e repeat-x left bottom;
    width: 980px;
    position: relative;
    height: 229px
}


#header a {
    text-decoration: none
}
#main-navigation a {
    text-decoration: none
}
ul.nav a {
    text-decoration: none
}
#header input {
    vertical-align: middle
}
#header input.text {
    color: #5a5a5a
}
#header input.search {
    display: block;
    background: #23221e url(images/searcher.gif) no-repeat left top;
    font: 11px/14px tahoma,sans-serif;
    color: #dfdfff;
    width: 47px;
    height: 18px;
    border: 0px
}
#header select {
    color: #5a5a5a
}

#header ul {
    margin: 0px;
    list-style-type: none
}
#header a.logo {
    display: block;
    background: url(images/logo.gif) #23221e no-repeat left top;
    color: #23221e;
    left: 58px;
    top: 26px;
    width: 498px;
    position: absolute;
    height: 108px
}

/*** main navigation *************************************/

#main-navigation {
    padding-right: 0px;
    padding-left: 0px;
    left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    position: absolute;
    top: 190px
}
#main-navigation li {
    padding-right: 3px;
    padding-left: 0px;
    background: url(images/header-nav-border.gif) no-repeat right 50%;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    position: relative;
    font: 11px/14px tahoma,sans-serif;
    height: 29px
}
#main-navigation li a {
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
    color: #dfdfff;
    line-height: 240%;
    height: 29px
}
#main-navigation li.home a {
    background: #23221e url(images/blank.gif) left top;
    width: 90px
}
#main-navigation li.blog a {
    background: #23221e url(images/blank.gif) left top;
    width: 84px
}
#main-navigation li.articles a {
    background: #23221e url(images/blank.gif) left top;
    width: 108px
}
#main-navigation li.qna a {
    background: #23221e url(images/blank.gif) left top;
    width: 90px
}
#main-navigation li.services a {
    background: #23221e url(images/blank.gif) left top;
    width: 102px
}
#main-navigation li.resume a {
    background: #23221e url(images/blank.gif) left top;
    width: 106px
}
#main-navigation li.contact a {
    background: #23221e url(images/blank.gif) left top;
    width: 102px
}
#main-navigation li.links a {
    background: #23221e url(images/blank.gif) left top;
    width: 80px
}
#main-navigation li a:hover {
    background-position: 0px -29px;
    color: #b72416
}
#main-navigation li:hover a {
    background-position: 0px -29px;
    color: #b72416
}
#main-navigation li.hover a {
    background-position: 0px -29px;
    color: #b72416
}
#main-navigation li ul {
    padding-right: 0px;
    border-top: #b6b6b6 1px solid; /*#b6b6b6 */
    display: none;
    padding-left: 0px;
    background: #23221e;
    left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 178px;
    padding-top: 0px;
    border-bottom: #000 1px solid;
    position: absolute;
    top: 29px
}
#main-navigation li:hover ul {
    display: block
}
#main-navigation li.hover ul {
    display: block
}
#main-navigation li ul li {
    border-right: #000 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    background: url(images/header-nav-border1.gif) no-repeat 50% bottom;
    float: left;
    padding-bottom: 3px;
    margin: 0px;
    width: 177px;
    padding-top: 0px;
    height: 23px
}
#main-navigation li ul li.last {
    padding-right: 0px;
    padding-left: 0px;
    background: none transparent scroll repeat 0% 0%;
    padding-bottom: 0px;
    padding-top: 0px
}
#main-navigation li ul li a {
    padding-right: 0px;
    display: block;
    padding-left: 23px;
    background: none transparent scroll repeat 0% 0%;
    float: none;
    padding-bottom: 0px;
    font: 11px/24px 'trebuchet ms',tahoma,sans-serif;
    width: 154px! important;
    text-indent: -14px;
    padding-top: 0px;
    height: 23px
}
#main-navigation li ul li a:hover {
    background: #2e0000
    /* color: #fff; */
}




#main-navigation li ul li ul {
	left: -999px
}

#main-navigation li ul li.hover ul {
    padding-right: 0px;
    border-top: #b6b6b6 1px solid; /*#b6b6b6 */
    display: none;
    padding-left: 0px;
    background: #23221e;
    left: 178px;
    padding-bottom: 0px;
    margin: 0px;
    width: 178px;
    padding-top: 0px;
    border-bottom: #000 1px solid;
    position: absolute;
    top: -1px
}
#main-navigation li:hover ul li ul {
    display: block
}
#main-navigation li.hover ul li ul
{
    display: block
}
#main-navigation li ul li ul li {
    border-right: #000 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    background: url(images/header-nav-border1.gif) no-repeat 50% bottom;
    float: left;
    padding-bottom: 3px;
    margin: 0px;
    width: 177px;
    padding-top: 0px;
    height: 23px
}
#main-navigation li ul li ul li.last {
    padding-right: 0px;
    padding-left: 0px;
    background: none transparent scroll repeat 0% 0%;
    padding-bottom: 0px;
    padding-top: 0px
}
#main-navigation li ul li ul li a {
    padding-right: 0px;
    display: block;
    padding-left: 23px;
    background: none transparent scroll repeat 0% 0%;
    float: none;
    padding-bottom: 0px;
    font: 11px/24px 'trebuchet ms',tahoma,sans-serif;
    width: 154px! important;
    text-indent: -14px;
    padding-top: 0px;
    height: 23px
}
#main-navigation li ul li ul li a:hover {
    background: #2e0000
    /* color: #fff; */
}


#header form {
    padding-right: 0px;
    padding-left: 0px;
    left: 748px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    position: absolute;
    top: 194px
}
#header form input {
    float: left
}
#header form .text {
    border-right: #878787 1px solid;
    padding-right: 0px;
    border-top: #000 1px solid;
    padding-left: 4px;
    padding-bottom: 0px;
    font: 11px/14px tahoma,sans-serif;
    border-left: #000 1px solid;
    width: 154px;
    padding-top: 1px;
    border-bottom: #a7a7a7 1px solid;
    height: 15px
}
ul.nav {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    position: absolute
}
ul.nav li {
    padding-right: 0px;
    display: inline;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-transform: uppercase;
    font: 11px tahoma, sans-serif;
    padding-top: 0px;
    list-style-type: none
}
ul.nav li a {
    padding-right: 11px;
    padding-left: 9px;
    padding-bottom: 0px;
    color: #999;
    padding-top: 0px
}
ul.nav li a:hover {
    text-decoration: none
}
ul.nav li.last a {
    padding-right: 0px;
    background: none transparent scroll repeat 0% 0%
}

/*** footer *************************************/

#footer {
    margin:0 auto;
    padding-right: 0px;
    padding-left: 0px;
    background: #23221e;
    border-bottom: #f2f2f2 6px solid;
    width: 980px;
    height: 86px;
    padding-top: 0px;
    position: relative
}
#footer .copyrights {
    padding-right: 0px;
    padding-left: 56px;
    font-size: 11px;
    float: left;
    padding-bottom: 0px;
    color: #999;
    font: 11px 'trebuchet ms',tahoma,sans-serif;
    padding-top: 32px
}
#footer-navigation {
    padding-left: 0px;
    padding-right: 56px;
    float: right;
    padding-bottom: 0px;
    padding-top: 32px;
    position: static
}


.mlist a {
	text-decoration:none;
	color:#232323
}
.mlist ul {
	margin: 10px;
	list-style: none;
	padding: 0
}
.mlist ul li {
	background: url(images/li2.gif) no-repeat 10px 10px;
	margin: 0px 5px 10px;
	padding: 0px 0px 0px 35px
}
.mlist ul li ul li.page_item_summary {
	font: 14px Arial, Helvetica, sans-serif;
	color: #888;
	background: transparent;
	padding: 0 0 4px 0
}

.lclear {
	/* border-top: #ccc 1px solid; */
	float: left;
	width: 980px;
}
.llist {
	display: block;
	float: left;
	width: 960px;
	padding-left: 20px;
}
.cat {
	display: block;
	float: left;
	padding: 10px 22px 0 22px;
	width: 28%
}
.llist a {
	text-decoration:none;
	color:#232323
}
.llist ul {
	margin: 0;
	list-style: none;
	padding: 0
}
.llist ul li {
	background: url(images/li2.gif) no-repeat 10px 8px;
	color: #888;
	margin: 0px 0px 12px;
	padding: 0px 0px 0px 25px
}
/* .llist li ul li a:hover {
	background: #ddd
} */
.author, .info{

	padding: 0 0 10px 0
}
.post {
	
	padding: 0 0 2px 0
}
.post .info a, .post h2 a {
	text-decoration:none
}
#contentimage {
	background: #f2f2f2 url(images/homeimage.jpg) no-repeat left top;
	width: 680px;
	height: 317px;
	margin:20px 0 0 0;
	padding: 0
}

.contentimage {
	background: #f2f2f2 url(images/homeimage.jpg) no-repeat fixed center;
	width: 680px;
	height: 380px;
	margin:20px 0 0 0;
	padding: 0
}

/** http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash **/

/*** right section *************************************/

#left {
	float: right;
	width: 210px;
	padding: 22px 25px 10px 20px;
	border-left:1px solid #454545;
	color:#232323;
	font-size:12px;
	top: 0px
}
#left h1 {
	font-size:18px;  /* was 20px */
	font-weight:normal;
	padding-bottom: 5px;
	border-bottom:solid 1px #999;
	color: #232323;
	clear: both
}
#left ul {
	margin: 10px;
	list-style: none;
	padding: 0
}

#left ul li {
	background: url(images/li2.gif) no-repeat 10px 10px;
	display: block;
	margin: 0px 5px 10px;
	color:#666; /* WARNING: this may be problematic */
	padding: 4px 0px 4px 35px
}

#left a {
	text-decoration:none;
	color:#232323
}

/*** left section *************************************/

#right {
	float: left;
	padding: 0px 10px 10px 20px;
	line-height: 1.6em;
	width: 680px;
	color:#232323
}
#right p {
	margin:0;
	padding:10px 0 10px 0
}
#right blockquote {
	margin: 0px 10px 14px 10px;
      /* border-top: 1px solid #111;
	border-left: 1px solid #333; 
	border-bottom: 1px solid #aaa; 
	border-right: 1px solid #666;

      border-top: 1px solid #777;
	border-left: 1px solid #999; 
	border-bottom: 1px solid #fff; 
	border-right: 1px solid #eee; */

      border-bottom: 1px solid #bbb;
	border-right: 1px solid #ddd; 
	border-top: 1px solid #fff; 
	border-left: 1px solid #eee;
	padding:0 0 6px 0;   
      color:#444;
  	background: #fafafa
}
#right blockquote p {
 	padding: 6px 18px 6px 18px  
}
#right h1 {
	font-size: 26px;
	font-weight: bold;
	color: #232323;
	margin-top:0
}
#right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 36px;
	color: #444;
	border-bottom:1px solid #ccc;
	margin:15px 0 10px 0;
	padding-bottom:15px
}
#right a {
	color: #444
}
#right a:hover {
	text-decoration:none
}

/*** full page *************************************/

#alt-center {
	float: left;
	padding: 0;
	line-height: 1.6em;
	width: 980px;
	color:#232323
}
#alt-center a {
	color: #444
}
#center {
	float: left;
	padding: 0px 10px 10px 20px;
	line-height: 1.6em;
	width: 940px;
	color:#232323
}
#center p {
	margin:0;
	padding:10px 0 10px 0
}
#center blockquote {
	margin: 0px 10px 20px 10px;
      border-bottom: 1px solid #bbb;
	border-right: 1px solid #ddd; 
	border-top: 1px solid #fff; 
	border-left: 1px solid #eee;
	padding:0 0 6px 0;   
      color:#444;
  	background: #fafafa
}
#center blockquote p {
 	padding: 6px 18px 6px 18px  
}
#center h1 {
	font-size: 26px;
	font-weight: bold;
	color: #232323;
	margin-top:0
}
#center h2 {
	font-size: 32px;
	line-height: 36px;
	color: #232323;
	border-bottom:1px solid #ccc;
	margin:15px 0 10px 0;
	padding-bottom:15px
}
#center a {
	color: #444
}
#center a:hover {
	text-decoration:none
}
#center strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #444
}

.link a:hover {
	text-decoration:underline
}
	
	
#postlist h2 {
	font-size: 18px;
	color: #232323
}

#postlist {	
	border-top:1px solid #ccc
}

#postlist blockquote p {
	margin: -10px -24px -10px -24px;
      border-bottom: 1px solid #bbb;
	border-right: 1px solid #ddd; 
	border-top: 1px solid #fff; 
	border-left: 1px solid #eee;
	padding:4px 4px 6px 4px;   
      color:#444;
  	background: #fafafa
}

.searchpage .info {
	border-bottom:1px solid #ccc
}
.searchpage h3 {
	padding:20px 4px 12px 4px;
	color: #232323
}
.searchpage .info a, .searchpage h2 a, .searchpage h3 a {
	text-decoration:none
}

.read a  {
	text-decoration:none
}

h1 {
  font-size: 1.7em;
  /* font-family: "georgia", times new roman, times, serif; 'side bar - headings' */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #232323
}
h2 {
  font-size: 0.9em;
  /* font-family: "georgia", times new roman, times, serif; 'home page side bar  - headings' */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0.2em 0 1.4em 0;
  color: #232323
}

h3 {
  font-size: 1.3em;
  /* font-family: "georgia", times new roman, times, serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #232323
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0
}
	

ul li {
	margin-left: 2.4em;
	padding-left: 0;
	background: none
}

ol li {
	margin-left: 2.4em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal
}



code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'lucida console', 'courier new', monospace;
  background: #f2f2f2;
  color:#000;
  border: 1px solid #f2f2f2
  
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777
}

fieldset {border: none}

/*** form elements *************************************/


form {
	margin: 0 0 1.0em
}

input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em verdana, sans-serif;
	color:#777
}
textarea {
	width:400px;
	padding:2px;
	font-family: verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777
}
input.button { 
	margin: 0; 
	font: bolder 12px arial, sans-serif; 
	border: 1px solid #ccc; 
	padding: 2px 3px; 
	background:#fff
	
}

label {
	display:block;
	padding: 0
}



input#submit {
	background:#fff;
	color:#000
}

/*** comments *************************************/

.commentsblock {
	margin:0.5em;
	padding:1em;
	font-size:1.1em

}
.commentsblock textarea {
	width:410px
}
.commentsblock input, .commentsblock textarea {
	border:1px solid #d1d1d1
}
.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1
}
.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1
}
.commentauthor {
	display:block;
	font-size:1.5em
}
ol.commentlist {
	color:#232323;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.0em;
	padding:0
}
.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em
}
.alt {
	background:#434343;
	border:1px solid #383838;
	padding:0.5em
}
h3 #comments {
	font-size:1.6em
}
table, table tr {
	text-align: center;
	margin: 0;
      border: 0;
	padding: 0; 
}
table td{
	text-align: center;
	margin: 0;
      border: 0;
	padding: 4px; 
}
table td strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #444
}