/*
THEME NAME: The Whitespace Nation
THEME URI: http://playworkplay.com/blog/the-whitespace-nation-theme-for-wordpress/
DESCRIPTION: A fast-loading, dark WordPress theme with generous attention to whitespace. This theme is built on top of <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox Theme</a>, with all its glorious awesomeness. If you can read this, then you have successfully do the necessary step of uploading Sandbox theme first before activating this theme. Thank you for using it, and have fun!
AUTHOR: Hafiz Rahman
AUTHOR URI: http://playworkplay.com/blog/
TEMPLATE: sandbox
*/

/* Eric Meyer's Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content

  Taken and modified from Sandbox's 2c-r.css

*/
div#container {
  float: left;
  margin: 0 -400px 0 0;
  width: 100%;
}
div#content {
  margin: 0 400px 0 0;
}
div.sidebar {
  float: right;
  overflow: hidden;
  width: 320px;
}
div#secondary {
  clear: right;
}
div#footer {
  clear: both;
  width: 100%;
}

/* General Style */

body {
  background: #333;
  color: #bbb;
  font-family: "Lucida Grande", verdana, arial, sans-serif;
  font-size: 62.5%;
  margin: 0 auto;
  padding: 11em 0 0 0;
  width: 960px;
  position: relative;
}
div.clearer {
  clear: both;
}


/* Stylings */

#header {
  padding: 5em 0;
}

#header h1 {
  text-align: center;
}

#header h1 a {
  font: bold 4em Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  letter-spacing: -2px;
  color: #fff;
}

#blog-description {
  text-align: center;
  font: italic 1.25em Georgia, serif;
}

.skip-link {
  display: none;
}

#menu {
  border-bottom: 1px solid #7d7d7d;
  float: left;
  width: 100%; 
  margin-top: 3em; 
  margin-bottom: 1em;
}

#menu ul {
  float: left;
}

#menu ul li {
  display: block;
  float: left;
  padding: 1.5em 2.5em;
  margin-bottom: -1px;
  margin-left: 1em;
}

#menu ul li.current_page_item {
  border-bottom: 1px solid #fff;
  _border-bottom-width: 2px;
  background: transparent url("images/plus.gif") right no-repeat;  
}

#menu ul li a {
  font: 1.1em Georgia, serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

.post {
  margin: 0 0 3em 0;
  padding: 2em 0em;
  border-bottom: 1px solid #444;
  padding-bottom: 1em;
}

.entry-title {
  font: bold 2.25em arial, "lucida grande", georgia, helvetica, arial, verdana, sans-serif;
  padding-top: 0.5em;
  margin: 0 0 0.25em 10px;
  letter-spacing: -1px;
  color: #fff;
}

.page .entry-title {
  margin-top: 0.5em;
}

.page #content {
  border-bottom: 1px solid #444;
}

#nav-above {
	display: none;
}

#nav-below {
	padding-bottom: 3em;
}

.navigation a {
  text-decoration: none;
  color: #fff;
}

.entry-title a {
  text-decoration: none;
  color: #fff;
}

h2.page-title {
  font-size: 1.2em;
}

h2.page-title a {
  text-decoration: none;
  color: #fff;
}

.entry-date {
  font: 1em arial, helvetica, serif;
  text-transform: uppercase;
  margin-bottom: 2.5em;
  margin-left: 10px;  
}

.entry-meta {
  font: 1em arial, helvetica, serif;
  text-transform: uppercase;
  color: #ddd;
  margin-top: 3em;
  border-top: 1px solid #444;
  padding: 1em 2em 0 2em;
  line-height: 175%;
}

.entry-meta a {
  color: #fff;
}

.entry-content {
  margin: 1.5em 4em 1.5em 3em;
  font: 1.2em "Lucida Grande", georgia, serif;
  line-height: 200%;
}

.entry-content a {
  color: #ddd;
}

.entry-content a.more-link {
  font: 0.75em arial, helvetica, serif;
  text-transform: uppercase;
}

#menu ul ul {
  display: none;
}

div#content, div.sidebar {
  padding-top: 1.5em;
}

#primary {
  margin-top: 1em;
}
.sidebar {
  font-size: 1em;
  padding: 1.5em 2em 0 0;
  line-height: 175%;
}

