/* Layout Stylesheet */ 



/* Generic content */ 

body.template-a{
 margin: 0;
 padding:0;     
 background: #151515 url(../images/gui/bkg09.jpg) repeat-x;
 color: #151515;
 }
	 
body.template-b{
 margin: 0;
 padding:0;     
 background: #151515 url(../images/gui/bkg10.jpg) repeat-x;
 color: #151515;
 }
	 
a {
 color: #06c;
 text-decoration: none;
 }

a:hover {
 color: #036;
 text-decoration: underline;
 }

p {
 margin: 5px 0 10px 0;
 padding: 0;
 font-size: 65%;
 line-height: 140%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666;
 }

p img, h1 img, h2 img, h3 img, h4 img {
 display: inline;
 }

#body-outer {
 text-align:left;
 width:700px;
 margin:auto;
 border: 0;
 }

#main p, #resume-sidebar p, #blog-sidebar p {
 line-height: 140%;
 margin-top: 5px;
 margin-bottom: 1em;
 }

h1 {
 margin: 10px 0 0px 0;
 padding: 0;
 font-size: 75%;
 font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
 color: #666;
 font-weight: bold;
 text-transform:uppercase;
}

h2 {
 margin: 15px 0 5px 0;
 padding: 0;
 font-size: 70%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #4a4a4a;
}

h3 {
 margin: 0 0 -5px 0;
 padding: 0;
 font-size: 60%;
 line-height: 130%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666;
 font-weight: bold;
}

h4 {
 margin: 0;
 padding: 0;
 font-size: 60%;
 line-height: 130%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #333;
 font-weight: normal;
}

ul {
 font-size: 80%;
 margin: 0 0 0 0;
 }

li {
 font-size: 80%;
 line-height: 160%;
}

.minihdr {
 font-size: 60%;
 line-height: 150%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #333;
 font-weight: normal;
 }


/* Section header content */ 

#hdr-cell {
 float:right;
 text-align:right;
 position:relative;
 color:#333333;
 padding:15px 18px 0 0;
 }

#hdr-cell p.hdr-content {
 color: #7B7B7B;
 }

#hdr-cell p a {
 color: #DEDEDE;
 }

#hdr-cell a:hover {
 color: #fff;
 text-decoration: underline;
 }


/* Branding content */ 


#main-pic {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm01 {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm02 {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm03 {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm04 {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm05 {
 border: solid #dedede;
 border-width: 1px;
}
      
#thm06 {
 border: solid #dedede;
 border-width: 1px;
}
      
#top-outer {
 width:100%;
 height: 20px;
 margin: auto;
 border: solid #CCCCCC;
 border-width: 0 0 1px 0;
 background: #9E9E9E url(../images/gui/branding_bkg02.gif) repeat-x;
 color: #333333;
}
      
#branding-cell {
 text-align:left;
 width:700px;
 margin: auto;
 text-align:left;
 position:relative;
}
      
#branding-container { 
 position:relative;
 height:20px;
 color: #333333;
 width:700px;
 padding:0;
 }

#branding-content {
 position:relative;
 color: #333333;
 width:700px;
 padding:0;
 }
 
#logo-cell {
 float:left;
 color: #333333;
 width:350px;
 }

#nav-cell p.nav-content {
 color: #555555;
 }

#nav-cell p a {
 color: #EBEBEB;
 font-weight:bold;
}

#nav-cell a:hover {
 color: #fff;
 text-decoration: underline;
 }


/* Folio content */ 

#photo-cell {
 position:relative;
 height:340px;
 color: #333333;
 margin: 0;
 padding: 0;
 border: 0;
 }

#nav-cell {
 position:relative;
 height:40px;
 color: #333333;
 padding:45px 0 15px 0;
}


/* White content */ 

#wht-cell {
 position:relative;
 background:#E0E0E0;
 padding:0 0 0 0;
 margin:0;
 border: 0;
}

#wht-hdr {
 text-align:left;
 position:relative;
 color: #333333;
 padding:0 0 0 0;
 margin:0;
 }

#wht-content {
 text-align:left;
 position:relative;
 background:#fff;
 width:680px;
 color:#333333;
 padding:0 0 0 0;
 margin:0 10px 0 10px;
 padding: 0 0 0 0;
}

#wht-overview {
 background: #A7A6A6;
 color: #444;
 margin: 0 auto;
 padding: 0 0 2px 0;
 border: 0;
 }

#wht-overview h1 {
 font-size: 12px;
 text-align: left;
 padding: 3px 20px 0 20px;
 margin: 0;
 }

#wht-overview p {
 font-size: 75%;
 text-align: left;
 padding: 3px 20px 3px 20px;
 margin: 0;
 line-height:140%;
 }

#wht-sidebar ul {
 padding-left: 10px;
 padding-top: o;
 color: #ccc;
}

#wht-sidebar ul li {
 vertical-align: top;
 padding: 0;
 margin: 0;
 color: #ccc;
 list-style:url(../images/gui/square_bullet.gif);
 list-style-position:inside;
}

