/*
Theme Name: vids
Description: Custom Theme for Click Web Video
Author: John
Author URI: http://www.kcrnc.com

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


*  {
margin: 0;
padding: 0; 
}

div.cb{
clear:both;
}

body 
{
color:#a9b0b6;
font-family:'Lucida Grande',helvetica,verdana,sans-serif,arial;
font-size:14px;
background:#252525 url(images/dots.long.png) repeat-x;
}

div#pageWrapper
{
margin: 0 auto;
width:960px;
}

div#logo
{
height:125px;
width:350px;
margin:8px 0 8px 0;
float:left;
background: url(images/logo.sized2.png) no-repeat scroll 6pt 0; 
}

div#logo img
{
width:350px;
height:109px;
}

div#topBanner
{
float:right;
margin-top:16px;
}

div#topBanner img
{
 float:left;
}

a#contact{
float:left;
background: url(images/cwContact.png) no-repeat scroll 6pt 0; 
width:273px;
height:109px;
display:block;
}
a:hover#contact{
background: url(images/cwContact.hover.png) no-repeat scroll 6pt 0; 
}

div#navLeft
{
float:left;
background: url(images/navLeft.png) no-repeat;
width:13px;
height:64px; 
}

div#navMiddle
{
float:left;
width:934px;
height:64px;
background: url(images/navMiddle.png) repeat-x;
text-align:center;
}

div#navMiddle ul
{
width:934px;
padding:0 0 0 3px;
}

div#navMiddle li
{
float:left;
width: 186px;
}

/*Drop Down Menu */

div#navMiddle li ul {
display: none; 
width: 10em; /* Width to help Opera out */
background-color: #727071;
}
div#navMiddle li:hover ul, div#navMiddle li.hover ul {
display: block;
position: absolute;
width:186px;
margin: 0 0 0 2px;
padding: 0 0 3px 0; }
div#navMiddle li:hover li, div#navMiddle li.hover li {
float: none; }
div#navMiddle li:hover li a, div#navMiddle li.hover li a {
background-color: #727071;
color: #fff;
font-size:.9em;
font-weight:bold;
padding: 0 5px 0 5px;
height:20px;
text-align:left;
}
div#navMiddle li li a:hover {
background-color: #9a9a9a; }

div#navMiddle a
{
font-weight:normal;
font-size: 18px;
text-decoration: none;
color:#FFFFFF;
height:47px;
padding:8px 0 2px 0;
line-height:22px;
margin:4px 0 0 0;
display:block;
}

div#navMiddle a:hover
{
background:url(images/orange_bg.png) repeat;
}

a.current
{
background:url(images/transparent_bg.png) repeat;
}

div#navMiddle span
{
color:#B1B1B1;
display:block;
font-size:11px;
}

div#navRight{
float:left;
background: url(images/navRight.png) no-repeat;
width:13px;
height:64px; 
}

/* Top Box Extra Content*/

div#extraContent
{
background: url(images/extraBack.png) repeat-y;
float:left;
width:960px;
margin: 0 0 0 5px;
}

div#leftSide
{
float:left;
width: 460px;
margin: 5px 5px 5px 10px;
min-height:250px;
}

div#rightSide
{
float:left;
width: 460px;
margin: 5px 5px 5px 0;
min-height:250px;
}

div#fadeDiv
{
width:400px;
margin:0 auto;
}
div#titleDiv{
width:400px;
margin:0 auto;
padding:35px 0 5px 0;


}
div#fadeDiv ul li{
list-style:disc inside none;
margin:0;
line-height:20px;
font-size:18px;
font-weight:bold;
}

div#titleDiv h1
{
  color:#f6881f;
  font-size:25px;
}

/* Top Box Extra Top/Bottom*/
div#extraTopLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopLeft.png) no-repeat;
}

div#extraTopRight
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopRight.png) no-repeat;
}

