/* Generics */

h3, h4 { font-family: Arial; color:#FFFFFF; margin-top:12px; margin-left:12px; }
h4 a { color:#FFFFFF; text-decoration:none; }
h4 a:hover { text-decoration:underline; }

p { margin-bottom:6px; margin-top:6px; margin-left:18px; }

ul, ol { margin-left:18px;} 
li { margin-bottom:6px; margin-top:6px; margin-left:24px; list-style-image:url(../images/furniture/bullet.gif) }

a:hover { color:#000000;}

table { margin:0 auto; }
th { color:#FFFFFF; }
td { padding:3px; }

textarea { font-family:verdana; font-size:100%; padding:2px; border:solid 1px #CCCCCC; background-color:#FFF4CF }
.textInput { border:1px solid #CCCCCC; }
.button { margin:2px; background:url(../images/button.jpg); height:24px;
          border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE;
          border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
          padding-right:5px; padding-left:5px; color:#444444; }
.button:hover { border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
          border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;
          padding-right:5px; padding-left:5px; color:#000000; }
select { border:1px solid #CCCCCC; }

.click { position:relative; top:5px}

/* Top Div */

#topDiv { background: url("../images/logo.png") no-repeat scroll 0 -10px transparent; height: 100px; 
         padding: 14px 6px 6px; background-color: #768CB3; color:#FFFFFF; position:fixed; width:815px; z-index:100; }
  #topRightText { font-style:italic; text-align:right; width:500px; float:right; }
  #topEmail { text-decoration:italic; width:500px; float:right; text-style:italic; text-align:right; height:18px; }
    #topEmail a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
    #topEmail a:hover { text-decoration:underline; }
  #topLinks { margin-top:28px; width:520px; float:right; text-align:right; }
    #topLinks a { color:#ffffff; font-weight:bold; padding-left:12px; text-decoration:none;  }
    #topLinks a:hover { color:#FBCF37; text-decoration:underline;  }
    .topLink { color:#808080; font-weight:bold }
    .topLink_Over { color:#000080; font-weight:bold }
    .topLink_Selected { color:#000080; font-weight:bold; text-decoration:none }

#homeDiv { width:195px; height:98px; float:left; z-index:10; }
#homeDiv:hover { cursor:pointer; }

/* Right Panel */

.leftPanel, .rightPanel { width:200px; background-color:#FFFFFF; border:1px solid #888888; 
          -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		  -webkit-box-shadow: 3px 3px 5px 1px #aaaaaa;
          -moz-box-shadow: 3px 3px 5px 1px #aaaaaa;
          box-shadow: 3px 3px 5px 1px #aaaaaa; 
          -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		  -webkit-box-shadow: 3px 3px 5px 1px #aaaaaa;
          -moz-box-shadow: 3px 3px 5px 1px #aaaaaa;
          box-shadow: 3px 3px 5px 1px #aaaaaa; } 
.rightPanel { float:right; margin:0 0 3px 3px; } 
.leftPanel { float:left; margin:0 6px 3px 0; } 
 .rightPanel img { margin-right:6px; } 

/* Gallery */

#gallery img { margin-right:6px; }

/* News */

.newsListHeader { text-align:center; height:20px; margin-bottom:20px; font-weight:bold; font-size:140% }

/* Top Links */

.topLinks { width:500px; float:right; text-align:right; border:1px solid}

.topLink { color:#808080; font-weight:bold }
.topLink_Over { color:#000080; font-weight:bold }
.topLink_Selected { color:#000080; font-weight:bold; text-decoration:none }

/* Sidebar */

#sidebar { margin:6px 0 0 0; width:300px; float:left; padding:0px 3px 12px 3px; } 
  #sidebar h1 { color:#768CB3; border-bottom-color: #768CB3; }
#ads { padding:12px 0 12px 36px; }

.tweetFollowDiv { text-align:center; margin:12px; } 

#weather { padding:8px; }

#yahooBadge { height:40px; padding-left:40px; } 

.stackoverflow { margin-left:46px; } 

.w3c { width:152px; float:left; } 

/* Related Links */

.relatedLinks { float:right; width:180px; background-color:#FFFFFF; padding:6px;
                border-left:12px solid #A0AFCB; border-bottom:12px solid #A0AFCB; }

/* Portfolio */

table.webSites { margin:6px 32px 6px 32px; border-collapse:collapse; }
  table.webSites td{ border-bottom:1px dotted #CCCCCC; padding:6px; }

/* Web Sites */

.webSitesLink { width:200px; padding:3px; 
                background:#FFFFFF url(../images/furniture/questionmark.jpg) no-repeat scroll 0 15px;
                border-top:1px solid cornflowerblue; border-left:1px solid cornflowerblue;
                border-bottom:2px solid #888888; border-right:2px solid #888888;
                -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
                margin-left:5px }
.webSitesLinkP { margin-left:85px; }
.webSitesLinkLeft { height:50px; padding-left:3px; padding-right:3px;  padding-top:30px; }
.webSiteTable { margin-top:12px; margin-bottom:12px; margin-left:25px; margin-right:25px;
                background-color:white; border-collapse:collapse}
.webSiteTable td { padding:3px; border-bottom:1px solid #CCCCCC;}
.webSiteHeader { background:url(../images/furniture/podHeader.jpg); border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;font-weight:bold; text-align:center;}
  .webSiteHeader.leftMost { border-left:1px solid #CCCCCC; }
  .webSiteHeader.rightMost { border-rightt:1px solid #CCCCCC; }
.webSiteTableTd { width:100px; }
  .webSiteTableTd.leftMost { border-left:1px solid #CCCCCC; }
  .webSiteTableTd.rightMost { width:250px; border-right:1px solid #CCCCCC; }

.webSiteTr1 { background-color:lightgoldenrodyellow; }
.webSiteTr2 { background-color:khaki;  }

/* ALL Below here may be pants... */
/* Client Area */

#clientAreaLogin { width:220px; height:120px; background-color:lightgoldenrodyellow;
                   z-index:10; position:absolute; padding:5px;
                   border-left:1px orange solid; border-top:1px orange solid;
                   border-bottom:2px grey solid; border-right:2px grey solid;   }

.siteControlExpander { float:right; position:relative; }
#clientSiteArea { width:220px; background-color:white; float:right; margin:5px; padding:5px;
                  border-left:1px cornflowerblue solid; border-top:1px cornflowerblue solid;
                  border-bottom:2px grey solid; border-right:2px grey solid;   }
.clientSiteTitle { margin-bottom:5px; font-weight:bold; text-align:center;
                   background-color:khaki; padding:2px; border-bottom:solid 1px orange}
.siteResourcesExpander { position:relative; top:3px; }
.resourceTable { border:solid 1px cornflowerblue; background-color:white; padding:3px; margin-left:20px }
.resourceDescription { border:solid 1px orange; background-color:lightgoldenrodyellow;
                       width:200px; height:100px; padding:3px; }

/* Technology */

.techImg { background-color:white; padding:3px; margin:3px; border:solid 1px #778CB3; }
.techDiv { min-height:80px; }

/* Contracting */

.burntContractor { float:right; width:200px; height:245px; background-color:white;
                   margin:5px; padding:5px; border-left:solid 1px cornflowerblue;
                   border-top:solid 1px cornflowerblue;
                   border-right:solid 1px grey;
                   border-bottom:solid 1px grey; }
.contractorProsAndConsTable { border-collapse:collapse; margin-left:25px; margin-right:25px}
.contractorProsAndConsTable td { padding:5px; vertical-align:top; }

.contractorPros { background-color:green; border-bottom:2px solid #778CB3; border-right:2px solid #778CB3; padding:5px; color:#FFFFFF; width:250px; height:250px; }
.contractorCons { background-color:red; border-bottom:2px solid #778CB3; border-right:2px solid #778CB3; padding:5px; color:#FFFFFF; width:250px; height:250px; }

/* Test */

.test { margin-left:50px; margin-right:50px; padding:20px;
        background-color:#FFFFFF; font-family: Times New Roman }

/* Resources */

.resourceMenu { text-align:center }
.resourceMenu li { min-width:80px; display:inline; padding:5px; margin:2px; }
.resourceMenu li.selected { text-decoration:underline; font-weight:bold }

.resourceContent { background-color:#FFFFFF; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
                   min-height:400px; margin:3px; padding:5px; }
.reourceContent .description { }

.resourceCodeTr td { padding:5px; }

/* Hogsmill */

#hogsmillPicDiv { padding:5px; float:right; text-align:center; }
.birdImage { height:120px }
#birdDescriptionOuter { height:230px; }
#birdDescription { width:600px; margin-top:10px; padding:3px; background-color:#FFFFFF; border-bottom:2px solid #888888; border-right:2px solid #888888; }
#birdLargeImage { z-index:100 }

/* Contacts */

.contactsTable { background-color:white; border:solid 1px cornflowerblue; width:250px; padding:10px; margin:25px 0 0 120px}

/* References */

#referencesImages { padding-top:12px; text-align:center }
#references { height:420px; }
.reference { margin-top:5px; margin-bottom:5px; margin-left:30px; margin-right:30px;
             background-color:#FFFFFF; padding:5px; border:solid 1px #778CB3}

/* Thickbox */

.thickBoxTitle { background:url(../images/furniture/podHeader.jpg); border:1px solid #CCCCCC; margin-bottom:12px; text-align:center; font-weight:bold;}

.cellTitle { background-color:#DEDEDE; border-bottom:1px solid #CCCCCC; padding:5px;
             color:#004684; font-weight:bold; font-size:120%; font-family:arial; text-align:right; margin-bottom:5px; }
#contactMessage { height:220px; width:350px; } 

/* Links */

#links { margin:5px; padding:5px; border:solid 1px #CCCCCC; background-color:#FFFFFF; }

#hogsmillSiteTable { background-color:#A0AFCB !important; border:none !important; }

/* Blog */

.blogItemTitle { color:#fff; font-weight:bold; margin:8px 0 6px 0; font-size:120%; } 
.blogDetail { text-align:right; color:#fff; } 
.blogItemText p { margin-bottom:6px; }
.blogItemText img { float:right; margin:0 0 6px 6px; }

/* Twitter */

.twitterFeedHeading { margin-bottom:6px; }
.tweet { margin-bottom:12px; }
.tweetDate { text-align:right; font-style:italic; color:#fff; }