/* Grey content */ 

#gry-cell {
 position:relative;
 background:#E0E0E0;
 padding:0 0 0 0;
 margin:0;
 }

#gry-hdr {
 text-align:left;
 position:relative;
 color: #333333;
 padding:0 0 0 0;
 margin:0;
 }

#gry-content {
 text-align:left;
 position:relative;
 background:#fff;
 width:680px;
 color:#333333;
 padding:0 0 0 0;
 margin:0 10px 0 10px;
 padding: 0 0 0 0;
}

#gry-overview {
 background: #A7A6A6;
 color: #444;
 margin: 0 auto;
 padding: 0 0 2px 0;
 border: 0;
 }

#gry-overview h1 {
 font-size: 12px;
 text-align: left;
 padding: 3px 20px 0 20px;
 margin: 0;
 }

#gry-overview p {
 font-size: 75%;
 text-align: left;
 padding: 3px 20px 3px 20px;
 margin: 0;
 line-height:140%;
 }

#gry-sidebar ul {
 padding-left: 10px;
 padding-top: o;
 color: #ccc;
}

#gry-sidebar ul li {
 vertical-align: top;
 padding: 0;
 margin: 0;
 color: #ccc;
 list-style:url(../images/gui/square_bullet.gif);
 list-style-position:inside;
}

#feat-lft {
 width:165px;
 text-align:left;
 position:relative;
 padding:0 0 0 0;
 float:left;
}

#decant-lft {
 font-size: 77%;
 line-height: 125%;
 width:410px;
 text-align:left;
 position:relative;
 padding:0 0 0 0;
 float:left;
}

#feat-lft p {
 padding-top: 0px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#feat-rht {
 width:245px;
 text-align:left;
 position:relative;
 padding:0 0 0 0;
 float:right;
}

#thmlnk {
 width:89px;
 margin: 0 6px 0 0;
 padding: 1px 0 10px 7px;
 background: url(../images/gui/shadow_bkg.gif) repeat-x;
}
      
/* height: 45px; */

#thmcell {
 width:48px;
 height: 38px;
 margin: 0 7px 0 8px;
}
      
#eyecandy-lft {
 width:258px;
 text-align:left;
 position:relative;
 padding:0 0 0 0;
 margin:5px 10px 5px 0;
 float:left;
 background:#fff;
}

#eyecandy-lft p {
 padding-top: 0px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#eyecandy-rht {
 width:137px;
 text-align:left;
 position:relative;
 padding:0 0 0 0;
 margin:5px 5px 5px 0;
 float:right;
 background:#fff;
}

#eyecandy-inner {
 text-align:left;
 position:relative;
 padding:10px 10px 10px 10px;
 margin:0 0 0 0;
}

#endcap {
 height:25px;
}


/* Flickr content */ 

.zg_div {margin:0px 0px 5px 0px; width:117px;}
.zg_div_inner {background-color:#D3DAE2;  color:#666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#06c; background:inherit !important; text-decoration:none !important;}



#newsvine_content {
 background:#d6d6d6;
 width:215px;
 padding:10px 5px 10px 0;
}

#blog_links {
 background:#d6d6d6;
 width:215px;
 padding:10px 5px 10px 0;
}

#sub_links {
 background:#d6d6d6;
 width:125px;
 padding:10px 5px 0 0;
}

.template-a .rcol ul {
 padding-left: 13px;
 padding-top: 0px;
 color: #999;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.template-a .rcol ul li {
 padding: 0;
 margin: 0 0 7px 0;
 color: #999;
 list-style-type:none;
 list-style-position:inherit;
 line-height: 120%;
}


.template-b .lcol-links ul {
 padding-left: 13px;
 padding-top: 0px;
 color: #666;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.template-b .lcol-links ul li {
 padding: 0;
 margin: 0 0 5px 0;
 color: #666;
 list-style-type:none;
 list-style-position:inherit;
 line-height: 120%;
}


table.layout { 
 width:680px;
 border-spacing:0; 
 border-collapse:collapse; 
}

table.layout td { 
 vertical-align:top; 
 border-spacing:0; 
 border-collapse:collapse; 
}

.template-a .lcol-wht { 
 width:410px; 
 padding:0 10px 10px 15px;
 background-image: url(../images/gui/content_cellWhtBkg.gif);
 background-repeat: repeat-y;
}

.template-b .lcol-txt { 
 width:130px; 
 padding:0 0 0 0;
 background-color:#e0e0e0; 
}

.template-b .lcol-links { 
 width:130px; 
 padding:0 0 0 0;
 background-color:#d6d6d6; 
}

.template-a .lcol-gry { 
 width:410px; 
 padding:0 10px 10px 15px;
 background-image: url(../images/gui/content_cellGryBkg.gif);
 background-repeat: repeat-y;
}

.template-a .rcol { 
 width:230px; 
 padding:0 0 0 15px;
 margin: 0; 
 background-color:#E0E0E0; 
}

.template-b .rcol { 
 width:538px; 
 padding:0 0 0 12px; 
 background-color:#E0E0E0;
}