div#extraTop
{

background: url(images/extraTop.png) repeat-x;
float:left;
height:27px; 
width:936px;
}

div#extraBottomLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraBottomLeft.png) no-repeat;
}

div#extraBottom
{
background: url(images/extraBottom.png) repeat-x;
float:left;
height:12px; 
width:936px;
}

div#extraBottomRight
{
float:left;
width:12px;
height: 12px;
background: url(images/extraBottomRight.png) no-repeat;
}

/* Featured Box Content*/

div#sidebar
{
float:left;
width:240px;
}

div#featuredContent
{
background: url(images/featuredBack.png) repeat-y;
float:left;
width:230px;
min-height:200px;
margin: 0 0 0 5px;
}

div#featured
{
height:204px;
margin:10px 0 10px 10px;
overflow:hidden;
}

div#featured img
{
 padding: 0 0 1px 0;
}
div.buttons
{
margin:10px auto;
width:70px;
}

div.prev
{
background:url(images/prev.png) no-repeat;
text-align:center;
height:30px;
width:30px;
float:left;
cursor:pointer;
}

div.next
{
background:url(images/next.png) no-repeat;
margin: 0 0 0 5px;
text-align:center;
height:30px;
width:30px;
cursor:pointer;
float:left;
cursor:pointer;
}

/* Featured Box Top/Bottom*/

div#featuredTopLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopLeft.png) no-repeat;
}

div#featuredTopRight
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopRight.png) no-repeat;
}

div#featuredTop
{
background: url(images/extraTop.png) repeat-x;
float:left;
height:27px; 
width:216px;
}


div#featuredBottomLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraBottomLeft.png) no-repeat;
}

div#featuredBottom
{
background: url(images/extraBottom.png) repeat-x;
float:left;
height:12px; 
width:216px;
}

div#featuredBottomRight
{
float:left;
width:12px;
height: 12px;
background: url(images/extraBottomRight.png) no-repeat;
}

/*Right Side Main Content */

div#mainEntry
{
float:left;
width:720px;
}

div#mainContent
{
background: url(images/mainBack.png) repeat-y;
float:left;
width:710px;
min-height:200px;
margin: 0 0 0 5px;
}

/* Entry */

div.entry
{
margin:5px;
letter-spacing:  1px;
}

div.entry p
{
margin: 7px 5px 8px 5px;
}

div.entry h1, h2, h3, h4
{
margin:5px 5px 5px 5px;
}

div.entry h1
{
color:#F87217;
font-size:25px;
}

div.entry h2
{
font-size:20px;
}

div.entry h3
{
font-size:15px;
}

div.entry a, div#fadeDiv a
{
color:#F87217;
text-decoration:none;
}

div.entry a:hover, div#fadeDiv a:hover
{
text-decoration:underline;
}

div.entry a:visited, div#fadeDiv a:visited
{
color:#F87217;
}

div.entry ul, ol
{
margin:5px 5px 5px 10px;
}

div.entry ul li
{
margin:3px 0 2px 0;
list-style: disc inside;
}

div.entry ol li
{
margin:3px 0 2px 0;
list-style: decimal inside;
}

/*blogEntry */

div.blogEntry
{
 margin: 0;
 width:100%;
}

div.blogEntry li
{
 margin: 3px 0 2px 10px; 
}

div.blogEntry a, div.readMore a
{
color:#F87217;
text-decoration:none;
}

div.blogEntry a:hover, div.readMore a:hover
{
text-decoration:underline;
}

div.blogEntry h2
{
font-size:1.2em;
margin:0 0 0 5px;
}

div.blogEntry h1
{
font-size:1.4em;
margin: 0 0 0 5px;
}

div.blogEntry span
{
font-size:.8em;
margin:0 0 0 10px;
}

div.blogEntry p
{
 margin: 0 0 0 5px;
}

div.readMore
{
 text-align:center;
}



/* Comments */

