/*
	Author	:	Christopher Robinson
	Email		:	christopher@edg3.co.uk
	Website	:	http://www.edg3.co.uk/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#777;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:none;
}

/* body */
body {
	background:#fafafa;
	color:#555;
	font:0.8em Arial, Helvetica, "bitstream vera sans", sans-serif;
}

/* header */
#header {
	border-bottom:1px solid #999;
	height:75px; /* original is 80 */
	margin:0 auto;
	width:751px;
}
#header h1 {
	color:#888;
	font-size:300%;
	letter-spacing:-3px;
	text-align:right;
	padding:5px;
	margin-bottom:-20px;
}
#header h2 {
	color:#CCC;
	font-size:200%;
	letter-spacing:-2px;
	text-align:right;
}

/* navigation */
#navigation {
	background:#fafafa;
	border-right:1px solid #999;
	margin:0 auto;
	width:750px;
	height:50px;
	list-style:none;
}
#navigation li {
	border-left:1px solid #999;
	float:left;
	width:90px;
	list-style:none;
}
#navigation a {
	color:#555;
	display:block;
	line-height:35px;
	text-align:center;
}
#navigation a:hover {
	background:#e3e3e3;
	color:#555;
}
#navigation .active {
	background:#e3e3e3;
	color:#777;
}
/*
#sidenav {
	background: #fafafa;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
	margin-left: 10px;
	float: right;
}
#sidenav li {
	border-right:1px solid #999;
	width: 100px;
	list-style: none;
}
#sidenav a {
	color:#555;
	display:block;
	line-height:35px;
	text-align:center;
}
#sidenav a:hover {
	background:#e3e3e3;
	color:#555;
}
#sidenav .active {
	background:#e3e3e3;
	color:#777;
} */

/* content */
#content {
	height:auto;
	margin:0 auto;
	padding:0 0 20px;
	width:751px;
}
#content h1 {
	border-bottom:1px dashed #999;
	font-size:1.8em;
	padding-left: inherit;
	padding:20px 0 0;
}
#content p {
	padding-right: 20px;
	padding:20px 20px 0;
}

/* footer */
#footer {
	border-top:1px solid #999; 
	height:50px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}
id_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container_12 .grid_3,.container_16 .grid_4 { width:220px; }
.container_12 .grid_6,.container_16 .grid_8 { width:460px; }
.container_12 .grid_9,.container_16 .grid_12 { width:700px; }
.container_12 .grid_12,.container_16 .grid_16 { width:940px; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)= */
.alpha { margin-left:0; }
.omega { margin-right:0; }

.container_12 .grid_1 { width:60px; }
.container_12 .grid_2 { width:140px; }
.container_12 .grid_4 { width:300px; }
.container_12 .grid_5 { width:380px; }
.container_12 .grid_7 { width:540px; }
.container_12 .grid_8 { width:620px; }
.container_12 .grid_10 { width:780px; }
.container_12 .grid_11 { width:860px; }

.container_16 .grid_1 { width:40px; }
.container_16 .grid_2 { width:100px; }
.container_16 .grid_3 { width:160px; }
.container_16 .grid_5 { width:280px; }
.container_16 .grid_6 { width:340px; }
.container_16 .grid_7 { width:400px; }
.container_16 .grid_9 { width:520px; }
.container_16 .grid_10 { width:580px; }
.container_16 .grid_11 { width:640px; }
.container_16 .grid_13 { width:760px; }
.container_16 .grid_14 { width:820px; }
.container_16 .grid_15 { width:880px; }

.container_12 .prefix_3, .container_16 .prefix_4 { padding-left:240px; }
.container_12 .prefix_6, .container_16 .prefix_8 { padding-left:480px; }
.container_12 .prefix_9, .container_16 .prefix_12 { padding-left:720px; }

.container_12 .prefix_1 { padding-left:80px; }
.container_12 .prefix_2 { padding-left:160px; }
.container_12 .prefix_4 { padding-left:320px; }
.container_12 .prefix_5 { padding-left:400px; }
.container_12 .prefix_7 { padding-left:560px; }
.container_12 .prefix_8 { padding-left:640px; }
.container_12 .prefix_10 { padding-left:800px; }
.container_12 .prefix_11 { padding-left:880px; }

