/*
Theme Name: RasaBoxes
Theme URI: http://rasaboxes.org/
Description: Custom WordPress theme for RasaBoxes.
Version: 0.1
Author: Dtek Digital Media and Bad Feather
Author URI: http://dtek.net/
Tags: 

	Theme by Dtek Digital Media
	 http://dtek.net/

	Design by Bad Feather
	 http://badfeather.com/

*/


/* main layout elements
 +------------------------------------------------------------------------+
 */

body {
  margin: 0;
  padding: 0;
  background: url(img/page-bg.png) repeat-x #262626;
}

#container {
  width: 870px;
  margin: 0 auto;
  padding: 0 0 0 10px;
  background-color: #262626;
}

#header {
  position: relative;
  height: 93px;
  background-color: #ee1d25;
  margin: 0 10px 0 0;
}

#main {
  overflow: hidden;
  margin: 10px 0 0 0;
}
body.front #main, body.sidebarpage #main {
  background: url(img/main-bg.png) repeat-y;
}

#front-photos {
  overflow: hidden;
  margin: 10px 0 0 0;
}

#content {
  float: left;
  width: 570px;
  margin: 0 10px 0 0;
  padding: 0;
}
body.fullpage #content {
  float: none;
  width: 860px;
  margin: 0;
}
body.fullpage div.post, body.sidebarpage div.post {
  min-height: 300px;
}

div.post, div.comment-block {
  margin-bottom: 10px;
  padding: 1.5em 30px;
  background-color: #fff;
  overflow: hidden;
}
body.front div.post {
  margin-bottom: 0;
  background-color: none;
}

#sidebar {
  float: right;
  width: 280px;
  margin: -10px 10px 0 0;
  padding: 0;
}
body.sidebarpage #sidebar {
  margin-bottom: -10px;
}

div.block {
  margin-bottom: 10px;
  padding: 1em 20px;
  background-color: #000;
}
div.block-hot {
  background-color: #EC1C24;
}

body.front #sidebar div {
  margin: 10px 0 0 0;
}

#footer {
  position: relative;
  margin: 0 10px 0 0;
  padding: 20px;
  background-color: #000;
  min-height: 60px;
}
body.front #footer, body.sidebarpage #footer {
  margin-top: 10px;
}


/* logo & navigation
 +------------------------------------------------------------------------+
 */

h5 {
  position: absolute;
  top: 62px;
  left: 630px;
  height: 32px;
  width: 200px;
  margin: 0;
  padding: 0;
}
h5 a {
  display: block;
  margin: 0;
  padding: 32px 0 0 0;
  width: 200px;
  height: 1px;
  background: url(img/logo.png) no-repeat;
  overflow: hidden;
}

#mainnav {
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainnav li {
  /* Mac/IE5 baseline compatibility... */
  display: inline;
  width: 100px;
  /* \*/
  float: left;
  width: auto;
  /* */
}

#mainnav li a {
  display: inline;
  /* \*/
  display: block;
  /* */
  margin: 0;
  padding: 0.5em 1em;
}
#mainnav li a:hover, #mainnav li.sel a {
  background-color: #000;
}

#subnav {
  position: absolute;
  bottom: 15px;
  left: 8px;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

#subnav li {
  float: left;
  margin: 0;
  padding: 0 1.1em 0 1.2em;
  background: url(img/subnav-divider.png) 0 70% no-repeat;
}
#subnav li:first-child {
  background: none;
}

#subnav li a {
}

#footernav {
  float: left;
  list-style: none;
  margin: 0 240px 0 0;
  padding: 0;
}

#footernav li {
  float: left;
}

#footernav li a {
  display: block;
  margin: 0 1em 0 0;
  padding: 0;
}

#footer .searchform {
  position: absolute;
  top: 20px;
  right: 20px;
  max-width: 240px;
}

#credit {
  position: absolute;
  bottom: 20px;
  left: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#credit li {
  float: left;
  margin: 0;
  padding: 0 0 0 1.1em;
  background: url(img/footernav-divider.png) 0 70% no-repeat;
}
#credit #license {
  padding-left: 0;
  background: none;
}
#wordpress {}
#dtek {}
#badfeather {}

#credit li a {
  display: block;
  margin: 0 1em 0 0;
  padding: 0;
}

p.donate, p.mailinglist {
  /* \*/
  overflow: hidden;
  /* */
}

p.donate a, p.mailinglist a {
  /* \*/
  display: block;
  float: left;
  /* */
  margin: 0;
  padding: 1em;
}

