/*
PUMPIN'! STYLESHEET 
 - Made and Coded by Tess 
-----------------------------------------
*/
body {
 background-color: #A9988C;
 color: #5C4E2A;
 font: 11pt "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, sans-serif;
 line-height: 28pt;
 margin: 0 auto;
 text-align: center;
}

p {
 margin: 0 0 15px 0;
}

h1 {
 background: url(img/bvH1.png) left center no-repeat;
 height: 60px;
 margin: 0;
 padding: 0 10px 10px 0;
 text-align: left;
 text-transform: uppercase;
}

h1 span {
 display: none;
}

h2 {
 color: #98A043;
 font: 21pt "Trebuchet MS", Tahoma, Verdana, sans-serif normal;
 margin: 0 0 1px 0;
 padding: 0;
 text-align: left;
 text-transform: uppercase;
} 

h2 a {
 border: 0;
 color: #B9A979;
 font-style: normal;
} 

h2 a:hover {
 border: 0;
 color: #647422;
 text-decoration: underline;
}

h3 {
 color: #937B4C;
 font: 18pt "Trebuchet MS", Tahoma, Verdana, sans-serif normal;
 margin: 0 0 2px 0;
 padding: 0;
 text-align: left;
 text-transform: uppercase;
}

#middle h3 {
 color: #343A00;
}

#middle h3 a {
 border: 0;
 color: #343A00;
 font-style: normal;
 text-decoration: underline;
}

h4 {
color: #D0D0D0;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 1px 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}

a {
 border-bottom: 2px solid #303030;
 color: #A54F2D;
 font-style: italic;
 text-decoration: none;
} 

a:hover {
 border-bottom: 2px solid #A54F2D;
 color: #303030;
}

a img {
 border: 0;
}

/*
LAYOUT STYLES:
-----------------------------------------
*/ 
#container {
 background-color: #E4D8C0;
 margin: auto;
 text-align: left;
 width: 80%;
}

#navigation {
 height: 42px;
 margin: 0 auto;
 width: 100%;
}

#header {
 background: url(img/bvHeaderBg.png) top left repeat;
 margin: 0;
 padding: 3% 2%;
 width: 96%;
}

#wrapper {
 margin: 0 auto;
 width: 100%;
}

#header h1 img {
 margin: 30px 0 0 30px;
}

#sidebar {
 background: #879E55 url(img/bvNavigation.png) top left repeat;
 float: right;
 margin: 0 1% 10px 1%;
 padding: 1%;
 width: 21%;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

#content {
 float: left;
 margin: 0;
 padding: 1% 0 1% 1%;
 width: 73%;
}

#middle {
 background: url(img/bvMiddle.png) top left repeat;
 margin: 20px 0 0 0;
 padding: 1%;
 width: 98%;
 /*-khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;*/ 
}

#updates, #downloads {
 float: left;
 margin: 0 1% 0 0;
 width: 29%;
}

#twitter {
 background: url(img/bvTwitter.png) top right no-repeat;
 float: right;
 margin: 0;
 padding: 71px 0 0 0;
 text-align: center;
 width: 40%;
}

#icons p#iconsArea {
 background: url(img/kvIconsBg.png) top left repeat;
 padding: 40px 0 30px 0;
 text-align: center;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

#icons a {
 border: 0;
}

#icons img {
 border: 0;
 margin: 2px;
}

.clear {
 clear: both;
 margin: 0;
}

#footer {
 background-color: #5F3023;
 clear: both;
 text-align: center;
 width: 100%;
} 

#footer p {
 color: #B27464;
 font: italic 19pt "Times New Roman", Times, Georgia, serif;
 margin: 0;
 padding: 2% 0;
}

/*  
MENU LINKS 
-----------------------------------------
*/
#navigation ul {
 margin: 0;
 padding: 0;
}

#navigation ul li {
 background-color: #F08F60;
 display: block;
 float: left;
 margin: 0 1px 1px 0;
 padding: 2px 0;
 text-align: center;
 width: 24.9%;
}

#navigation ul li.last {
 margin: 0 0 1px 0;
 width: 25%;
}

#navigation ul li a {
 border: 0;
 color: #B56037;
 font: normal 11pt Rockwell, "Lucida Sans", "Lucida Console", "Times New Roman", serif;
 text-decoration: none;
 text-transform: uppercase;
} 

#navigation ul li.c a {
 border: 0;
 color: #FFFFFF;
 text-shadow: 1px 1px 2px #707070;
}