.container_16 .prefix_1 { padding-left:60px; }
.container_16 .prefix_2 { padding-left:120px; }
.container_16 .prefix_3 { padding-left:180px; }
.container_16 .prefix_5 { padding-left:300px; }
.container_16 .prefix_6 { padding-left:360px; }
.container_16 .prefix_7 { padding-left:420px; }
.container_16 .prefix_9 { padding-left:540px; }
.container_16 .prefix_10 { padding-left:600px; }
.container_16 .prefix_11 { padding-left:660px; }
.container_16 .prefix_13 { padding-left:780px; }
.container_16 .prefix_14 { padding-left:840px; }
.container_16 .prefix_15 { padding-left:900px; }

.container_12 .suffix_3, .container_16 .suffix_4 { padding-right:240px; }
.container_12 .suffix_6, .container_16 .suffix_8 { padding-right:480px; }
.container_12 .suffix_9, .container_16 .suffix_12 { padding-right:720px; }

.container_12 .suffix_1 { padding-right:80px; }
.container_12 .suffix_2 { padding-right:160px; }
.container_12 .suffix_4 { padding-right:320px; }
.container_12 .suffix_5 { padding-right:400px; }
.container_12 .suffix_7 { padding-right:560px; }
.container_12 .suffix_8 { padding-right:640px; }
.container_12 .suffix_10 { padding-right:800px; }
.container_12 .suffix_11 { padding-right:880px; }

.container_16 .suffix_1 { padding-right:60px; }
.container_16 .suffix_2 { padding-right:120px; }
.container_16 .suffix_3 { padding-right:180px; }
.container_16 .suffix_5 { padding-right:300px; }
.container_16 .suffix_6 { padding-right:360px; }
.container_16 .suffix_7 { padding-right:420px; }
.container_16 .suffix_9 { padding-right:540px; }
.container_16 .suffix_10 { padding-right:600px; }
.container_16 .suffix_11 { padding-right:660px; }
.container_16 .suffix_13 { padding-right:780px; }
.container_16 .suffix_14 { padding-right:840px; }
.container_16 .suffix_15 { padding-right:900px; }

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Anand: Fix for container, ensures height. Via http://onehub.com/ */
.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