.donate a {
  background-color: #ee1d25;
}
.mailinglist a {
  background-color: #000;
}
.donate a:hover {
  background-color: #000;
}
.mailinglist a:hover {
  background-color: #ee1d25;
}

div.donate, div.mailinglist {
  padding: 0;
}

div.donate a, div.mailinglist a {
  display: block;
  padding: 1em 20px;
}


/* other layout elements
 +------------------------------------------------------------------------+
 */

h1, h2, h3 { margin: 0 0 0.3em 0; padding: 0; }
p { margin: 0 0 1.2em 0; padding: 0; }

h1, h2 { clear: left; }

#front-photos img {
  float: left;
  width: 280px;
  margin: 0 10px 0 0;
}
#sidebar img { margin: 10px 0; }
body.front #sidebar img {
  margin: 10px 0 0 0;
}

.searchform label { display: none; }
#s, #sidebar-s { padding: 0.2em; margin: 0; border: 0; }
#s, #sidebar-s { width: 150px; }
input.searchsubmit { }

div.bio { overflow: hidden; }

div.post img {
  float: left;
  margin: 0 1em 0.2em 0;
  border: 6px solid #818285;
}

div.wp-caption {
  float: left;
  margin: 0 1em 1em 0;
}
div.post div.wp-caption img {
  float: none;
  margin: 0;
}

#sidebar div.block ul {
  list-style: none;
  margin: 0 0 1.2em 0;
  padding: 0;
}
#sidebar div.block li { margin-bottom: 0.5em; }

p.postmeta-top {
  margin: -0.8em 0 1.5em 0;
}
p.postmeta-bottom {
  clear: left;
  border-top: 1px solid #262626;
  padding: 1em 0 0.5em 0;
}

ul.blognav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.blognav li.prev {
  float: left;
  width: 49%;
}
ul.blognav li.next {
  float: right;
  width: 49%;
  text-align: right;
}

textarea#comment {
  width: 100%;
  height: 20em;
}

/* contact form 7 plugin */
form span.wpcf7-form-control-wrap input, form span.wpcf7-form-control-wrap textarea {
  width: 50%;
}

a.external {
  padding-right: 16px;
  background: url(/wp-content/themes/rasa/img/external.png) right center no-repeat;
}

a.pdf {
  padding-right: 16px;
  background: url(/wp-content/themes/rasa/img/pdf.png) right center no-repeat;
}

/* typography
 +------------------------------------------------------------------------+
 */

body {
  font-family: Helvetica, Arial, serif;
  font-size: 62.5%; /* resets 1em to 10px */
  color: #262626;
}

h1, h2, #main a, #footernav a { color: #ec1c24; }
#mainnav a, #subnav a, #main .donate a, #main .mailinglist a, #main div.block a { color: #fff; }
div.block, div.block-hot, #mainnav a:hover, #mainnav li.sel a, #credit a, .donate a:hover em, #main .mailinglist a em { color: #808080; }
.donate a em, #main .mailinglist a:hover em, div.block-hot h2, div.block-hot h3 { color: #000; }

#subnav a, div.post, div.comment-block, div.block { font-size: 1.3em; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
#mainnav a { font-size: 1.5em; } 
#footer { font-size: 1.15em; }
#sidebar .mailinglist, #sidebar .donate { font-size: 1.1em; }
ul.blog li, ul.wp-tag-cloud li { font-size: 0.9em; }
ul.blog li a, ul.wp-tag-cloud li a { font-size: 1.1em; }
.postmeta small { font-size: 0.9em; }
h1 sup { font-size: 0.4em; }

#content { line-height: 1.7; }
#content h1, #content h2, #content h3, #content p.postmeta { line-height: 1.3; }
#sidebar a { line-height: 1.4; }
div.post div.comment-block { line-height: 1.7; }

#mainnav a, #footernav a, h2, h3, .donate, .mailinglist { text-transform: uppercase; }

h1, h2, h3 { font-weight: normal; }
.donate a em, .mailinglist a em { font-style: normal; }

a, h1 a:hover, #subnav a:hover, #subnav li.sel a, #subnav li.current-cat a, #footernav a:hover, #footernav li.sel a, #credit a:hover, #credit a.sel, div.block a:hover, .blognav a:hover { text-decoration: underline; }
a:hover, h1 a, #mainnav a, #subnav a, #footernav a, #credit a, .donate a, #sidebar .donate a, .mailinglist a, #sidebar .mailinglist a, div.block a, .blognav a { text-decoration: none; }

div.wp-caption { font-style: italic; }