#navigation ul li a:hover {
 border: 0;
 color: #F6E9CF;
 text-shadow: 1px 1px 2px #707070;
} 

#sidebar ul {
 margin: 0 0 20px 0;
 padding: 0;
}

#sidebar ul li {
 display: block;
 margin: 0 0 1px 0;
 padding: 1px 0;
 text-align: center;
}

#sidebar ul li a {
 border: 0;
 color: #FFFFFF;
 font: normal 12pt "Rockwell", "Lucida Sans", "Lucida Console", "Courier New", Times New Roman, Times, serif;
 line-height: 20pt;
 text-decoration: none;
 text-shadow: 1px 1px 2px #000000;
 text-transform: uppercase;
} 

#sidebar ul li.c a {
 color: #6F8900;
} 

#sidebar ul li a:hover {
 color: #808080;
}

#sidebar ul li ul {
 margin: 0 -1px -1px 0;
 padding: -2px 0;
}

#sidebar ul li ul li {
 background: url(img/bvNavigationSub.png) top left repeat;
 display: block;
 margin: 0 0 1px 0;
 padding: 1px 0;
 text-align: center;
}

#sidebar ul li ul li#nowLast {
 background: url(img/bvNavigationBottom.png) top center no-repeat;
 height: 40px;
}

ul#secondList li a {
 border: 0;
 color: #82BE1A;
 font: normal 10pt "Rockwell", "Lucida Sans", "Lucida Console", "Courier New", Times New Roman, Times, serif;
 text-decoration: none;
 text-transform: uppercase;
} 

ul#secondList li a:hover, #sidebar ul li ul li:hover a, #sidebar ul li ul li#beforeLast:hover a {
 color: #E0E0E0;
}

#downloads ul, #updates ul {
 margin: 0;
 padding: 0;
}

#downloads ul li, #updates ul li {
 background: url(img/bvMiddleNav.png) top left repeat;
 display: block;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 1px 0 1px 6px;
 text-align: left;
}

#downloads ul li span.smallDate, #updates ul li span.smallDate {
 color: #3B2807;
 display: block;
 font-size: 8pt;
 margin: -11px 0 0 0;
 text-transform: uppercase;
}

#downloads ul li a, #updates ul li a {
 border: 0;
 color: #1C2A00;
 font: normal 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 text-decoration: underline;
 text-transform: uppercase;
} 

#downloads ul li a:hover, #updates ul li a:hover {
 color: #202020;
}

#twitter ul {
 margin: 0;
 padding: 0;
}

#twitter ul li {
 background: url(img/bvMiddleNav.png) top left repeat;
 color: #233703;
 display: block;
 font-size: 9pt;
 line-height: 19pt;
 list-style-type: lower-roman;
 margin: 0 0 1px 0;
 padding: 1px 6px;
 text-align: left;
}

#twitter ul li .twitterDate {
 display: block;
 margin: -14px 0 0 0;
 text-align: right;
}

#twitter ul li a {
 color: #B59483;
}

ol li a:hover {
 border-bottom: 2px solid #F3004A;
}

/*  
SCRIPTS 
-----------------------------------------
*/
.entryStats {
 background: #D2BF99 url(img/bvStats.png) top right no-repeat;
 float: right;
 font-size: 10pt;
 margin: 0 0 0 1%;
 padding: 0 1%;
 text-align: right;
 text-transform: uppercase;
 width: 23%;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

.entryStats p {
 margin: 0 0 8px 0;
}

.entryStats .categories {
 color: #557400;
 line-height: 18pt;
 margin: 0 0 15px 0;
}

.entryStats .comments {
 line-height: 18pt;
 margin: 0 0 8px 0;
 text-transform: uppercase;
} 

.commentsBottom a {
color: #303030;
font-style: normal;
text-decoration: underline;
} .commentsBottom a:hover {
color: #000000;
}

.scriptSection {
 background-color: #657E41;
 color: #816A3D;
 float: left;
 font-size: 10.5pt;
 line-height: 21pt;
 padding: 1% 1% 0 1%;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

.scriptSection a {
 border-bottom: 2px solid #000000;
 color: #415711;
}

.scriptSection a:hover {
 border-bottom: 2px solid #415711;
 color: #000000;
}

#scriptCA p, #scriptIA p, #scriptKA p, #scriptLA p, #scriptMA p, #scriptUnknown p, {
 margin: 0;
 padding: 0 0 10px 0;
 /*padding: 70px 0 0 0;*/
}

#scriptCA {
 background: #D2BF99 url(img/bvScriptCA.png) bottom left no-repeat;
 margin: 0 1% 0 0;
 text-align: right;
 width: 47%;
}

