/* @group Global */
/* Colors: lighter: #cccccc; light: #565656; dark: #333333; */

html { background-color: #161D26; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 108%;}
body { background: #161D26 repeat top left; margin: 0;text-align: left;}

/* @group links */
a:link { color: #0066B3; text-decoration: none;}
a:visited { color: #0066B3; text-decoration: none;}
a:hover { color: #0066B3; text-decoration: underline; }
a:active { color: #0066B3; }
/* @end */

p { margin: 1em 0; }
#content { width: 80%; margin: 0 auto; }
.clear { clear: both; }
simg { border: none; }

/* @group forms */
input { width: 40em; border: 1px solid #cccccc; padding: 3px; color: #565656;}
textarea { width: 40em; height: 5em; border: 1px solid #cccccc;padding: 3px; color: #565656;}
/* @end */


/* @group pager */
#pager { margin: 20px auto; text-align: center; }
#pager a.page { border: 1px solid #0066B3; padding: 4px; text-decoration: none;}
#pager a.page:hover { background: #0066B3; color: #fff; text-decoration: none;}
/* @end */

.highlight{ padding: 2px; background-color: #B8D3EA; color: #424b53; }
#doc3{ margin: 0; background-color: #ffffff; color: #333333;}
#body-container { float: none; margin: 0px; width: 100%; padding-bottom: 50px; background: #ffffff;}
.content { background: #ffffff; float: left; width: 100%; }

/* @end */


/* @group Header */

#header { font-size: 100%; background: #afc4d1 url(../images/common/header_background.png) repeat-x top left; height: 120px; }
#header img { float: left; margin-left: 60px; }
#header ul{ background: #3e4f67; float: left; margin: 74px 0 0 60px;} 
#header ul li{ display: inline; padding: 5px 0; float: left;}
#header ul li a { padding: 5px 15px; margin: 0;}
#header ul li a:link { color: #ffffff; text-decoration: none; }
#header ul li a:visited { color: #ffffff; text-decoration: none; }
#header ul li a:hover { color: #ffffff; text-decoration: none; background-color: #0066B3;}
#header ul li:hover{ background-color: #3e4f67;}


/* @group content */

/* @end */


/* @end */

/* @group footer */

#footer { margin: 20px 0; clear: both; float: left; width: 100%; min-height: 150px; color: #48607f; font-size: 85%;}
#footer a:link { color: #4B535C;}
#footer a:visited { color: #4B535C;}
#footer a:hover { color: #ffffff; text-decoration: none;}
#footer ul#nav { margin: 10px 0 0 90px; }
#footer ul#nav .copyright { color: #4B535C; margin: 0 60px 0 0; }
#footer ul#nav a:link.header{ color: #18A0C8; }
#footer ul#nav a:visited.header{ color: #18A0C8; }
#footer ul#nav li { color: #18A0C8; }
#footer ul#nav li { display: inline; margin: 0 10px; float: left; }
#footer ul#nav li ul.sub li{ margin: 3px 0; display: block; float: none;}

/* @end */

/* @group About */
#about .yui-b { margin: 0; width: 100%; }
#bio { margin: 5px auto; width: 900px;}
#bio .content img { margin: 0; padding: 0; line-height: 0;}
#about #bio h2 { margin: 5px 0 20px 35px; }
#about .davinder { float: left; margin: 5px 20px 5px 0;}
#about #davinder_bio { margin: 0 0 60px 0;}
#about #davinder_bio h2 { font-size: 108%; font-weight: bold; margin-top: 10px;}
#about h3 { font-weight: bold; font-size: 108%; }

/* @end */

/* @group contact */
#contact .yui-b { margin: 0; }
#contact #feedback_form{ margin: 20px auto; }
#contact fieldset { margin-bottom: 20px; }
#contact h2 { font-size: 116%; font-weight: bold; margin-top: 20px; }
#contact label { font-weight: bold; }
#contact .form_error { color: #a00a0a; font-weight: bold; font-size: 85%;}
#contact dl dt { margin: 10px 0 4px 0; }
#contact input.commit { width: 10em; background-color: #0066B3; color: #fff; padding: 5px 10px; border: 1px solid #0066B3; }
/* @end */

/* @group articles */
/* @group article styling */
#articles.view #body_copy span.question { font-weight: bold; }
#articles.view #body_copy div.answer { color: #121212;}
/* @end */

#breadcrumbs { border: thin solid #97AACC; background-color: #eee; padding: 5px 10px; margin-bottom: 20px; }
#breadcrumbs h4 { display: inline; }
#articles ul#article-lists { margin: 1em 0; }
#articles ul#article-lists li{ margin: 1em 0; }
#articles .note{ padding: 2px; background-color: #B8D3EA;}
#articles h4.byline { font-weight: bold; font-size: 138.5%; color: #000000;}
#articles h4.note { display: inline; }
#articles p { line-height: 1.5em; }
#articles strong { font-weight: bold; }
#articles #content { margin-top: 30px; }
#articles #content ul { margin: 1em 0; }
#articles #content ul li h3 a { font-size: 116%; font-weight: bold;}
#articles #content ul li h5 { font-size: 77%; }
#articles #content ul li h5 a { font-size: 123.1%; }
#articles #content ul li p { margin: 0; line-height: 1.3em;}
#articles #content ul li p .date { color: #787878; font-size: 93%; }
#articles #content h2 { font-size: 123.1%; font-weight: bold; }

/* @group article View */
#articles.view h1 { font-size: 167%; font-weight: bold; }
#articles.view #metadata{ font-size: 85%; color: #565656;border-bottom: 1px dotted #ababab; padding-bottom: 5px; float: left; width: 100%;}
#articles.view #metadata #data{ float: left; }
#articles.view #metadata .author{ color: #333; }
#articles.view #metadata .sharethis { float: right; }
#articles.view h3.updated_date { font-size: 116%; color: #000; }
#articles.view h3.date { font-size: 92%; margin-top: 1em; }
#articles.view #body_copy { clear: both; margin: 20px 0; float: left; width: 100%; line-height: 1.5em; color: #333; font-size: 108%;}
#articles.view #body_copy img { margin: 10px; }
#articles.view #pager { float: left; width: 100%; clear: both; border-bottom: 1px dotted #ababab; padding: 20px 0;
border-top: 1px dotted #ababab;}
#articles.view .navigation { color: #565656;  }
#articles.view .navigation h4 { font-size: 85%; margin: 4px 0; font-weight: bold;}
#articles.view .navigation h4 a { font-weight: normal; }
#articles.view ol li { list-style-type: decimal; list-style-position: inside; padding-left: 1em;}
#articles.view ul#bibliography { width: 80%; }
#articles.view ul#bibliography li { margin: 0.2em; font-size: 93%; }

/* @group styles to deal with general lists */
#articles.view ul.bullet { width: 80%; }
#articles.view ul.bullet li { margin: 0.2em; font-size: 93%; list-style-position: inside; list-style-type: square; padding-left: 0.5em;}
#articles.view ul.general li { padding-left: 0.5em; }
#articles.view ul.general li h3 { font-weight: bold; }
/* @end */

/* @group tips list */
#articles.view ul#tips { margin: 2em 0; }
#articles.view ul#tips h3 { font-weight: bolder; font-size: 116%; float: left; margin-right: 0.5em;}
#articles.view ul#tips li { width: 80%; margin: 2em 2em; border-bottom: 1px solid #ccc; padding-bottom: 1em;}
/* @end */


/* @end */

#articles #sidebar { margin-top: 80px; }

#articles .updated_date strong { font-style: italic; color: #282828; }

/* @end */

/* @group Social Bookmarking */
.socialbookmarks { float: left; margin: 5px 0 30px 0; }
.socialbookmarks h4 {display: inline;  margin-right: 5px; }
.socialbookmarks a { text-decoration: none; font-size: 93%;}
/* @end */




/* @group software */
#software #content { margin-top: 40px; }
#software h1 { font-size: 138.5%; font-weight: bold; margin-bottom: 10px;}
#software span.note { padding: 2px; background-color: #B8D3EA; }
#software div.item { float: left; margin: 30px 0; }
#software .metadata { float: right; width: 45%; }
#software .metadata h5 span { font-weight: bold; font-size: 93%; color: #565656;}
#software h5.downloadbutton a { background-color: #0066B3; color: #fff; padding: 5px 10px; border: 1px solid #0066B3;}
#software h5.downloadbutton a:hover { background-color: #ffffff; color: #0066B3; text-decoration: none; border: 1px solid #0066B3;}
#software h2 { font-size: 123.1%; font-weight: bold; margin: 10px 0; }
#software #dashboard { color: #888; margin: 40px 0; width: 100%; clear: both; font-size: 93%; line-height: 1.5em; }
#software.view .changelog { color: #565656;}
#software.view .changelog { float: left; width: 100%; margin: 30px 0; }
/* @end */

/* @group blog */
/* @group blog view */

/* @end */
#sfSimpleBlog .blogpost { margin: 20px 0 0 0; float: left; color: #565656; border-bottom: 1px dotted #565656; padding-top: 20px; width: 100%;}
#sfSimpleBlog .blogpost h2 { font-weight: bold; font-size: 197%;}
#sfSimpleBlog .blogpost h2 a:link { color: #565656;}
#sfSimpleBlog .blogpost h2 a:visited { color: #565656; text-decoration: none;}
#sfSimpleBlog .blogpost h2 a:hover { color: #0066B3; text-decoration: none;}
#sfSimpleBlog .blogpost .details { font: 93% "Lucida Grande", Lucida, Verdana, sans-serif; }
#sfSimpleBlog .blogpost .content { line-height: 1.3em; font-size: 108%; }
#sfSimpleBlog .blogpost p { margin: 1.5em 0; }
#sfSimpleBlog .blogpost strong { font-weight: bold; }
#sfSimpleBlog #sidebar { margin: 60px 0; }
#sfSimpleBlog #sidebar h3 { font-weight: bold; font-size: 138.5%;color: #565656; margin: 20px 0 0 0; }
#sfSimpleBlog #sidebar ul li { margin: 0; line-height: 1.3em; }
#sfSimpleBlog #sidebar ul.taglist li { display: block; }
#sfSimpleBlog #sidebar ul.taglist li .count { color: #898989; font-size: 77%; }

#sfSimpleBlog #comments{ float: left; margin: 30px 0; }
#sfSimpleBlog #addcomment legend{ display: none; }
#sfSimpleBlog #comments h3 { font-size: 123.1%; font-weight: bold; margin: 3px 0; }
#sfSimpleBlog #comments h3#leave{ font: bold 145% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; padding: 3px;}
#sfSimpleBlog #comments form { float: left; width: 100%;}
#sfSimpleBlog #comments form fieldset { float: left; width: 100%; margin: 0 0 0 20px;}
#sfSimpleBlog #comments .form_error { color: #a80000; font-size: 85%; font-weight: bold;}
#sfSimpleBlog #addcomment label{ display: block; font-size: 93%; color: #333;}
#sfSimpleBlog #addcomment dl { width: 100%; }
#sfSimpleBlog #addcomment dt { margin-top: 10px; }
#sfSimpleBlog #addcomment .commit { margin: 20px 0 0 20px; width: 10em; background-color: #B8D3EA; color: #424b53; }
#sfSimpleBlog #sfSimpleBlog_comment_list .comment { margin: 30px 20px; border-bottom: 1px solid #efefef; width: 70%; color: #565656;}
#sfSimpleBlog #sfSimpleBlog_comment_list .comment h4.author {  }
#sfSimpleBlog #sfSimpleBlog_comment_list .comment div.body { margin: 5px 0 ; }
#sfSimpleBlog .blogpost .details { padding: 5px 0 10px 0; border-top: 1px dotted #ccc; width: 100%; float: left;  }

#sfSimpleBlog #pager a { margin: 10px 0 50px 0; font-size: 116%; float: left; }

#sfSimpleBlog.showByTag #content { margin-top: 60px; }
#sfSimpleBlog.showByTag h3 { font-weight: bold; font-size: 197%;} 
#sfSimpleBlog.showByTag h3 .tag { color: #565656; }
#sfSimpleBlog.showByTag .blogpost  { margin-top: 20px; padding: 0; width: 100%; }
#sfSimpleBlog.showByTag .extract { margin: 0.5em 0; font-size: 108%; }
#sfSimpleBlog .details .metadata { float: left; }
#sfSimpleBlog .details .sharethis { float: right; }
#sfSimpleBlog.index .details .sharethis { display: none;}
#sfSimpleBlog .related_details { margin-top: 5px;float: left; width: 100%; }
/* @end */

/* @group Home */
#home #sfSimpleBlog { float: left; margin-bottom: 60px; }
#home #sidebar { margin-top: 60px; }
/* @end */

/* @group sidebar */
#sidebar { color: #565656; margin-bottom: 60px; background: #fff;}
#sidebar h2 { font-weight: bold; font-size: 138.5%; }
#sidebar h3 { font-weight: bold; font-size: 138.5%;color: #565656; margin: 10px 0 0 0; }
#sidebar li { margin: 5px 0; }
#sidebar span.category { font-size: 85%; color: #565656;}
#sidebar .widget { border-bottom: 1px dotted #bbbbbb; padding-bottom: 10px; width: 90%;}
#biography p { margin: 0.5em 1em 0 0; }
#biography h6 { margin: 0.5em 0; }
#twitter h2 { background: url('../images/common/twitter.png') no-repeat left center; margin-top: 5px;  height: 30px; padding: 8px 0 0 40px;}

/* @group delicious */
#delicious-linkrolls { margin-top: 10px; }
.delicious-posts { padding: 0 0.5em; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-tags a:link{ color: #565656; }
/* @end */


/* @end */
/* @group flickr */
#flickr-recent { width: 15em; float: left; margin-bottom: 60px;}
#flickr-recent { color: #3993ff; }
#flickr-recent h2 { margin: 5px 0; letter-spacing: 0.03em; }
#flickr-recent span { color: #ff1c92; }
#flickr-recent a { margin: 2px; }
#flickr-recent .image-group { margin: 0	10px; }

/* @group customized */
#footer_flickr .flickr_badge_image { float: left; }
/* @end */



/* @end */
/* @group 404 */
.fourohfour { margin: 5em 0; }
.fourohfour h2 { font-weight: bold; font-size: 650%; }
.fourohfour p { margin: 1em 2em; font-size: 108%; }

/* @end */