body
{
  background: #133d57;
}

fieldset
{
  border: 1px dashed #8c8c8c;
}

#dStrip
{
  height: 6px;
  background: #32312d;
}

#dStrip span
{
  font-size: 0;
}

#dHeader
{
  height: 164px;
  background: #2678aa url(images/bgHeader.gif) repeat-x;
  
  margin: 0;
  padding: 0;
}

#dLogo
{
  height: 122px;
  background: #2678aa;
  padding: 0;
}

#bgLogo
{
  height: 122px;
  background: #2678aa url(images/bgLogo.gif) no-repeat;
  background-position: right center;
}

#Logo
{
  margin-top: 40px;
}

#dNav
{
  height: 42px;
  background: #133d57;
  
  padding: 0;
}

#dAboutNav
{
  text-align: right;
}

#bgNav
{
  height: 42px;
  background: #133d57 url(images/bgNav.gif) no-repeat;
  background-position: right center;
}

#dContent
{
  background: #d7f0ff url(images/bgContent.png) repeat-x;
  padding-top: 3em;
  padding-bottom: 1.5em;
}

#dContent h2
{
  color: #459d76;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.7em;
}

#dContent h3
{
  color: #133d57;
  font-size: 1.25em;
  font-weight: bold;
}

#dContent h4
{
  color: black;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
}

#dFooter
{
  padding-top: 1.5em;
  height: 42px;
  color: #b8dbf0;
}

/* Menu */
#mainnav
{
  overflow: hidden;
  margin-left:0;
}

#mainnav li
{
  float: left;
  list-style-type: none;
  padding-right: 30px;
} 

#mainnav a
{
  
  text-decoration: none;
  display: block;
  text-indent: -5000px;
  background-position: left;
  background-repeat: no-repeat;
  height: 42px;
}

#nav_8 /* websites */
{
  background: url(images/navWebsitesR.png);
  width: 133px;
}

#nav_9 /* apps */
{
  background: url(images/navAppsR.png);
  width: 80px;
}

#nav_10 /* photos */
{
  background: url(images/navPhotosR.png);
  width: 103px;
}

.nav_active
{
  background-position: right !important;
}

#aboutnav
{
  overflow: hidden;
}

#aboutnav li
{
  float: right;
  list-style-type: none;
  padding-left: 10px;
} 

#aboutnav a
{
  
  text-decoration: none;
  display: block;
  background-position: left;
  background-repeat: no-repeat;
  height: 42px;
}

#aboutnav span
{
  display: none;
}

#nav_11 /* about */
{
  background: url(images/navAboutR.png);
  width: 66px;
}

#nav_12 /* contact */
{
  background: url(images/navContactR.png);
  width: 78px;
}

#nav_13 /* blog */
{
  background: url(images/navBlogR.png);
  width: 52px;
}

/* Home */

.HighlightedWork_Title
{
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin-bottom: 1em;
}

.HighlightedWork_Image img
{
  width: 220px;
  height: 220px;
  border: 2px solid #133d57;
  margin: 0;
  padding: 0;
}

/* Websites */
.Websites_Thumbnail img
{
  width: 500px;
  height: 135px;
  border: 2px solid #133d57;
}

.Websites_Thumbnail, .Websites_Description
{
  margin-bottom: 3em;
}

.Websites_Entry h4
{
  text-transform: uppercase;
  color: #8c8c8c !important;
  font-size: 1em;
  margin-bottom: .25em;
}

.Websites_Entry h5
{
  margin-bottom: .25em;
}

/* Apps */
.Apps_Thumbnail img
{
  width: 220px;
  height: 220px;
  border: 2px solid #133d57;
}

.Apps_Entry
{
  padding-bottom: 15em;
}

.Apps_Entry h4
{
  text-transform: uppercase;
  color: #8c8c8c !important;
  font-size: 1em;
  margin-bottom: .25em;
}

.LifeMeter_Note
{
  font-size: 1em;
  color: #8c8c8c;
  font-weight: normal;
}

/* Blog */
#sidebar ul
{
  list-style-type: none;
}

#sidebar
{
  border-left: 1px dashed #8c8c8c;
}

#dBlogContent
{
  
}

#wp-calendar tbody td
{
  background: white;
}