/* Anand: anand.css */
.hidden { display:none; }
a { color:#5a5799; }
a:visited { color:#945799; }
a:hover { color:#c0504d; }

body { padding:2em 0 0; }
h1, h2 { font-weight:normal; }
h1 { text-transform:capitalize; }
h1 a, h1 a:visited { text-decoration:none; letter-spacing: -0.03em; line-height: 1.25em; margin-bottom: 0.25em; font-variant: small-caps; color: #7f7f7f; }
h1 a:hover { border-bottom:1px dotted #444; }

.blackbar { font:13px/1.5 "Lucida Grande", "Lucida Sans Unicode", sans-serif; background-color:#000; color:#e8e7ff; }
.blackbar a { text-decoration:none; color:#e8e7ff; }
.blackbar a:hover { border-bottom:1px solid #e8e7ff; }
.blackbar a:visited { color:#bbb8ff; }

#comments { padding:0.15em 0.5em; background-color: #333; }
#comments, #searchbar { margin-bottom:1.5em; }
.commentline { font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0 0 1em; }
.commentline a { padding: 0.75em 0; }
.commentline a:hover { background-color: #ffc; }

/* Byline breadcrumbs */
.byline:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.byline{display:inline-block}
* html .byline{height:1%}
.byline{display:block}

.byline { background-color: #333; margin-bottom: 1.5em; }
.byline a, .byline a:visited { text-transform: uppercase; display:block; float:left; color:#eee; background-color: #666; padding: 0.15em 1em; }
.byline a:hover { background-color: #c0504d !important; color:#fff !important; border-bottom: none; }
.byline a[rel~=category], .byline a[rel~=tag], .byline a[rel~=parent] { color:#fff; background-color: #999; }
.byline a.date { background-color: #ccc; color:#000; }
.byline a.post-edit-link { background-color:inherit; color:inherit; }

/* .navigation { text-align:center; } */
.navigation .alignleft, .navigation .alignright { display:inline; }
.navigation { text-align:left; position:relative; }
.navigation .alignright { position:absolute; right:0; }
.commentnavigation { text-align:center; }
.commentnavigation .current { color: #8f8; font-weight: bold; }

.about { text-align: right; }

#anand-photo { float:left; margin-right:1em; }

#respond { margin-bottom: 1.5em; }
#respond p { margin-bottom:0; font-size:13px; }
#respond input[type="text"], #respond textarea { border:1px inset #e8e7ff; background-color:#e8e7ff;  margin-top:0.5em; font:inherit; }
#respond textarea { width:100%; }
#respond #submit { background-color:#e8e7ff; }
#commentform { margin-top:1em; }
li.comment, li.pingback, li.trackback { position:relative; }
.comment-author { color:#c0504d; border-bottom: 1px dotted #ccc; }
.commentmetadata { position:absolute; right:0; top:0; text-transform: lowercase; }
.commentmetadata a { text-decoration: none; }

#sidebar h2, #sidebar h3 { font-size:100%; font-weight: bold; }
#sidebar li { list-style:none; margin-left:0; }

.bottom { margin-top: 1em; }
.menubar { margin: 1em 0; font-size: 15px; }
#footer { font-size:12px; margin-top:1em; padding:0.5em; }
#footer li { list-style:none; margin-left:0;  }
#footer h2 { color:#c0504d; margin-bottom:0.5em; text-transform:uppercase;}
#footer li.imglist { display:inline; }

.blog-title h1 { line-height:1; text-transform:uppercase; }
.home-links { font:13px/1.5 "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.home-links h2 { color:#c0504d; }
.home-links a { text-decoration:none; }
.home-links .post-title, .home-links .more, .home-links h2 { text-transform:uppercase; }
.home-links .post-date { float:right; margin-left:1em; }
.home-links .post { border-bottom:1px solid #ccc; padding:0.3em 0; }
.home-links .icon-rss { float:right; margin-top:10px; }
.home-links #tweets .post { text-transform:none; }
#recent-media { height: 176px; overflow: hidden; }
#recent-media img { height: 160px; }
#recent-media .item { float:left; margin-right:4px; }

dl dt { font-style: italic; }
dl dd { padding-left: 1em; }
input { font:inherit; }
blockquote { font-style:italic; background-color:#eee; border: 1px solid #ddd; padding: 0.75em 1em; margin-bottom:1em; }
blockquote > *:last-child { margin-bottom: 0; }

th      { vertical-align: bottom; }
td, th  { text-align: left; padding-right: 1em; }
.numbers td, .numbers th,
td.numbers, th.numbers      { text-align: right; padding-left: 1em; }
table.lines td              { border-bottom: 1px solid #e8e7ff; border-top: 1px solid #e8e7ff; }
table.lines th              { border-bottom: 1px solid #e8e7ff; }
tfoot *, thead *, th        { font-weight: bold; }

input.quizIn    { background-color: #e8e7ff; border: 1px solid #ccf; margin-bottom: 2px; }

.icon { float:left; margin: 4px 4px 0 0; text-indent: -1000px; }
.icon-rss, .icon-friendfeed, .icon-google, .icon-linkedin, .icon-twitter, .icon-delicious, .icon-facebook, .icon-flickr, .icon-technorati, .icon-slideshare, .icon-bitbucket, .icon-github, .icon-email, .icon-home, .icon-stop, .icon-add, .icon-go, .icon-close, .icon-star { background: url('/i/icons-v3.png') no-repeat; height: 16px; width:16px; vertical-align: bottom; border: 0; }
.icon-rss        { background-position:    0px 0; }
.icon-friendfeed { background-position:  -16px 0; }
.icon-google     { background-position:  -32px 0; }
.icon-linkedin   { background-position:  -48px 0; }
.icon-twitter    { background-position:  -64px 0; }
.icon-delicious  { background-position:  -80px 0; }
.icon-facebook   { background-position:  -96px 0; }
.icon-flickr     { background-position: -112px 0; }
.icon-technorati { background-position: -128px 0; }
.icon-slideshare { background-position: -144px 0; }
.icon-bitbucket  { background-position: -160px 0; }
.icon-github     { background-position: -176px 0; }

.icon-email { background-position:    0px -16px; }
.icon-home  { background-position:  -16px -16px; }
.icon-stop  { background-position:  -32px -16px; }
.icon-add   { background-position:  -48px -16px; }
.icon-go    { background-position:  -64px -16px; }
.icon-close { background-position:  -80px -16px; }
.icon-star  { background-position:  -96px -16px; }


/* http://wordpress.org/extend/plugins/wp-syntax/ */
.wp_syntax {
  color: #100;
  /* background-color: #E8E7FF; */
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
  margin: 0;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #bbb;
  color: #fff;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
}
