*, html { margin: 0; padding: 0; }
body { background: #fff url(images/body-bottom.png) left bottom repeat-x; color: #000; font-family: helvetica, Arial, Tahoma; font-size: 76%; line-height: 1.5; }
#wrapper-outer { background: url(images/body-top.png) left top repeat-x; width: 100%; }
#wrapper { width: 879px; margin: 0 auto; padding-bottom: 88px; padding-top: 36px; }

p { padding: 0.5em 0 0.35em; }
h1, h2, h3, h4 { color: #0182ac; padding: 0.5em 0 0.35em; }
.headline, .headline a { font-style: normal; color: #0182ac; font-weight: bold; }
h2.headline { font-size: 17px; }
h3.headline { font-size: 17px; }
h3.subheadline { font-size: 13px; }
#content ul, #content ol { margin-left: 30px; }

a { text-decoration: none; }
#content a:hover { border-bottom: 1px dotted; color: #0182AC; }

.alignleft { float: left; margin-right: 5px; }
.alignright { float: right; margin-left: 5px; }

#header { background: #fff url(images/container-top.png) center top no-repeat; padding: 10px 15px 5px; overflow: hidden; }
h1.logo { background: url(images/logo.png) left top no-repeat; width: 266px; height: 110px; float: left; text-indent: -9999px; }
h1.logo a { display: block; width: 266px; height: 110px; }
p#toplinks { width: 232px; float: right; margin-right: 30px; padding-top: 15px; }
a.button, #content a.button { background: url(images/button.png) left top no-repeat; margin: 3px 0; font-size: 1.1em; display: block; width: 232px; height: 28px; padding-top: 5px; text-align: center; text-decoration: none; color: #fff; }
a.button-small, #content a.button-small { font-family: helvetica, Arial; background: url(images/button-small.png) left top no-repeat; margin: 3px 0; font-size: 0.85em; display: block; width: 180px; height: 23px; padding-top: 3px; text-align: center; text-decoration: none; color: #fff; }

:focus, a:active { outline: none; }

#nav { overflow: hidden; clear: both; }
ul#mainmenu { list-style-type: none; overflow: hidden; }
ul#mainmenu li { float: left; margin: 0 6px 0 7px; background: url(images/nav.png) left top no-repeat; width: 128px; height: 33px; }
ul#mainmenu li:hover { background: url(images/nav-over.png) left top no-repeat; }
ul#mainmenu li a { color: #fff; font-size: 1em; text-align: center; display: block; padding-top: 5px; height: 28px; text-decoration: none; }

#container { background: #fff url(images/container-foot.png) center bottom no-repeat; }
#content { padding: 10px 40px 0; overflow: hidden; min-height: 400px; font-family: Garamond; font-size: 1.25em; line-height: 1.3; }
#content-left { min-height: 400px; padding-bottom: 20px; width: 589px; float: left; padding-right: 10px; border-right: 1px dotted #0182AC; }
#sidebar { width: 175px; padding-left: 10px; float: left; font-size: 1em; }
.widget { margin: 0 0 20px; }
#sidebar a { color: #000; }
#sidebar a:hover { color: #0182AC; }
#sidebar ul { list-style-type: none; margin-left: 15px !important; }
#sidebar ul li:before { content: "\00BB   "; }

#home-left { width: 370px; float: left; }
#home-right { width: 419px; float: right; }
#home-left-top { margin-bottom: 0px; padding: 0 30px 0 0; }
#home-right-top { margin-bottom: 50px; padding: 0 30px; }
#home-social { background: url(images/snet.jpg) left top no-repeat; padding: 10px 115px 10px 10px; height: 195px; width: 324px; }
#home-social .headline { padding: 0; }
h1.logo-social { background: url(images/logo-sn.png) left top no-repeat; width: 232px; height: 49px; text-indent: -9999px; padding: 0; }

ul#socialLinks { list-style-type: none; overflow: hidden; margin-top: 10px; }
ul#socialLinks li { float: left; margin: 0 10px; width: 42px; height: 42px; }
ul#socialLinks li.twitter { background: url(images/TwitterLink.gif) left top no-repeat; }
ul#socialLinks li.facebook { background: url(images/FacebookLink.gif) left top no-repeat; }
ul#socialLinks li.linkedin { background: url(images/LinkedIn-Link.gif) left top no-repeat; }
ul#socialLinks li.blogger { background: url(images/BloggerLink.gif) left top no-repeat; }
ul#socialLinks li a { display: block; text-indent: -9999px; width: 42px; height: 42px; }

#footer { padding-left: 30px; color: #000; font-size: 0.85em; }
#footer a { color: #000; font-size: 1.25em; text-decoration: none; }
#footer a:hover { color: #fff; }

small.theTime { position: absolute; margin-top: -10px; color: #999; }
.postmetadata { display: none; font-size: 0.9em; background: #fafafe; padding-left: 10px; }
textarea#comment { width: 565px; }
#content ul, #content ol { margin-left: 35px; }
form#commentform { margin-left: 35px; padding: 10px 20px; background: #e6e6e6; }
li.comment { padding: 10px 20px; background: #F7F7F7; margin: 10px 0;  }
img.avatar { float: left; width: 32px; height: 32px; margin-right: 10px; }
cite.fn a { color: #7cab41; font-weight: bold; text-decoration: none; font-style: normal; }
.commentmetadata a { font-size: 0.9em; text-decoration: none; color: #999; }
.says { display: none; }
ol.commentlist { list-style-type: none; margin-left: 0; }
ol.commentlist li p { font-size: 0.95em;}
.navigation { overflow: hidden; margin: -10px 0 10px; }
h3#comments, #respond h3 { font-size: 13px; font-weight: normal; }