/*
Theme Name: Little Co 3030
Description: custom theme designed by <a href="http://littleco.com">Little & Co</a> and Built by  <a href="http://electricfusion.com">ElectricFusion.com, LLC</a>. 
Version: 1.0
Author: Little & Co
Author URI: http://www.electricfusion.com/
*/
/* colors 
orange E45A00
7C7D81
dark gray: 9B9C9F
med gray: BEBFC1
lt gray: D2D2D4
*/

html, body {height: 100%;margin: 0 0 1px;padding: 0;}
body{ font-family:Arial, Helvetica, sans-serif; color:#7C7D81; font-size:10px; line-height:1.6em;margin: 0; padding:0;min-width:990px; font-weight:normal; background-color:#FFFFFF;}

#pageWrapper{text-align:left; width: 990px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; margin-top:54px; z-index:1; position:relative;}
#header{position:relative; top:0px; left:0px; width:990px; height:75px; padding:0px; }
#headerLogo{position:absolute; top:0px; left:40px; width:178px; height:75px;}

#content{position:relative; top:0px; left:0px; width:990px;background-color:#FFFFFF; padding:0px; margin-top:20px; xborder:1px solid orange;}

.clearOne{clear:both;}

/*left column */
#contentLeft{float:left; width:155px; padding-left:40px;xborder:1px solid blue;}
#contentNav{position:relative;top:0px; left:0px; margin:16px 0px 0px 0px;}

#contentNav a:link, #contentNav a:visited{text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; color:#7C7D81;}
#contentNav a:hover, #contentNav a:active{text-decoration:underline; text-transform:uppercase; font-weight:bold; display:block; color:#E45A00;}
#contentNav a.navOn:link, #contentNav a.navOn:visited{text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; color:#E45A00;}
#contentNav a.navOn:hover, #contentNav a.navOn:active{text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; color:#E45A00;}

.navFuture{color:#BEBFC1; text-transform:uppercase; display:block;}
.navDate{color:#BEBFC1; text-transform:uppercase; display:block; margin-top:16px;}

#contentNavLegal{display:none; color:#E45A00;text-transform:uppercase; position:absolute; bottom:-17px; left:0px; background-color:#FFFFFF;}

/* middle column */
#contentMiddle{float:left; width:360px; min-height:687px; padding:0px 40px; border-right:1px solid #BEBFC1; }
#contentPage{position:relative;top:0px; left:0px; margin:25px 0px 0px 0px;}
#contentPageHdr{position:relative;top:-1px;left:0px;}
#contentPageHdr h1{ font-size:30px; color:#7C7D81;margin:0px 0px 9px 0px; padding:0px;}
#contentPageHdr h2{ font-size:13px; color:#7C7D81;margin:0px 0px 10px 0px; padding:0px; font-weight:normal;}


#contentText{position:relative;top:-1px;left:0px;}
#contentText h1{ font-size:30px; color:#7C7D81;margin:0px 0px 9px 0px; padding:0px;}
#contentText h2{ font-size:13px; color:#7C7D81;margin:0px 0px 10px 0px; padding:0px; font-weight:normal;}

#contentAbout{position:relative;top:-1px;left:0px; font-size:23px; font-weight:bold; line-height:1.15em;}
#contentAbout h1{ font-size:30px; color:#7C7D81;margin:0px 0px 9px 0px; padding:0px;}
#contentAbout h2{ font-size:13px; color:#7C7D81;margin:0px 0px 10px 0px; padding:0px; font-weight:normal;}


#contentVideo{margin-top:25px;}
#contentVideoLink{margin:25px 0px;}
#videoTime{color:#D2D2D4; text-transform:uppercase;}
.videoOn{color:#E45A00;}

.smallerText{ font-size:13px; color:#7C7D81;margin:0px 0px 10px 0px; padding:0px; font-weight:normal; line-height:1.3em;}

/* right column */
#contentRight{margin:0px 0px 0px 670px;border-right:5px solid #BEBFC1;}
#contentRightIE{margin:0px 0px 0px 670px;}
#hdrComment{position:relative; top:0px; left:0px; padding-left:5px;}
#commentWrapper{position:relative; top:0px; left:0px;width:320px; height:560px;margin:0px 0px 0px 0px; overflow-y:auto; overflow-x:hidden; padding-top:0px;}
.contentComment{position:relative;top:0px; left:0px;width:280px;padding:0px; margin:0px 0px 40px 5px; display:block; border-bottom:1px solid #BEBFC1;}
.nameDate table.commentTable{width:280px;xborder:1px solid red; padding:0px;margin:0px;}
.nameDate table.commentTable td{ text-align:left; color:#7C7D81; padding:0px; margin:0px; font-size:13px;}
.nameDate table.commentTable td.date{ text-align:right; color:#BEBFC1;font-size:9px;}


.commentField{border:1px solid #BEBFC1; font-size:11px; color:#9B9C9F;}
.commentTextarea{border:1px solid #BEBFC1; font-size:11px; color:#9B9C9F;width:280px;height:110px;resize:none;font-family:Arial, Helvetica, sans-serif;}

#contentCommentFormWrapper{position:relative;top:0px; left:0px; background-color:#FFFFFF; z-index:999; }
#contentCommentShare{position:relative;top:0px; left:0px; display:block; background-color:#FFFFFF; padding:5px 0px 16px 5px;  z-index:9999; padding-bottom:0px; } /* add height here if want btnComment to go away when clicked*/
#contentCommentForm{position:absolute;top:0px; left:0px; display:none; background-color:#FFFFFF; padding:0px 0px 0px 5px;  z-index:9999; padding-bottom:9px;}

#contentCommentLegal{position:relative; width:280px; top:0px; left:0px;padding:0px; margin-top:32px; line-height:1.1; display:none; }
#contentCommentLegal p{ font-size:8px; color:#BEBFC1;} 

#btnComment, #btnPostComment, #btnCancel{margin:16px 0px 0px 0px; cursor:pointer;}
#btnComment{margin:16px 0px; cursor:pointer;}
#btnShare{position:relative; top:0px; left:-4px;display:block; padding-top:5px; cursor:pointer;}
#fbTwLinks{position:relative; top:0px; left:4px;display:block; padding-top:5px;}
.hdrCol{color:#BEBFC1; text-transform:uppercase;}

a:link, a:visited{color:#E45A00; text-decoration:none;}
a:hover, a:active{color:#E45A00; text-decoration:underline;}