/*
THEME NAME: Test
THEME URI: http://www.4devz.com/wordpress-themes/viewport-v01
DESCRIPTION: A non-standard approach to wordpress powered site
VERSION: 1.0
AUTHOR: <a href="http://www.alex-barger.com/">Alex Barger</a>
AUTHOR URI: http://www.alex-barger.com
*/

body {
   background: #ffffff;
   margin: 0px;
   padding: 0px;
   font-family: Arial;
}
a {
   color: #444444;
   text-decoration: none;
}
a:hover {
   color: #bb0000;
   text-decoration: underline;
}

/* page*/
div#page {
   width: 920px;
   padding: 0 0 30px 0;
   margin: 0 auto;
   text-align:center;
   background: #333333 url(img/bgwide.jpg) repeat-y;
}

/* Wrap*/
div#wrap{
   width: 886px;
}

/* Header */
div#header {
   margin:0 12px 0 18px;
   width: 886px;
   height:255px;
   background: url(img/head-shot.jpg) no-repeat;
   text-align:left;
}
/*
.header h1 {
   float: right;
   font-size: 16px;
   width: 650px;
   padding: 0px;
   margin: 2px 0 0 0;
}*/
h1 {
	padding:5px 230px 0;
	margin: 0 0 10px 0;
	font-size:16px;
}
.header h1 a {
   color: #ffffff;
}
.headercontents {
   float: right;
   width: 635px;
   height: 180px;
   padding:0 20px 0 10px;
   overflow: hidden;
}
div#header .headercontents .description {
   color: #333333;
   font-weight: bold;
}
.menulinks {
   width: 635px;
   padding:0 10px 0 0;
   list-style: none;
}
.menulinks li {
   float: left;
   padding: 1px 5px 1px 0;
}

/* Control Bar*/
div#imgBack {
   float: left;
   height:20px;
}
div#imgNext {
   float: left;
   height:20px;
}
div#vpHead {
   float: left;
   color: #bbbbbb;
   text-align: left;
   margin-left:10px;
   height:20px;
   width:165px;
}
div#vpBrowsingTag {
   float: left;
   color: #bbbbbb;
   font-weight:bold;
   text-align: left;
   margin-left:10px;
   height:20px;
   width:215px;
}
div#vpHead p {
   color: #bbbbbb;
}
div#countHolder {
   text-align:right;
   float:left;
   width:390px;
   height:20px;
   color: #bbbbbb;
}
span#recordCount {
   font-weight:bold;
}

/* content frames */
.opaque {
   opacity: .5;
   filter: alpha(opacity=50);
}
div#mainWrap {
   height:304px;
}
div#main {
   margin:0 12px 0 18px;
   height:304px;
   text-align:center;
   overflow:hidden;
}
.mainvp {
   float: left;
   width: 472px;
   height:300px;
   border: #cccccc 2px solid;
   padding: 0 4px 0 4px;
   margin: 0 4px 0 0px;
   background: #ffffff;
   overflow: hidden;
   overflow-y: auto;
   overflow-x: hidden; 
}
.divslides {
   float: left;
   width: 185px;
   height:300px;
   padding: 0 4px 0 4px;
   margin: 0 4px 0 0px;
   border: #cccccc 2px solid;
   background: #ffffff;
   overflow: hidden;
}

/* footer */
div#footer {
   width: 886px;
   height: 50px;
   margin:0 12px 0 17px;
   padding: 0 0 30px 0;
   text-align:center;
}
div#footer a {
   color: #ffffff;
}
div#footer p {
   color: #ffffff;
}
div#links {
   width: 886px;
}
.footerlinks {
   list-style:none;
}
div#links ul li{
   float:left;
   padding: 0 5px 0 5px;
}
/* Clearers */
.clear-both {
   clear: both;
}

/* style a div like a hr */
.hr20px {
   width: 884px;
   min-height:20px;
   background: #161616;
   border: #dddddd 1px dashed;
   border-bottom: #cccccc 2px solid;
   padding: 2px 0 2px 0;
   margin:0 12px 2px 18px;
}
.hr10px {
   width: 884px;
   min-height:10px;
   background: #161616;
   border: #dddddd 1px dashed;
   border-top: #cccccc 2px solid;
   padding: 2px 0 2px 0;
   margin:2px 12px 2px 18px;
}

/* prev / next control images */
img#prevctrl {
   margin-right: 10px;
}
img#nextctrl {
   margin-left: 10px;
}
div#loading {
   display:block;
   float:left;
   height: 20px;
   width:25px;
}
div#loadingImg {
   display:none;
   background:#161616 url(images/spinner2.gif) no-repeat scroll center;
   height: 20px;
   width:25px;
}

/* Lightbox gone wild restyle */
#lightbox {
   width: 650px;
   height:500px;
   overflow-y: scroll;
   overflow-x: hidden;
}
div#current-content {
   padding: 10px;
}


#lbwrap .lbAction { font-size:14px; margin: 4px auto;}
#lbwrap .left, #lbwrap .right { min-width:50px; font-size: 10px}
#lbwrap .left { float: left; }
#lbwrap .right { float: right; }
#lbwrap .clear { clear:both; }

#lbwrap .meta-start, #lbwrap .entry-author, #lbwrap .entry-date,
#lbwrap .entry-end, #lbwrap .entry-tags, #lbwrap .meta-end,
#lbwrap .author {
	float:left; margin-right:5px;
}

#lbwrap .entry-categories { clear:both; float:left;}
#lbwrap .entry-content { clear:both;padding-top:5px;}

.comments textarea {
	width: 98%;
}