#scriptIA {
 background: #D2BF99 url(img/bvScriptIA.png) top right no-repeat;
 margin: 0;
 width: 48%;
}

#scriptKA {
 background: #D2BF99 url(img/bvScriptKA.png) top left no-repeat;
 margin: 0 1% 0 0;
 text-align: right;
 width: 47%;
}

#scriptLA {
 background: #D2BF99 url(img/bvScriptLA.png) bottom right no-repeat;
 margin: 0;
 width: 48%;
}

#scriptMA {
 background: #D2BF99 url(img/bvScriptMA.png) bottom left no-repeat;
 margin: 0 1% 0 0;
 text-align: right;
 width: 47%;
}

#scriptUnknown {
 background: #D2BF99 url(img/bvScriptUnknown.png) top right no-repeat;
 margin: 0;
 width: 48%;
}

/* WEBDEVELOPMENT WORK */ 
.wWork {
 margin: 0 0 2px 0;
}

.wWork a {
 border: 0;
}

.wWork img {
 border: 10px solid #C2A976;
 margin: 0 2px 0 2px;
}

.wWork img:hover {
 border: 10px solid #A88C55;
}
 
.bigPageBorder {
 border: 10px solid #E0E0E0;
 margin: 1px;
} 

.bigPageBorder:hover {
 border: 10px solid #D0D0D0;
}

.stats_entry {
 background-color: #98A949;
 border-left: 1px solid #717F32;
 border-top: 1px solid #717F32;
 color: #3D4129;
 font: italic 15pt "Times New Roman", Times, Georgia, serif;
 line-height: 24pt;
 margin: 0 0 15px 0;
 padding: 9px 0;
 text-align: center;
} 

.stats_entry em {
 color: #000000;
}

/*
USER LIST 
*/
.deSmall {
 height: 21px;
 margin: 1px;
 width: 21px;
}

#commentsDisplay {
 margin: 0;
 padding: 0;
}

#commentsDisplay li {
 font-size: 10.5pt;
 list-style-type: none;
}

#commentsDisplay li a {
 font-style: normal;
 text-transform: uppercase;
}

#commentsDisplay li p.i {
 float: left;
 width: 51px;
}

#commentsDisplay li img.commentImage {
 border-bottom: 1px solid #AA9365;
 border-right: 1px solid #AA9365;
 height: 60px;
 width: 60px;
}

#commentsDisplay li span.commentBox {
 color: #606060;
 text-transform: uppercase;
}

#commentsDisplay li p.c_m {
 background: #D0BD97 url(img/comment_author.png) top right no-repeat;
 border-left: 1px solid #AA9365;
 line-height: 17pt;
 margin: 0 0 10px 65px;
 padding: 3px;
}

#commentsDisplay li p.c_l {
 background: #D0BD97 url(img/comment_logged.png) top right no-repeat;
 border-left: 1px solid #AA9365;
 line-height: 17pt;
 margin: 0 0 10px 65px;
 padding: 3px;
}

#commentsDisplay li p.c_a {
 background: #D0BD97 url(img/comment_anonymous.png) top right no-repeat;
 border-left: 1px solid #AA9365;
 line-height: 17pt;
 margin: 0 0 10px 65px;
 padding: 3px;
}

#commentsDisplay li.depth-1 {
 margin-left: 20px;
}

.sites .right {
 padding: 0 1% 2% 0;
 text-align: right;
 width: 49%;
} 

.sites .right a {
 border-bottom: 2px solid #A68A52;
 color: #C1A978;
 font: italic 25pt "Times New Roman", Times, Georgia, serif;
} 

.sites .right a:hover {
 color: #202020;
} 

.sites .left {
 color: #7C6943;
 font: 25pt "Times New Roman", Times, Georgia, serif;
 padding: 0 0 2% 0;
 text-align: left;
 width: 50%;
} 

.sites .tc a {
border-bottom: 2px solid #000000;
color: #303030;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 15px;
font-style: italic;
} 

.sites .tc a:hover {
color: #808080;
}

.paImage {
 float: left;
 padding-right: 10px;
} 

.paImage img {
 border: 10px solid #C1A978;
 margin: 1px;
}

.paImage img:hover {
 border: 10px solid #A68A52;
}

.paBody {
 background: url(img/bvProjectsQuote.png) top right no-repeat;
 padding-left: 10px;
}

.paTitle {
 margin: 0 0 1px 0;
 text-transform: uppercase;
} 

