/**
 * Default CSS
 *
 * Copyright © Philip Newborough.
 * <mail AT philipnewborough dot co dot uk>
 * 
 * Description
 *
 * This is the default style sheet for crunchbang.org. It contains
 * elements from Blueprint 0.6 CSS framework:
 * http://code.google.com/p/blueprintcss/
 */
/* -------------------------------------------------------------- 
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1.6; background: #fff; margin:1.5em 0; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* -------------------------------------------------------------- 
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body {font-size:75%;}
body {font-size:12px;}
/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
body { 
  color: #31353a; 
  font-family: sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #31353a; 
  font-family: sans-serif; 
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }
blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
/* Tables
-------------------------------------------------------------- */
table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 
/* Some default classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.hide       { display: none; }
.curses       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* -------------------------------------------------------------- 
   Custom CSS
   * Defines styles specific to crunchbang.org
-------------------------------------------------------------- */
/* Set html and body styles 
---------------------------------------------------------------*/
html,body   {margin:0px;padding:0px;background:#fff url(images/page-bg.gif) repeat-x;}
/* Links 
---------------------------------------------------------------*/
a               {color:#000;text-decoration:none;border-bottom:1px solid #babdb6;outline: none;}
a:visited       {color:#000;text-decoration:none;}
a:hover         {color:#fff;text-decoration:none;background:#31353a;border-bottom:1px solid #31353a;}
a.none          {color:#000;text-decoration:none;border-bottom:0;}
a.none:visited  {color:#000;text-decoration:none;}
a.none:hover    {color:#fff;text-decoration:none;background:#31353a;}

.tagcloud{line-height:1.875em;}
a.tagcloud1, a:visited.tagcloud1{ text-decoration:none; font-size:100%;margin:80px 20px 0 0;}
a:hover.tagcloud1 { text-decoration:underline; font-size:100%;margin:80px 20px 0 0;}
a.tagcloud3, a:visited.tagcloud3 { text-decoration:none; font-size:125%;margin:80px 20px 0 0;}
a:hover.tagcloud3 { text-decoration:underline; font-size:125%;margin:80px 20px 0 0;}
a.tagcloud6, a:visited.tagcloud6  { text-decoration:none; font-size:155%;margin:80px 20px 0 0;}
a:hover.tagcloud6 { text-decoration:underline; font-size:155%;margin:80px 20px 0 0;}
a.tagcloud10, a:visited.tagcloud10 { text-decoration:none; font-size:205%;margin:80px 20px 0 0;}
a:hover.tagcloud10 { text-decoration:underline; font-size:205%;margin:80px 20px 0 0;}
a.tagcloud18, a:visited.tagcloud18 { text-decoration:none; font-size:245%;margin:80px 20px 0 0;}
a:hover.tagcloud18 { text-decoration:underline; font-size:245%;margin:80px 20px 0 0;}
a.tagcloud28, a:visited.tagcloud28 { text-decoration:none; font-size:285%;margin:80px 20px 0 0;}
a:hover.tagcloud28 { text-decoration:underline; font-size:285%;margin:80px 20px 0 0;}
a.tagcloud40, a:visited.tagcloud40 { text-decoration:none; font-size:345%;margin:80px 20px 0 0;}
a:hover.tagcloud40 { text-decoration:underline; font-size:345%;margin:80px 20px 0 0;}
a.tagcloud52, a:visited.tagcloud52 { text-decoration:none; font-size:395%;margin:80px 20px 0 0;}
a:hover.tagcloud52 { text-decoration:underline; font-size:395%;margin:80px 20px 0 0;}
/* Additional copy classes
---------------------------------------------------------------*/
h1            {text-transform:uppercase;margin-bottom:20px;letter-spacing:1px;}
.error        {color:#FFF;background:#C00;font-weight:bold;padding:1px;margin-bottom:5px;}
.timestamp    {font-size:11px;}
hr            {border:none 0;border-top:1px solid #babdb6;margin-bottom:20px;height:1px;clear:both;}
pre           {border:1px dashed #babdb6;padding:10px;background:#fafaf7;
               padding: 6px 3px 13px 3px;	/* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */
	           text-align: left; /* override justify on body */
	           overflow: auto; /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
	           white-space: nowrap;	/* prevent line wrapping */
	           margin-top: 6px;
               margin-bottom: 6px; /* prevent vertical scroll bar in case of overflow */}
/* Div classes
---------------------------------------------------------------*/
.container          {width:960px;margin:auto;}
div#header          {height:40px;}
.content            {width:670px;float:left;}
.content-fullwidth  {width:960px;float:left;}
.post               {padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #babdb6;}
.sidebar            {width:200px;float:right;padding-bottom:70px;}
.adminfooter        {clear:both;width:100%;padding-top:30px;}
.footer             {clear:both;width:100%;padding-top:30px;}
div#usercomments    {}
/* Page Header
---------------------------------------------------------------*/
div#header h1        {display:none;}
/* Content Area
---------------------------------------------------------------*/
.content h2                             {}
.content h3                             {}
.content h3.archivesheader              {margin-top:20px;margin-bottom:10px;}
.content h4.recentchanges               {font-weight:bold;margin-top:20px;margin-bottom:10px;}
.content h4.alphalist                   {font-weight:bold;margin-top:20px;margin-bottom:10px;}
.content p                              {margin-left:10px;}
.content p.breadcrumbs                  {font-size:11px;margin-left:0px;margin-bottom:40px;}
.content ul.more                        {margin:0;padding:0;list-style:none;margin-top:20px;margin-bottom:20px;}
.content ul.more li                     {margin-left:10px;}
.content h1.tagintro                    {text-transform:uppercase;margin-bottom:5px;letter-spacing:1px;}
.content h1.monthlyintro, h1.archives   {text-transform:uppercase;margin-bottom:50px;letter-spacing:1px;}
.content-fullwidth pre                  {border:1px dashed #babdb6;padding:10px;background:#fafaf7;
                                         padding: 6px 3px 13px 3px;	/* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */
	                                     text-align: left; /* override justify on body */
	                                     overflow: auto; /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
	                                     white-space: nowrap;	/* prevent line wrapping */
	                                     margin-top: 6px;
                                         margin-bottom: 20px; /* prevent vertical scroll bar in case of overflow */}
.content ul.tweets {clear:both;margin:0;padding:0;list-style:none;margin-top:30px;margin-bottom:20px;}
.content ul.tweets li{
    height:150px;padding-left:110px;padding-top:20px;padding-right:15px;
    margin-bottom:15px;font-size:14px;
    background:url(images/tweet-bg.png) 0px 0px no-repeat;
}
.content ul.tweets li .tweetmeta        {font-weight:normal;color:#babdb6;font-size:10px;}
.searchResults li {margin-bottom:10px;}
.searchResults .meta {font-size:11px;}
/* Message holder
---------------------------------------------------------------*/
.message             {
                     text-align:center;padding:10px;margin-bottom:40px;border:2px solid #babdb6;
                     background:#31353a;color:#fff;font-weight:bold;
                     }
.message a           {color:#fff;border-bottom:1px solid #fff;}
.message a:hover     {color:#31353a;border-bottom:1px solid #fff;background:#fff;}
/* Post Holders
---------------------------------------------------------------*/
.post h2            {margin-top:10px;margin-bottom:10px;}
.post h2 a          {border:0;color:#31353a;}
.post h2 a:hover    {border:0;color:#fff;}
.post h3.elsewhere  {margin-top:10px;margin-bottom:10px;}
.post h3.elsewhere a {border:0;color:#31353a;}
.post h3.elsewhere a:hover {border:0;color:#fff;}
.post h3            {}
.post p             {}
.post .meta         {font-size:11px;margin-left:0px;margin-top:15px;margin-bottom:20px;}
.post li            {margin-left:10px;}
.post ul            {}
.post pre           {border:1px dashed #babdb6;padding:10px;background:#fafaf7;
                     padding: 6px 3px 13px 3px;	/* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */
	                 text-align: left; /* override justify on body */
	                 overflow: auto; /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
	                 white-space: nowrap;	/* prevent line wrapping */
	                 margin-top: 6px;
	                 margin-left: 10px;
                     margin-bottom: 20px; /* prevent vertical scroll bar in case of overflow */}
.post blockquote    {
                    padding-left:5px;border-left:2px solid #5E5C5B;
                    font: italic 1em Georgia, "lucida bright", "times new roman", serif;
                    line-height:1.4em;color:#5E5C5B;
                    }
/* Sidebar
---------------------------------------------------------------*/
/*.sidebar a.home             {
                            display:block;border:0;text-indent:-9999px;
                            width:200px;height:100px;margin-bottom:10px;
                            background:url(images/logo-v11.gif) 0px 0px no-repeat;
                            }*/
.sidebar a.home             {
                            display:block;border:0;text-indent:-9999px;
                            width:200px;height:24px;margin-bottom:10px;
                            background:url(images/logo-v15.gif) 0px 0px no-repeat;
                            }
.sidebar a:hover.home       {
                            display:block;border:0;text-indent:-9999px;
                            width:200px;height:24px;margin-bottom:10px;
                            background:url(images/logo-v15.gif) 0px -24px no-repeat;
                            }
.sidebar ol.menu            {margin:0;padding:0;list-style:none;margin-bottom:20px;display:block;float:left;}
.sidebar ol.menu li         {width:200px;text-transform:uppercase;letter-spacing:2px;font-weight:normal;clear:left;}
.sidebar ol.menu a          {border:0;}
.sidebar ol.wikimenu        {margin:0;padding:0;list-style:none;margin-bottom:0px;display:block;float:left;}
.sidebar ol.wikimenu li     {width:185px;margin-left:10px;margin-bottom:2px;padding-left:5px;border-left:2px solid #31353a;text-transform:uppercase;letter-spacing:2px;font-weight:normal;}
.sidebar ol.wikimenu a      {border:0;}
a.current                   {padding:1px;color:#fff;background:#31353a;}
.sidebar h3                 {clear:both;margin-bottom:10px;padding-top:10px;}
.sidebar ul.archives        {margin:0;padding:0;list-style:none;margin-bottom:20px;}
.sidebar ul.archives li     {}
.sidebar ul.archives a      {border:0;}
.sidebar ul.tags            {margin:0;padding:0;list-style:none;margin-bottom:20px;}
.sidebar ul.tags li         {letter-spacing:1px;font-weight:normal;margin-bottom:10px;}
.sidebar a.rss              {
                            clear:both;float:left;display:block;border:0;text-indent:-9999px;
                            width:23px;height:23px;margin-bottom:20px;
                            background:url(images/rss.gif) 0px 0px no-repeat;
                            }
.sidebar a:hover.rss        {
                            float:left;display:block;border:0;text-indent:-9999px;
                            width:23px;height:23px;margin-bottom:20px;
                            background:url(images/rss.gif) 0px -23px no-repeat;
                            }
.sidebar a.twitterbutton    {
                            float:left;display:block;border:0;text-indent:-9999px;
                            width:32px;height:23px;margin-bottom:20px;margin-left:10px;
                            background:url(images/twitter-button.gif) 0px 0px no-repeat;
                            }
.sidebar a:hover.twitterbutton{
                            float:left;display:block;border:0;text-indent:-9999px;
                            width:32px;height:23px;margin-bottom:20px;margin-left:10px;
                            background:url(images/twitter-button.gif) 0px -23px no-repeat;
                            }
.sidebar a.elsewherebutton     {
                            float:left;display:block;border:0;text-indent:-9999px;
                            width:32px;height:23px;margin-bottom:20px;margin-left:10px;
                            background:url(images/elsewhere-button.gif) 0px 0px no-repeat;
                            }
.sidebar a:hover.elsewherebutton{
                            float:left;display:block;border:0;text-indent:-9999px;
                            width:32px;height:23px;margin-bottom:20px;margin-left:10px;
                            background:url(images/elsewhere-button.gif) 0px -23px no-repeat;
                            }
.sidebar .donatehosting     {clear:both;float:left;margin-top:150px;}
.sidebar img.ossdeckad      {clear:both;float:left;margin-top:150px;}
.sidebar a.ossdeckimg       {border: 0px solid transparent;}
.sidebar a.ossdeckimg:hover {border: 0px solid transparent;}
.sidebar a:hover.ossdeckimg {border: 0px solid transparent;background:transparent;}
.sidebar p.ossdeckcopy      {clear:both;float:left;font-size:90%; margin-top:10px;letter-spacing: normal;line-height:1.4em;width:160px;}
/* User commments
---------------------------------------------------------------*/
div#usercomments h3                     {margin-bottom:30px;}
div#usercomments h3.addcomment          {margin-top:40px;margin-bottom:10px;}
div#usercomments p                      {}
div#usercomments .commentmetadata       {font-size:.8em;padding-left:10px;}
div#usercomments                        {clear:both;padding-top:30px;}
div#usercomments li                     {}
div#usercomments li.comment             {margin-bottom:20px;border-bottom:1px solid #babdb6;}
div#usercomments li.comment blockquote  {
                                        padding-left:5px;border-left:2px solid #5E5C5B;
                                        font: italic 1em Georgia, "lucida bright", "times new roman", serif;
                                        line-height:1.4em;color:#5E5C5B;
                                        }
div#usercomments pre                    {background:#fafaf7;border:1px dashed #babdb6;padding:10px;margin-left:10px;}
div#usercomments form                   {margin-top:30px;}
div#usercomments input                  {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
div#usercomments input:focus            {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
div#usercomments input.butt             {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;}
div#usercomments textarea               {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
div#usercomments textarea:focus         {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
div#usercomments textarea.fw            {width:100%;}
div#usercomments textarea.comments      {width:100%;}
div#usercomments input.comments         {width:250px;}
div#usercomments li.comment ul          {}
div#usercomments li.comment li          {}
/* Contact form
---------------------------------------------------------------*/
.contactform input          {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
.contactform input:focus    {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
.contactform input.butt     {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;}
.contactform textarea       {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
.contactform textarea:focus {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
/* Write and Edit form
---------------------------------------------------------------*/
div#writeEditForm input.txt         {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
div#writeEditForm input.txt:focus   {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
div#writeEditForm input.butt        {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;}
div#writeEditForm textarea          {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
div#writeEditForm textarea:focus    {color:#31353a;font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:100%;}
/* Main search form
---------------------------------------------------------------*/
.searchForm                   {margin-bottom:30px;}
.searchForm input.q           {font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:80%;}
.searchForm input.q:focus     {font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:80%;}
.searchForm input.butt        {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;}
/* Sidebar search form
---------------------------------------------------------------*/
.sidebarSearchForm                   {margin-bottom:20px;}
.sidebarSearchForm input.q           {font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:148px;margin-bottom:2px;}
.sidebarSearchForm input.q:focus     {font:normal 100% monospace;background:#fff;border:1px solid #31353a;width:148px;margin-bottom:2px;}
.sidebarSearchForm input.butt        {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;width:150px;}
/* Login form
---------------------------------------------------------------*/
.icli                   {margin-bottom:30px;}
.icli input.icli           {font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
.icli input.icli:focus     {font:normal 100% monospace;background:#fff;border:1px solid #31353a;}
.icli input.butt        {font:bold 100% monospace;border:1px solid #31353a;background:#31353a;color:#fff;}

/* Footer
---------------------------------------------------------------*/
.footer p{font-size:.9em;text-align:center;margin-bottom:50px;}
/* Misc stuff
---------------------------------------------------------------*/
img.photo {float:left; padding-right:20px;padding-bottom:10px;}
/**
 * The End.
 */
