body {background:url(/images/bg.jpg) repeat-x #fbfcf4;font: 13px/1.4em Tahoma,Verdana,Arial, Helvetica, Verdana, sans;color: #444;padding:0;margin:0}


/* IDs */

div#wrapper {width: 810px;margin: 0 auto;}
div#logotype {position: relative;display:block;}
div#head {background: none;position:relative;width:auto;height:100px;margin:0;padding:0;}

/* Nav */

div#nav {font: 1.5em/1.2em Tahoma,Verdana,Arial, Helvetica, Verdana, sans;font-weight:normal;text-align: right;}
div#nav a {display:block;float:left;width:90px;line-height:1.5em;text-align: center;margin:0 5px;}
div#nav a:hover,div#nav a.active {border-bottom: 2px solid #2f7bb5;color: #555;text-decoration:none}


form#search {height:60px;}
div#logo {width:300px;}
div#util {padding-right:20px;text-align: right;}

div#content {width:auto;margin-bottom: 50px;background: url(/images/wrapperBg.png) repeat-y;}
div#footer {font-size:0.8em;clear:both;width:auto;margin: 0 auto;padding:7px 20px 0px 0;text-align:right;background: url(/images/wrapperBgBottom.png) #fbfcf4 top left no-repeat}

#popupImage {padding:10px;background: #fff2e5;border: 1px solid #eaddd0;}

#lightbox{background-color:#eee;padding: 0 15px;}
#lightboxCaption, #lightboxClose{font-size: 0.9em;font-family: Tahoma,"Trebuchet MS",Verdana,Arial, Helvetica, Verdana, sans;padding-bottom: 10px;color: #444;text-align: center;}
#lightboxClose img {display:none;}
#lightboxCaption {font-size: 1.2em;}
#lightboxClose {padding: 10px 0 0 0;text-align: right;}
#lightboxPhoto {display: block;padding: 10px 0;}
#lightboxClose a {color: #666666;}
#lightboxClose a:hover {color: #333333;}
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-color: #333; }
#latestComments {height:180px;}

/* Content layout */
div.content {padding:20px;background: #fff;width:758px;margin:0 auto;}
div.post,div.footer {width:500px}
div.postwide {width:670px}
div.rightCol {width:240px;float:right;}
div.leftCol {float:left;}
div.post {border-bottom: 1px solid #e5eef5;margin-bottom: 10px;text-align: left;line-height:1.4em;position:relative;}
.form,div.comment {border: 1px solid #e5eef5;margin-bottom: 10px;text-align: left;line-height:1.4em;position:relative;padding:10px;background: #fafcff;border-width: 1px 1px 1px 8px}
.related {padding: 10px 0}

div.imagePost {text-align: center;}

/* Look-n-feel */
p,h1,h2,h3,h4,div,body,a {position:relative;}
p {margin:0; padding:5px 0 10px 0}
code {line-height:1.3em;font-family: monospace;}
blockquote {font-style: italic;}
code,blockquote {background: #f0f8ff;display:block;padding: 10px;border: 1px solid #def;font-size: 12px;border-width: 1px 1px 1px 8px;margin:10px 0;}
ul {margin:0;padding:0;}
li {list-style:none;}
div.buttons {text-align: center;margin-top: 30px;}
p.clear {height:1px; overflow:hidden}
img.avatar {margin: 0 5px 0 0;border: 1px solid #aaa}
img.pageglimpse {background: white;padding:5px;border: 1px solid #aaa;position:absolute;z-index:10000;}
.fragment {border:0;background:url(/images/fragmentBg.png) no-repeat;background-color:transparent;padding:15px 0 0 15px;margin-top: 5px;}
.fragment h1,.fragment h2,.fragment h3,.fragment h4 {padding-left: 3px;font-size:1.4em}
.extrapadding {padding-left: 5px;padding-right:5px;}
.tag {line-height:1.5;padding:0 5px;}
.tag.small {font-size:0.8em;}
.tag.standard {font-size:1.2em;}
.tag.medium {font-size:1.6em;}
.tag.large {font-size:2.0em;}
.notify {border: 1px solid #da546a;background: #ffeaea;padding:5px;border-width:1px 1px 1px 1px;line-height:16px;}
.padding {padding:0 15px 5px 15px;}
.nopadding {padding:0}
.prenextnav {width: 30%;width:80px;text-align:center;}

/* Fonts */
h1 span.small,h2 span.small,h3 span.small,h4 span.small,h5 span.small,h6 span.small {font-size: 1.2em;position:absolute;right:10px;font-weight: normal}
.subTitle {color: #666;font-size:0.85em;font-family: "Trebuchet MS";display:block;}
span.small {font-size: 0.85em;font-weight: normal;color: #444;display:block;padding:2px 0;margin:0;line-height:13px}
.small {font-size: 0.85em}
h1,h2,h3,h4,h5,h6 {font-family: Tahoma,"Trebuchet MS",Verdana,Arial, Helvetica, Verdana, sans;margin:0; padding: 10px 0;font-weight:normal;line-height:1.0em}
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}

/* Colors and links */
a {color: #2f7bb5;text-decoration:none;}
a:hover {text-decoration:underline;color: black;}
a img {border: none;}
a,input {outline: 0;}
a.block {display:block;padding:3px 5px;border: 1px solid #fff;margin:0;min-height:16px}
a.block:hover {background: #eaf0fa;color:black;text-decoration:none;border: 1px solid #cde}
div.post a {text-decoration: underline;}
span.subTitle a {text-decoration:none;}
h1.title a,h2.title a,h3.title a,h4.title a {color: #444;text-decoration:none;}
h1.title,h2.title {font-size:1.8em}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {text-decoration:underline}
a.image img {padding:8px 8px ;border: none;background: #fafafa;margin-right:8px;background: url(/images/photoBg.png) 0px 0px no-repeat;}
a.image:hover img {background: url(/images/photoBg.png) 0px -89px no-repeat;border: none}
a.comment {background: url(/images/commentIcon.png) no-repeat left 2px;padding-left: 18px;}
a.toggle {color: black;background: url(/images/plusToggle.png) no-repeat;width: 12px; height: 12px;padding-left:12px;}
a.toggle.on {background-position: 0px -15px;}
a.toggle.off {background-position: 0px 4px;}

/* Helpers */
div.clear {width:100%;clear:both;}
.hidden {display:none;}
.float {display:inline}
.floatRight {float:right;}
.floatLeft {float:left;}
.right {text-align:right}
.center {text-align: center}

/* Forms */
form {padding:0;margin:0;}
label {display:block;margin:4px 0;clear:left;}
input,textarea,select {font: 14px/1.2em Tahoma,Verdana,Arial, Helvetica, Verdana, sans;color: #555;width:95%;border:1px solid #bbb;padding:2px;background: url(/images/inputShadow.png) -6px -6px;margin:0;background-color: white;}
textarea {height:200px;}
input.active,textarea.active,select.active {border-color:#2f7bb5;}
option {background: white;}
input.checkBox {border:none;width:auto;}
input.button {width: 110px;height:24px;margin:5px 0;padding: 0 0 2px 16px;line-height: 1.6em;border: none;background: url(/images/buttonBg.png) no-repeat transparent;font-size:1.0em}
input.button.active {background-position: 0 -24px;}
input.button:active {background-position: 0 -48px;}
input,textarea,select {box-sizing: border-box;-moz-box-sizing: border-box;}