/* @group Base Elements */
body {font:100%/1.8em "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Calibri, sans-serif;background-color:#FFFFFF;color:#333;margin:0;padding:0;}
a:link {color:#3f6bea;text-decoration:underline;}
a:visited {color:#3f6bea;text-decoration:underline;}
a:hover {color:#FF0000;}
a:active {color:#FF0000;text-decoration:none;}
ul li {list-style-type:circle;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2E2E2E !important;font-weight:normal;text-decoration:none !important;padding:0;font-family:Georgia, "Times New Roman", Times, serif;margin-top:1em;}
code {line-height:1.5em;padding:1em;color:#434343;border:1px solid #ddd;display:block;overflow:auto;white-space:nowrap;background-color:#fcfcfc;}
th {text-align:left;}
table {margin:0;padding:0;width:100%;}
summary {display:none;}
p {margin:1em 0;}
q {font-family:"Courier New", Courier, mono;}
/* @end */
/* @group Header */
#header h1 {margin:0;padding-top:0.8em;padding-bottom:0em;font:250% Georgia, "Times New Roman", Times, serif;}
#header h1 a {text-decoration:none;color:#000 !important;}
#menu {border-bottom:1px solid #ddd;text-align:right;}
a.selected {text-decoration:none;color:#000;}
#menu ul li {list-style-type: none !important;display: inline; margin-left:1.2em;}
#menu ul{margin: 0;padding: 0;}
#pre-text {border-bottom:1px solid #ddd;}
img {border:0px none #FFF;max-width:100%;}
/* @end */
/* @group Footer */
a.rss {color:#FFF !important;text-decoration:none !important;padding:0.2em 0.5em;background-color:#3f6bea;letter-spacing:0.1em;font-weight:bold;font-family:"Lucida Grande", Lucida, Verdana, sans-serif;border: 1px solid #3f6bea;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;}
#footer a.rss {margin-left:0.1em;}
a.feed {font-size:12px;}
#footer {text-align:center;border-top:1px solid #ddd;clear:both;margin-top:1em;margin-bottom:1em;}
#footer p {font-size:90%;}
/* @end */
/* @group Misc */
.small {font-size:85%;}
.structure {width:55em;margin-left:auto;margin-right:auto;}
.frame {border:4px double #ddd;}
.centre {text-align:center;}
.highlight {background-color:#f2ff85;font-weight:bold;}
.clear {clear:both;}
.textmate {color:#434343 !important;}
.skiplink {margin-left:-1000em; float: left;}
/* @end */
/* @group Main Content */
/* @group Projects */
.pics{float: left; border:4px double #ddd; margin-right: 1em; margin-bottom: 1em;padding: 0.5em 0.5em 0.2em;}
/* @end */
/* @group Forms */
/* @group About Form */
form#contactForm {background-color:#e2e4db;font-size:0.9em;padding:0.56em 0.56em 1.56em;width:55%;}
#contactForm input, #contactForm textarea {display:block;width:100%;}
#contactForm textarea {height:12.5em;}
#contactForm input#submit {float:right;display:block;width:8.5em;}
/* @end */
/* @group Comment Form */
#guideline {float:right;width:40%;display:none;}
#guideline h4 {border-bottom:1px dotted #ddd;margin-bottom:0;padding-bottom:0;}
#guideline ul {padding-left:0;}
#myCommentForm {width:55%;margin-bottom:1em;}
form#commentForm {background-color:#e2e4db;font-size:0.9em;padding:0.56em 0.56em 1.56em;}
fieldset {border:none;}
label {display:block;color:#333;font:1em Helvetica, Sans-serif;text-transform:uppercase;margin-bottom:0.94em;line-height:1.5em;}
form#commentForm label small {display:block;color:#888;font-size:0.8em;text-transform:none;text-align:right;margin-left:40%;margin-top:-1.55em;}
form#commentForm input, form#commentForm textarea {display:block;width:100%;}
form#commentForm textarea {height:12.5em;}
form#commentForm input#submit {float:right;display:block;width:8.5em;}
p.success {color:#6cc33c;}
p.error {color:#ff4242;}
/* @end */
/* @end */
/* @group Social Networking */
.photo {display:inline;text-align:center;float:left;margin-right:1.5em;font-size:70%;}
#social-networking-page .columns {clear:both;border-top:1px solid #ddd;}
#social-networking-page .column {width:49%;}
#social-networking-page .left {float:left;}
#social-networking-page .right {float:right;}
a img {border:0px none #FFF;}
/* @end */
/* @group Articles */
#articles-page td {border-top:1px solid #ddd;padding-top:0.2em;padding-bottom:0.2em;}
/* @end */
/* @group About */
#me {float:left;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;margin:0 1.2em 1.2em 0;}
#me img {padding:0.2em;margin:0;}
#me span {display:block;font-size:85%;}
/* @end */
/* @group Comments */
#comments-section {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#comments-section h3 a {font-size:75% !important;color:#3f6bea !important;text-decoration:underline !important;}
#comments-section .gravatars {float:left;}
.comment {background-color:#eee;min-height:80px;margin-left:90px;padding:0.5em 0.8em 0.5em 0.8em;margin-bottom:1.5em;}
.comment p {margin:0;padding:0;}
.commenter a {text-decoration:underline;color:#666666;}
.commenter a:hover {text-decoration:underline;}
/* @end */
#main {float:left;width:72%;border-right:1px solid #ddd;padding-right:0.9em;min-height:47.6em;}
.entry {border-bottom:1px solid #ddd;padding-bottom:1em;}
/* @end */
/* @group Sidebar */
#sidebar {width:25%;float:right;padding-top:0.4em;}
#sidebar h3 {margin-bottom:0.5em;}
#sidebar form, #sidebar ul, #feature-project {border-bottom:1px solid #ddd;padding-bottom:1em;}
#latest-articles, #latest-comments, #latest-comments li, #blog-categories {margin:0;padding:0;width:100%;}
#latest-articles li, #latest-comments li, #blog-categories li {list-style-type:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#blog-categories {border-bottom:0 none #FFF !important;}
#latest-comments span {font-weight:bold;}
/* @end */

/* @group Google 404 */
#goog-wm li.search-goog { display: block; }
#goog-wm h3 { display:none; }
#goog-wm b{ font-weight:normal !important; }
#goog-wm form{ margin-top:0.2em; }
#goog-wm ul { padding-left:0; }
#goog-wm li { margin-top:1em; list-style-type:none; }
#goog-wm-sb { margin-left:0.2em; }
/* @end */