.sidebar h3 {
  font: 1.2em Georgia, serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #c0c0c0;
  padding: 0 0 0.5em 0.5em;
}

.sidebar ul li {
  margin: 2em 0 4em 0;
}

.sidebar ul ul li {
  margin: 1em 0 0 0.75em;
  background: transparent url("images/plus.gif") left 0.65em no-repeat;
  padding-left: 1.25em;
}

.sidebar a {
  color: #fff;
  text-decoration: none;
}


#footer {
  border-top: 1px solid transparent;  
  font: 1.1em Georgia, serif; 
  padding: 1.5em 1em 0 1em;
  text-transform: uppercase;
  background: transparent url("images/plus.gif") right 1.5em no-repeat;
  margin: 3em 0 1em 0;
  width: 100%;
  color: #fff;
  border-top: 1px solid #7b7b7b;
}

#footer a {
  text-decoration: underline;
  color: #fff;
}

/* -= Various Basic tag stylings

*/

select {
  font: 1.1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  background: #333;
  color: #c0c0c0;
  border: 1px solid #444;
  margin: 0.5em 0;
  width: 80%;
}

p {
  margin: 1.5em 0;
}

.textwidget {
  line-height: 200%;
  margin: 0.5em 1.5em;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.entry-content a {
  text-decoration: underline;
}

.entry-content blockquote {
  margin-left: 1.5em;
  padding: 0 1em;
  border-left: 1px solid #7b7b7b;
  font-size: 0.9em;
  color: #eee;
}

.entry-content blockquote blockquote {
  font-size: 1em;
}

.entry-content ol, .entry-content ul {
  margin-left: 3em;
  margin-bottom: 1em;
}

.entry-content ul li {
  list-style-type: disc;
}

.entry-content ol li {
  list-style-type: decimal;
}

/* Comments */
#comments {
  margin-top: 7em;
  clear: both;
}

#comments a {
  color: #fff;
}

#comments h3 {
  font: bold 1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #444;
  padding: 0.75em 0;
}

#comments ol li {
  padding: 1.5em 1.5em;
  font-size: 1.2em;
  line-height: 150%;  
  border-bottom: 1px solid #444;
  margin-bottom: 1em;  
}

.bypostauthor {
  background: #444;
}

.comment-author {
  font: 1.25em "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
  color: #fff;
  margin: 0.5em 0;
}

.comment-meta {
  font: 0.8em arial, Georgia, serif; 
  text-transform: uppercase;
  margin-bottom: 2em;
  padding-left: 1em;
}

.comment p {
  padding-left: 1em;
}

.alignright, .nav-next {
  float: right;
}
.alignleft, .nav-previous {
  float: left;
}

form#searchform {
  margin: 0 0 10px 0;
  padding: 5px 3px;
  text-align: center;
}
.sidebar form#searchform #s {
  width: 70%;
  padding: 0.5em 0.5em;
  font: 1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  border: 1px solid #555;
  background: transparent;
  color: #fff;
}
.sidebar form#searchform #searchsubmit {
  padding: 0.4em 1.5em;  
  font: 1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  border: 1px solid #555;
  background: #444;
  color: #ddd;
}

#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 90%;
}
#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}
#wp-calendar td {
  text-align: center;
  padding: 3px 0;
}
#wp-calendar td.pad:hover {
  background: #fff;
}
acronym,abbr {
  border-bottom: 1px dotted #999;
}

.entry-date abbr {
  border-bottom: none;
}

#commentform {
  margin-bottom: 7em;
}

.form-input, .form-label, .form-textarea {
  width: 85%;
  _width: auto;  
  font: 1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  border-bottom: 1px solid #555;
  color: #fff;
}

.form-label {
  border-width: 0;
  margin: 0;
  font-size: 1.2em;
  padding-top: 1em;
}

.form-input, .form-textarea {
  padding-bottom: 1em;
}

.form-input input, .form-textarea textarea {

  padding: 0.5em 0.5em;
  width: 80%;
  font: 1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.form-submit input {
  padding: 0.4em 1.5em;  
  font: 1em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  border: 1px solid #555;
  background: #444;
  color: #ddd;
  margin-top: 1em;
}