/*
Colours
1:	#005C96		Base blue
2:	#162D3B		Dark blue
3:	#1794E2		Light blue
4:	#52512C		Khaki
5:	#B0741F		Ochre-ishlink

6:	#EDD1D1		Pastel pink
7:	#162D3B		Dark blue

9:	#E3E1A1		Lemon
*/

body{ font-family: 'Droid Sans', arial, sans-serif; font-size:0.8em; color:#555; background:#d5b274 url(../images/grass_bg.jpg) repeat-x;}

h1,h2,h3,h4 {font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:300; color:#373;}
h1 {font-size:3.4em;}
h2 {font-size:2.2em; margin-left:-2px;}
h3 {font-size:1.7em;}
h4 {font-size:1.5em;}

a {color:#575;}
a:hover {color:#363;}
code {display:block; border:solid 1px #bbb;padding:5px;overflow:auto;}

.white_tint {background:url(../images/white_tint.png);}
.black_tint {background:url(../images/black_tint.png);}
.clearer { clear:both; height:1px;}

a.obvious { background:#eee url(../images/icons/link.png) no-repeat 2px 2px; padding-left:16px; text-decoration:underline; }
ul.tags li.last { clear:both; }

#content { min-height:600px; padding:20px 40px;}
#content .home { margin:0; padding-bottom:20px; }
#content .highlight { border: solid 1px #52512C; margin:20px 0; padding:10px; overflow:auto; }
#content .inline_tag_list {margin-top:20px;}
#content .pbholder { padding:5px 5px 0 0; }
#content .pbholder label { text-align:left;width:30px; }
#content .filler_options {vertical-align:middle;}

#content.ad_page { width:510px; min-height:600px; }

#content ul { padding-bottom:10px; }
#content div { margin:15px 0; }
#content label { display:inline-block; width:75px; vertical-align:top; text-align:right; padding:6px 10px 0 0; color:#797; }
#content input { width:300px; margin-bottom:3px; }
#content input.pburl { width:515px; }
#content textarea { font-family:arial, sans-serif; font-size:1.1em; width:300px; height:250px;}

#content p { margin-bottom:5px; line-height:1.5em; }
#content p.note { font-style:italic; color:#005c96; background:#eee url(../images/icons/note.png) no-repeat 3px 5px; padding:3px 3px 3px 23px; margin:5px 0;}
#content p.info { font-style:italic; color:#005c96; background:#eee url(../images/icons/info.png) no-repeat 3px 4px; padding:3px 3px 3px 23px; margin:5px 0;}
#content p.warning { font-style:italic; color:#005c96; background:#eee url(../images/icons/warning.png) no-repeat 3px 4px; padding:3px 3px 3px 23px; margin:5px 0;}
#content p.text { font-style:italic; color:#005c96; background:#eee url(../images/icons/text.png) no-repeat 3px 4px; padding:3px 3px 3px 23px; margin:5px 0;}
#content p.left { background:url(../images/icons/left.png) no-repeat 3px 5px; padding:5px 0 0 23px; }
#content p.hilite {font-weight:lighter; font-style:italic; font-size:1.35em; padding-bottom:5px; margin-left:-2px; }
#content p.meta { font-style:italic; color:#ccc; text-align:right; }

#content ul { list-style-image:url(../images/icons/bullet.png); list-style-type:disc; margin-top:10px; }
#content ul li a { padding:1px 0 2px 0; }

#content a.button { display:inline-block; border:solid 1px #aaa; padding:5px 8px 4px 26px; margin:10px 0; color:#52512C; line-height:1em;}
#content a.button:hover { text-decoration:none; color:#B0741F; border-left:solid 1px #888; border-bottom:solid 1px #888; border-top:solid 1px #ccc; border-right:solid 1px #ccc; }
#content a.add { background:#eee url(../images/icons/add.png) no-repeat 3px 3px; }
#content a.save { background:#eee url(../images/icons/save.png) no-repeat 3px 4px; }
#content a.email { background:#eee url(../images/icons/email.png) no-repeat 4px 5px; }
#content a.go { background:#eee url(../images/icons/go.png) no-repeat 2px 3px; }

.pastebin ul li { padding:5px 0; }


/* markdown styles */
.md h3 { margin:0; }
.md ul { margin-top:0; }
.md ul li { list-style-image:none; margin:0; padding:0;}


/* Main Nav */
#left_col { padding:20px 10px; margin-bottom:50px; }
.side_nav { padding:0px 0 0px 5px; margin-bottom:10px; clear:both; border-bottom:solid 1px #ccc; }
.side_nav h3 { margin:0 0 8px -8px; color:white;}
.side_nav h4 { margin:8px 0 5px -3px; }
.side_nav ul { list-style-type:none; margin:0.5em 0;}
.side_nav div.tweets { clear:both; padding-right:10px; margin-left:-5px; }
.side_nav div.tweets p { padding:0 5px 10px 0px; color:#dfd; overflow:hidden; }
.side_nav div.tweets p .date { display:block; color:#cec; font-style:italic; text-align:right; }
.side_nav .tags { margin-bottom:15px; }
.side_nav .tags a { background-color:#686; padding:1px 3px; margin-bottom:5px; line-height:1.8em; }
.side_nav a {text-decoration:none; color:#d1ffa0;}
.side_nav a:hover {text-decoration:underline;}
.side_nav p { padding-bottom:3px; }
.side_nav li.icon { width:140px; padding-right:35px; padding-top:3px; height:32px; }
.side_nav li.flickr { background:url(../images/icons/flickr_32.png) top right no-repeat; }
.side_nav li.linkedin { background:url(../images/icons/linkedin_32.png) top right no-repeat; }
.side_nav li.twitter { background:url(../images/icons/twitter_32.png) top right no-repeat; }
.side_nav li.posterous { background:url(../images/icons/posterous_32.png) top right no-repeat; }
.side_nav li.bitbucket { background:url(../images/icons/bitbucket_32.png) top right no-repeat; }

#tag_container { background:#334a33;}
#tag_container a { text-decoration:none; color:#fff;}
#tag_container li { list-style-type:none; list-style-image:none;}
ul#sub_nav { clear:both; height:50px; }
ul#sub_nav li { float:left; list-style-image:none; list-style-type:none; list-style-position:outside; padding:0 30px; }

.logo { padding:0 0 15px 0; }

#rightcol { width:120px; margin:5px 5px 5px 20px;  float:right; }

#content .form label { font-family:Arial, san-serif; padding-top:5px 10px 0 0; }
#content .form input { width:420px; border:solid 1px black; }
#content .form textarea { width:410px; height:100px; margin-bottom:5px; border:solid 1px black; }
#content .form select { width:420px; margin-bottom:5px; border:solid 1px black; }
#content .form a { text-decoration: none; }
#content .form p.submit { padding:0 0 0 245px; text-align:left; }
#content .form p.submit input { width: 75px; }
#content .form .buttonholder { width:499px; text-align:right; }

#comments { background-color:#f2f0c4; padding:10px; }
#comments .date { color:#666; text-align:right; }

#comments_form { width:600px; }
#comments_form input { width:400px; background-color:#ffffff; border-top:none; line-height:20px; height:20px; border-left:none; border-right:none; border-bottom:solid 1px #aaa; }
#comments_form textarea { width:400px;background:url(../images/textarea.gif); height:100px; line-height:20px; border:none; margin-bottom:20px; }
#comments_form label { width:150px; font-family:Arial, sans-serif; padding:4px 10px 0 0;}
#comments_form #id_honeypot { display:none; }
#comments_form label[for="id_honeypot"] { display:none; }
#comments_form .submit-post { width:75px; margin-left:165px; text-align:center; border:solid 1px #162d3b; height:20px; }
#comments_form p { margin:0px; }

#footer { position:fixed; bottom:0px; left:0px; background:white; width:100%; z-index:1000; -moz-box-shadow: 0px -1px 10px #000; -webkit-box-shadow: 0px -1px 10px #000; box-shadow: 0px -1px 10px #000;}
#footer .fleft { float:left; width:400px; margin-left:10px;}
#footer .fright { float:right; width:400px; margin-right:10px; text-align:right;}