/*
Theme Name: Court Vision Graphics
Theme URI: http://www.courtvisioncreative.com
Description: The vision of Court Vision Creative
Version: 1.0
Author: Badi Mibiuba
Author URI: http://www.courtvisioncreative.com
*/

* {margin: 0; padding: 0;}
body {background:#000 url(http://www.courtvisioncreative.com/wp-content/themes/courtvision/images/page_bg.png) repeat-x; color:#FFFFFF; font-size:0.875em; font-family: Arial, Helvetica, san-serif;}

#page-wrap {margin: 0 auto; position: relative; width: 918px;}
.clear { clear: both; }
a img { border: 0; }
ul {list-style: none;}
a {color: white; border-bottom: }
p {font: normal normal 13px/135% Arial, Helvetica, sans-serif;}
p.meta {color: #555;}
p.meta a {color: #555;}
p.meta a:hover {color: #666699;}
img.max-width {max-width: 100%}

/* Typography */
h3.blogtitle { margin: 0 0 .5em 0; font-size: large;}
h3.blogtitle a { text-decoration: none;}
h3.blogtitle a:hover { color: #333;}
h3 {color: #888; font: bold 14px/170% Arial, Helvetica, sans-serif; margin: 1em 0 .2em 0;}

/* Header */
#logo {position: absolute; top: 0; left: 0; z-index: 50; }
#header { height: 325px; position: relative; top: 104px; width: 920px;}

/* Nav */
#nav {height: 30px; margin: 0; padding: 0; position: absolute; right: 0px; top: 68px; width: 722px;}
#nav ul {display: inline; font: bold normal 12px/180% Arial, Helvetica, sans-serif; list-style: none; letter-spacing: 1px; text-transform: uppercase; width: 720px;}
#nav ul li a {background: url(http://www.courtvisioncreative.com/wp-content/themes/courtvision/images/nav_bg.jpg) no-repeat; display: block; float: left; height: 30px; text-align: center; text-decoration: none; width: 79px;}
#nav ul li a:hover {background: url(http://www.courtvisioncreative.com/wp-content/themes/courtvision/images/nav_bg_hover.jpg) no-repeat; color: #1a2755;}

/* Content-Wrap */
#content-wrap {min-height: 500px; background: #1b1b1b url(http://joelturnergraphics.com/BMG/wp-content/uploads/2010/03/mainbgrepeat.png) top repeat-x; margin-top: 5px; padding: 0; position: relative; width: 918px; }
#content-wrap h2 {font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-top: 0; text-transform: uppercase;}
#content-wrap h2 span {color: #39487c;}
#content-wrap h2.head1 {left: 20px; position: absolute; top: 3px;}
#content-wrap h2.head2 {left: 285px; position: absolute; top: 3px;}
#content-wrap h2.head3 {left: 540px; position: absolute; top: 3px;}

/* Main Content */
#main-content { float: left; padding: 40px 10px 0 20px; width: 500px; }
#main-content p {margin-bottom: 1em;}
#main-content a { border-bottom: 1px dotted #000; }
#main-content a:hover { color: #666699; }
#main-content .addtoany_share_save_container a { border: none;}
ul.commentlist { list-style: none;}

#content-left-home {float: left; padding: 0; width: 230px;}
#news {float: left; margin-top: -20px; padding: 0 0 0 37px; width: 220px;}
#news ul li {margin: 0 0 1em 0; font-size: 13px; }
#news .lpbcArchive {margin-top: 15px;}
#news .lpbcTitle {color: #888; font: bold 14px/170% Arial, Helvetica, sans-serif; margin: 1em 0 .2em 0;} 

/* Sidebar-Home */
#sidebar { float: left; padding-top: 30px; margin-left: 16px; width: 372px; position: relative; }
#sidebar ul li {padding: 5px 0;}
#sidebar a {color: #8A93B2}
#sidebar a:hover {color: #777}
#testimonials {background: url(http://www.courtvisioncreative.com/wp-content/themes/courtvision/images/testimonials.png ) top left no-repeat; margin: 5px 0 0 0; padding: 40px 0; position: relative; width: 98%;}
#testimonials h2.head1 {left: 11px; position: absolute; top: 6px;}
#testimonials img.twitter {position: absolute; top: 2px; right: 30px;}
#testimonials img.facebook {position: absolute; top: 2px; right: 2px;}
p.quote {font: italic 13px Arial, Helvetica, sans-serif; padding: 0 5px}
p.sig {font: italic 11px Arial, Helvetica, sans-serif; margin-bottom: 2em; padding: 0 5px; text-align: right;}
#vid {margin: 0 auto; }
#subside {background: url(http://joelturnergraphics.com/BMG/wp-content/uploads/2010/03/mainbgrepeat.png) top left repeat-x; margin: 5px 0 0 0; padding: 40px 0 0 0; position: relative; width: 100%;}
#subside ul {padding-left: 10px;}
#subside h2.head1 {left: 11px; position: absolute; top: 4px;}
#sideimg {text-align: center;}

/* Footer */
p.copywright {clear: both; text-align: center; margin: 20px auto;}

#gallery ul {display: inline}
#gallery ul li {display: block; float: left; margin: .75em;}

/* Comments */
.commentlist li {background: #333; margin-bottom: 1em; padding: .5em;}
.commentlist li img {float:left; margin-right:9px; padding:1px;}
.commentlist li p {padding: .5em 0 0 3.3em;}

/* ButtonMaker Button */
.button {
   border: 0;
   border-top: 1px solid #777777;
   background: #333333;
   background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333));
   background: -moz-linear-gradient(top, #777777, #333333);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #555555;
   background: #555555;
   color: #ebebeb;
   }
.button:active {
   border-top-color: #777777;
   background: #777777;
   }

.button-space {margin: 1em 0;}