.cellWhtMid { 
 width:538px; 
 padding:0 5px 0 12px;
 background-image: url(../images/gui/cellWhtMid538.gif);
 background-repeat: repeat-y;
}

.blog .lcol { 
 width:520px; 
 padding:0 10px 20px 20px; 
}

.blog .rcol { 
width:180px; 
 padding:0 10px 20px 20px; 
}


/* Blog content */ 

#blog-cell {
 position:relative;
 color: #333333;
 padding:10px 0 0 0;
 margin:0;
 }

#blog-hdr {
 text-align:left;
 position:relative;
 height:35px;
 color: #333333;
 padding:0 0 0 0;
 margin:0;
 background-image: url(../images/gui/hdr_bkg.gif);
 }

#blog-content {
 text-align:left;
 position:relative;
 background:#fff;
 width:700px;
 color:#333333;
 padding:0 0 0 0;
 margin:10px 10px 0 10px;
 border: solid #ababab;
 border-width: 1px 1px 1px 1px;
 padding: 0 0 0 0;
 background-image: url(http://www.mattsarah.net/images/gui/main_bkg03.gif);
 background-repeat: repeat-y;
}

#blog-overview {
 background: #d4d4d4;
 color: #444;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 85%;
}

#blog-overview h1 {
 font-size: 12px;
 text-align: left;
 padding: 3px 20px 0 20px;
 margin: 0;
 }

#blog-overview p {
 font-size: 75%;
 text-align: left;
 padding: 3px 20px 3px 20px;
 margin: 0;
 line-height:140%;
 }
 
.blog .rcol ul {
 padding-left: 13px;
 padding-top: 0px;
 color: #999;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.blog .rcol ul li {
 padding: 0;
 margin: 0 0 7px 0;
 color: #999;
 list-style-type:none;
 list-style-position:inherit;
 line-height: 120%;
}

h2.post-date {
 margin: 30px 0 0 0;
 padding: 0;
 font-size: 70%;
 line-height: 130%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #999;
}

h1.post-title {
 margin: 8px 0 2px 0;
 padding: 0;
 font-size: 100%;
 line-height: 130%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #333;
 font-weight: bold;
}

h2.linklist {
 padding: 10px 0 5px 10px;
 font-size: 70%;
 line-height: 130%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666;
}

.post-body {
 line-height: 140%;
 margin: 0;
 padding: 0;
 font-size: 70%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666;
} 

.post-body img {
 margin: 0;
 padding: 5px 0 0 0;
} 

#member-profile {
 line-height: 140%;
 margin: 0;
 padding: 0;
 font-size: 55%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666;
 width: 180px;
 text-align:left;
} 

dl.profile-datablock {
 margin: 3px 0 5px 0;
 }

dl.profile-datablock dd {
 line-height: 140%;
 }

.profile-img {
 display:inline;
 }

.profile-img img {
 float:left;
 margin:0 10px 5px 0;
 border:4px solid #8b2;
 }

#comments {
 border: 0;
 border-top: 1px dashed #eed;
 margin: 10px 0 0 0;
 padding: 0;
 }

#comments h3 {
 margin-top: 10px;
 margin-bottom: -10px;
 font-weight: normal;
 font-style: italic;
 text-transform: uppercase;
 letter-spacing: 1px;
 }	

#comments dl dt {
 font-weight: bold;
 font-style: italic;
 margin-top: 35px;padding: 
 1px 0 0 18px;background: 
 transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;
 color: #998;
 }

#comments dl dd	{
 padding: 0;
 margin: 0;
 }

.deleted-comment {
 font-style:italic;
 color:gray;
 }


/* Footer content */ 

#ftr-cell p.nav-content {
 color: #555555;
 }

#ftr-cell p a {
 color: #EBEBEB;
 font-weight:bold;
}

#ftr-cell a:hover {
 color: #fff;
 text-decoration: underline;
 }

#bottom-outer {
 width:100%;
 height: 20px;
 margin: 0;
 color: #333333;
 padding:5px 0 20px 0;
}
      
#footer-cell {
 text-align:right;
 font-size: 60%;
 color: #666;
 width:700px;
 padding:0;
 margin: auto;
 position:relative;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
      
#email-cell {
 width:300px;
 margin: 0;
 color: #fff;
 line-height: 18px;
 padding-top: 1px;
 float:right;
 text-align:right;
 position:relative;
 }

#email-cell p.email-content {
 color: #555555;
 }

#email-cell p a {
 color: #EBEBEB;
 font-weight:bold;
}

#email-cell a:hover {
 color: #fff;
 text-decoration: underline;
 }

#version-cell {
 float:left;
 width:350px;
 padding-top: 1px;
 }

#version-cell p {
 color: #555555;
}


/* Flickr styles */

.SetCase { margin-top: 5px; margin-bottom: 0; width: 91px; height: 90px; padding: 7px 0 0 7px; background: url(http://www.flickr.com//images/set_case.gif) no-repeat; }
a.setLink img { border: 1px solid #000; }