.paTitle a {
 border: 0;
 color: #A0947D;
 font: 12pt "Trebuchet MS", Tahoma, Verdana, sans-serif italic;
 text-decoration: underline;
 text-transform: uppercase;
} 

.paTitle a:hover {
 color: #A1854C;
}

.paStats {
 font: 12pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 text-transform: uppercase;
}

#userBlock {
 margin: auto;
 width: 100%;
} 

.user {
 float: left;
 text-align: right;
 width: 50%;
} 

.user img {
 border: 10px solid #C5AD7E;
 height: 80px;
 width: 80px;
}

.userInfo {
 color: #97A943;
 float: left;
 font: 25pt Rockwell, "Lucida Sans", "Lucida Console", "Courier New", "Times New Roman", Times, serif;
 padding: 3.5% 1% 0 1%;
 text-align: left;
 text-transform: uppercase;
 width: 48%;
}

.floatLeft {
 float: left;
 padding: 0 0 0 1%;
 width: 49%;
} 

.floatLeft ol {
 margin: 0 0 15px 0;
 padding: 0;
} 

.floatLeft ol li {
 background-color: #D2BF99;
 display: block;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 2px 0 2px 8px;
 text-align: left;
} 

.floatLeft ol li a {
 color: #75613A;
 text-decoration: none;
} 

.floatLeft ol li a:hover {
 color: #4B3915;
 text-decoration: none;
}

/*  
FORM STYLES
-----------------------------------------
*/
fieldset {
 background: url(img/bvForm.png) top left repeat;
 border: 1px solid #0D242E;
 margin: 0 0 15px 0;
 padding: 0 auto;
 text-align: center;
}

fieldset legend {
 background: url(img/bvForm.png) top left repeat;
 border: 1px solid #0D242E;
 color: #202020;
 font: 16pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 padding: 2px 10px;
 text-transform: uppercase;
}

fieldset label {
 float: left;
 color: #303030;
 text-align: right;
 width: 48%;
}

input, select, textarea {
 background-color: #E4D8C0;
 border: 1px solid #183D4D;
 font: 11pt Tahoma, Verdana, sans-serif;
 padding: 3px;
}

.input1 {
 width: 48%;
}

.input2 {
 padding: 5px;
 width: auto;
}

/*  
OTHER STYLES
-----------------------------------------
*/
.noBottom {
 margin: 0; 
}

.tc {
 text-align: center;
} 

.tl {
 text-align: left;
} 

.tr {
 text-align: right;
}

/*  
HIGHLIGHT STYLES
-----------------------------------------
*/
samp {
 color: #000000;
 font: 12pt "Lucida Console", "Courier New", "Times New Roman", Times, serif;
}

code {
 background-color: #D2BF99;
 border: 1px solid #BDA678;
 color: #816938;
 display: block;
 font: 11pt "Lucida Console", "Courier New", "Times New Roman", Times, serif;
 margin: 0 0 12px 0;
 padding: 5px;
 text-align: left;
} 

.overflow {
 height: 300px;
 overflow: auto;
}

/*
MESSAGE CLASSES
-----------------------------------------
*/
/*
For "Back to PAGE" paragraphs:
*/
.backLink {
 background-color: #D2BF99;
 border: 1px solid #BDA678;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
} 

.backLink a {
 color: #404040;
 font-style: normal;
 text-decoration: underline;
} 

.backLink a:hover {
 color: #000000;
}

/*
For notes (can be marked with any error class, as "notes" differ):
*/
.note { 
 font-weight: bold; 
 text-transform: uppercase; 
}

.noteButton {
 background: #D2BF99 url(img/note.png) top left no-repeat;
 border: 1px solid #BDA678;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
} 

/* 
For regular ole errors:
*/
.error {  
 color: #FF0000; 
}

.errorButton {
 background: #D2BF99 url(img/error.png) top left no-repeat;
 border: 1px solid #BDA678;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
}

/* 
For success messages: 
*/
.success { 
 color: #66CC00; 
}

.successButton {
 background: #D2BF99 url(img/success.png) top left no-repeat;
 border: 1px solid #BDA678;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
}

/* 
For MySQL errors: 
*/
.mysql { 
 color: #0000FF; 
}

.mysqlButton {
 background: #D2BF99 url(img/error_fatal.png) top left no-repeat;
 border: 1px solid #BDA678;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
}

/* 
For PHP errors (shares .errorButton with .error): 
*/
.php { 
 color: #FF9900; 
}