/* Photos */
.galleria{list-style:none;width:180px;margin-left:0}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container{float: right;width: 525px;}
.galleria_container img{border: 2px solid #133d57;}

.Photos_Title
{
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin-bottom: 1em;
}

.Photos_Image img
{
  width: 220px;
  height: 220px;
  border: 2px solid #133d57;
  margin: 0;
  padding: 0;
}

/* Contact */
.wpcf7-mail-sent-ok
{
  display: block !important;
  clear:both;
}

/* WordPress */

.bypostauthor .comment-author
{
  font-weight: bold;
}

.PageImage
{
  border: 2px solid #133d57;
}


/* Date picker */
table.scw      {padding:       1px;                       
                vertical-align:middle;                    
                border:        ridge 2px;                 
                font-size:     10pt;                      
                font-family:    
                       Verdana,Arial,Helvetica,Sans-Serif;
                font-weight:   bold;}                     
td.scwDrag,                                               
td.scwHead                 {padding:       0px 0px;       
                            text-align:    center;}       
td.scwDrag                 {font-size:     8pt;}          
select.scwHead             {margin:        3px 1px;       
                            text-align:    center;}       
input.scwHead              {height:        22px;          
                            width:         22px;          
                            vertical-align:middle;        
                            text-align:    center;        
                            margin:        2px 1px;       
                            font-weight:   bold;          
                            font-size:     10pt;          
                            font-family:   fixedSys;}     
td.scwWeekNumberHead,                                     
td.scwWeek                 {padding:       0px;           
                            text-align:    center;        
                            font-weight:   bold;}         
td.scwNow,                                                
td.scwNowHover,                                           
td.scwNow:hover,                                          
td.scwNowDisabled          {padding:       0px;           
                            text-align:    center;        
                            vertical-align:middle;        
                            font-weight:   normal;}       
table.scwCells             {text-align:    right;         
                            font-size:     8pt;           
                            width:         96%;}          
td.scwCells,                  
td.scwCellsHover,             
td.scwCells:hover,            
td.scwCellsDisabled,          
td.scwCellsExMonth,           
td.scwCellsExMonthHover,      
td.scwCellsExMonth:hover,     
td.scwCellsExMonthDisabled,   
td.scwCellsWeekend,           
td.scwCellsWeekendHover,      
td.scwCellsWeekend:hover,     
td.scwCellsWeekendDisabled,   
td.scwInputDate,              
td.scwInputDateHover,         
td.scwInputDate:hover,        
td.scwInputDateDisabled,      
td.scwWeekNo,                 
td.scwWeeks                {padding:           3px;       
                            width:             16px;      
                            height:            16px;      
                            border-width:      1px;       
                            border-style:      solid;     
                            font-weight:       bold;      
                            vertical-align:    middle;}   
/* Blend the colours into your page here...    */         
/* Calendar background */                                 
table.scw                  {background-color:  #6666CC;}  
/* Drag Handle */                                         
td.scwDrag                 {background-color:  #9999CC;   
                            color:             #CCCCFF;}  
/* Week number heading */                                 
td.scwWeekNumberHead       {color:             #6666CC;}  
/* Week day headings */                                   
td.scwWeek                 {color:             #CCCCCC;}  
/* Week numbers */                                        
td.scwWeekNo               {background-color:  #776677;   
                            color:             #CCCCCC;}  
/* Enabled Days */                                        
/* Week Day */                                            
td.scwCells                {background-color:  #CCCCCC;   
                            color:             #000000;}  
/* Day matching the input date */                         
td.scwInputDate            {background-color:  #CC9999;   
                            color:             #FF0000;}  
/* Weekend Day */                                         
td.scwCellsWeekend         {background-color:  #CCCCCC;   
                            color:             #CC6666;}  
/* Day outside the current month */                       
td.scwCellsExMonth         {background-color:  #CCCCCC;   
                            color:             #666666;}  
/* Today selector */                                      
td.scwNow                  {background-color:  #6666CC;   
                            color:             #FFFFFF;}  
/* Clear Button */                                        
td.scwClear                {padding:           0px;}      
input.scwClear             {padding:           0px;       
                            text-align:        center;    
                            font-size:         8pt;}      
/* MouseOver/Hover formatting                             
       If you want to "turn off" any of the formatting    
       then just set to the same as the standard format   
       above.                                             
                                                          
       Note: The reason that the following are            
       implemented using both a class and a :hover        
       pseudoclass is because Opera handles the rendering 
       involved in the class swap very poorly and IE6     
       (and below) only implements pseudoclasses on the   
       anchor tag.                                        
*/                                                        
/* Active cells */                                        
td.scwCells:hover,                                        
td.scwCellsHover           {background-color:  #FFFF00;   
                            cursor:            pointer;   
                            color:             #000000;}  
/* Day matching the input date */                         
td.scwInputDate:hover,                                    
td.scwInputDateHover       {background-color:  #FFFF00;   
                            cursor:            pointer;   
                            color:             #000000;}  
/* Weekend cells */                                       
td.scwCellsWeekend:hover,                                 
td.scwCellsWeekendHover    {background-color:  #FFFF00;   
                            cursor:            pointer;   
                            color:             #000000;}  
/* Day outside the current month */                       
td.scwCellsExMonth:hover,                                 
td.scwCellsExMonthHover    {background-color:  #FFFF00;   
                            cursor:            pointer;   
                            color:             #000000;}  
/* Today selector */                                      
td.scwNow:hover,                                          
td.scwNowHover             {color:             #FFFF00;   
                            cursor:            pointer;   
                            font-weight:       bold;}     
/* Disabled cells */                                      
/* Week Day */                                            
/* Day matching the input date */                         
td.scwInputDateDisabled    {background-color:  #999999;   
                            color:             #000000;}  
td.scwCellsDisabled        {background-color:  #999999;   
                            color:             #000000;}  
/* Weekend Day */                                         
td.scwCellsWeekendDisabled {background-color:  #999999;   
                            color:             #CC6666;}  
/* Day outside the current month */                       
td.scwCellsExMonthDisabled {background-color:  #999999;   
                            color:             #666666;}  
td.scwNowDisabled          {background-color:  #6666CC;   
                            color:             #FFFFFF;}