ol.commentlist li
{
margin-left:10px;
}

ol.commentlist a
{ 
color:#F87217;
text-decoration:none;
}

ol.commentlist a:hover
{
text-decoration:underline;
}

div#respond
{
margin:10px;
}

li.odd
{
background:url(images/transparent_bg.png) repeat;
}

/*Contact Form*/

div.contactForm
{
margin:0 auto;
width: 460px;
}

div.contactForm td
{
padding: 0 5px 5px 0;
}

td.label
{
text-align:center;
}
td.contactInput input
{
border: none;
width:360px;
height:24px;
background: url(images/inputbar.gif) no-repeat scroll 0 0;
padding: 0 0 0 7px;
}

td.contactInput textarea
{
border: 0;
width:360px;
height:100px;
background: url(images/textarea.gif) no-repeat scroll 0 0;
padding: 14px  0 0 10px;
}

td.contactButton input
{
width:200px;
}

/*Right Side Main Content Top/Bottom */

div#mainTopLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopLeft.png) no-repeat;
}

div#mainTopRight
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopRight.png) no-repeat;
}

div#mainTop
{
background: url(images/extraTop.png) repeat-x;
float:left;
height:27px; 
width:696px;
}


div#mainBottomLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraBottomLeft.png) no-repeat;
}

div#mainBottom
{
background: url(images/extraBottom.png) repeat-x;
float:left;
height:12px; 
width:696px;
}

div#mainBottomRight
{
float:left;
width:12px;
height: 12px;
background: url(images/extraBottomRight.png) no-repeat;
}

/* Footer Content */

div#footerContent
{
background: url(images/extraBack.png) repeat-y;
float:left;
width:960px;
margin: 0 0 0 5px;
}

div#footerContent ul
{
float:left;
}

div#footerContent p
{
padding:0 20px 0 0;
float:right;
}
div#footerContent p img
{
margin: 0 5px 0 5px;
}
div#footerContent p a
{
padding:0px;
}

div#footerContent li
{
display: inline;
}

div#footerContent a
{
padding: 0px 10px 0 10px;
color:#ffffff;
text-decoration:none;
}

div#footerContent a:hover
{text-decoration:underline;
}

div#footerContent a:visited
{
color:#ffffff;
}
div#copyright
{
text-align:center;
clear:both;
}

div#copyright a{
margin:0;
padding:0;

}

div#copyright img
{
 padding: 3px 0 0 10px;
}

div#footerBottomLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraBottomLeft.png) no-repeat;
}

div#footerBottom
{
background: url(images/extraBottom.png) repeat-x;
float:left;
height:12px; 
width:936px;
}

div#footerBottomRight
{
float:left;
width:12px;
height: 12px;
background: url(images/extraBottomRight.png) no-repeat;
}

/*Footer Top/Bottom*/

div#footerTopLeft
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopLeft.png) no-repeat;
}

div#footerTopRight
{
float:left;
width:12px;
height: 27px;
background: url(images/extraTopRight.png) no-repeat;
}

div#footerTop
{
background: url(images/extraTop.png) repeat-x;
float:left;
height:27px; 
width:936px;
}

/*Portfolio */

div#portfolio
{
width:920px;
margin:0 auto;
padding: 20px 0 0 0 ;

}

div#video{
 float:left;
 text-align:center;
 width: 150px;
 min-height:150px;

}


div#video img
{
 margin:0 auto;
 width:100px;
 height:75px;
 display:block;

}

div#featuredVideo{

margin: 0 auto;
width:500px;
text-align:center;
}

div#featuredVideo img
{
 width:480px;
 height:270px;
 display:block;

}

a.consult{

background: url(images/consult.png) no-repeat scroll 6pt 0;
width:301px;
height:120px;
display:block;
margin:0 auto;
}

a:hover.consult
{
background: url(images/consult.hover.png) no-repeat scroll 6pt 0;
}