/* 
Theme Name: Delta Project WP Theme
Theme URL: http://36squares.com
Description: Word Press theme for the Delta Project.
Author: 36 Squares
Author URI: http://36squares.com
Version: 1.0.3

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
body {
  background: #000 url(images/background.jpg) no-repeat center top;
  font-family: Arial, Lucida, Sans_serif;
}
.accent-bar {
  background-color: #2a4ea7;
  height: 9px;
  border-bottom: 1px solid #071a2c;
}
#container {
  width: 770px;
  margin: 0 auto;
  background: #fff url(images/container_top.jpg) no-repeat 0 top;
}
/* Header styles */
#header {
  margin: 0 auto;
  width: 770px;
  height: 113px;
  clear: both;
}
#header h1.title a {
  background: url(images/logo.png) no-repeat;
  width: 311px;
  height: 108px;
  float: left;
  text-indent: -8000px;
}
#social {
  float: right;
  margin-top: 10px;
}
#social a {
  color: #fff;
  text-decoration: none;
  padding-top: 2px;
}
#social a:hover {
  color: #c6d4df;
}
.facebook {
  float: right;
  background: url(images/facebook.gif) no-repeat right;
  width: 100px;
  height: 24px;
}
.myspace {
  float: right;
  padding-left: 20px;
  width: 95px;
  height: 24px;
  background: url(images/myspace.gif) no-repeat right;
}
#search {
  float: right;
  clear: both;
  position: relative;
  top: -30px;
}
#content {
  float: left;
  width: 470px;
  margin: 54px 0px 10px 40px;
  font-size: 14px;
  line-height: 1.6em;
  min-height: 320px;
  background: url(images/page-border.jpg) no-repeat top right;
}
#post, .post {
  padding-right: 8px;
}
/* Sidebar styles */
#sidebar {
  margin: 54px 30px 0 0;
  float: right;
  width: 218px;
  background: url(images/sidebar-bg.jpg) no-repeat 0 top;
}
#sidebar-bot {
  width: 218px;
  height: 20px;
  background: url(images/sidebar-bg-btm.jpg) no-repeat;
}
#sidebar ul {
  list-style: none;
  text-align: right;
  margin-top: 10px;
}
#sidebar li {
  border-bottom: solid 1px #aac4d9;
  width: 218px;
}
#sidebar li a {
  color: #3256a5;
  text-decoration: none;
  width: 208px;
  display: block;
  text-transform: lowercase;
  font-size: 18px;
  padding: 15px 0px 15px 0px;
}
#sidebar li a:hover {
  background: #b4cadb;
  width: 208px;
  padding-right: 10px;
  color: #103b65;
}
#sidebar ul li ul {
  border: none;
}
#sidebar ul li ul li {
  border: none;
}
#sidebar ul li ul li a {
  margin-top: -25px;
  font-size: 14px; 
}
#sidebar ul li ul li a:hover {
  background: none;
}
/* Footer Styles */
#footer {
  clear: both;
  background: #fff url(images/container_btm.jpg) no-repeat 0 bottom;
  height: 50px;
}
#ft-list {
  margin: 37px auto;
  width: 770px;
}
#ft-list ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
}
#ft-list li a {
  float: left;
  border-right: solid 1px #fff;
  padding: 0 4px 0 4px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  line-height: 12px;
  margin: 4px 0 4px 0;
}
#ft-list ul .page-item-15 a {
  border: none;
}
#ft-list .copy {
  padding-top: 20px;
  color: #fff;
  font-size: 11px;
  clear: both;
  text-align: center;
}
/* Image Styles */
p img {
	padding: 0;
	max-width: 100%;
	}
img.pad {
  padding: 3px;
}
img.pad-left {
  padding-left: 3px;
}
img.pad-right {
  padding-right: 3px;
}
img.pad-left-right {
  padding: 0 3px 0 3px;
}
/* End Images */

/* Font Styles */
#content h1.page-title a {
  color: #702b7c;
  font: 30px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
  text-decoration: none;
}
#content h1.page-title a:hover {
  color: #702b7c;
  text-decoration: underline;
}
#content h1.home-title a {
  display: none;
}
#content h1 {
  color: #702b7c;
  font: 30px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content h2 {
  color: #702b7c;
  font: 24px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content h2 a {
  text-decoration: none;
  color: #702b7c;
}
#content h2 a:hover {
  text-decoration: underline;
  color: #702b7c;
}
#content h2 a:visited {
  color: #702b7c;
}
#content h3 {
  color: #702b7c;
  font: 20px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content h4 {
  color: #702b7c;
  font: 18px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content h5 {
  color: #702b7c;
  font: 16px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content h6 {
  color: #702b7c;
  font: 14px Georgia, "Times New Roman", Times, serif;
  padding: 5px 10px 10px 0;
}
#content .quotes {
  margin: 0 25px 0 20px;
}
#content p {
  padding: 0 25px 15px 0;
}
#content small {
  padding: 0 25px 15px 0;
  font-size: 11px;
}
#content ul {
  list-style-position: outside;
  margin: 5px 25px 5px 20px;
}
#content li {
  margin-bottom: 10px;
}
#content ol {
  list-style-position: outside;
  margin: 5px 0px 5px 20px;
  list-style-type: decimal;
}
#content strong {
  font-weight: bold;
}
#content em {
  font-style: italic;
}
#content .quiz-area {
  margin: 0 25px 15px 0;
}
#content .question-content {
  font-weight: bold;
  margin-bottom: -10px;
  color: #333;
}
#content .quiz-area .answer {
  position: relative;
  top: 2px;
}
#content .quiz-area label {
  margin-left: 5px;
}
.post-date {
  font-style: italic;
  font-size: 12px;
}
a {
  color: #3256a5;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #702b7c;
}
.wpcf7-form p {
  color: #702b7c;
  font-size: 14px;
  font-weight: bold;
}
.wpcf7-form input {
  border: 2px solid #5978b4;
  padding: 3px;
  width: 300px;
  font: 12px Arial, Lucida, Sans_serif;
}
.wpcf7-form textarea {
  border: 2px solid #5978b4;
  padding: 3px;
  width: 300px;
  font: 12px Arial, Lucida, Sans_serif;
}
.checkboxes .wpcf7-list-item {
  display: list-item;
  list-style: none;
}
.checkboxes .wpcf7-list-item .wpcf7-list-item-label {
  font-weight: normal;
  font-style: normal;
}
.wpcf7-radio {
  font-weight: normal;
  font-style: normal;
}
.wpcf7-checkbox input {
  width: auto;
  border: none;
}
.wpcf7-radio input {
  width: auto;
  border: none;
}
.wpcf7-form .submit {
  width: 75px;
  background-color: #5978b4;
  color: #fff;
  border: 1px outset #808080;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding: 4px 0 0 0;
	margin: 10px 10px 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 110px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 14px;
	padding: 0 !important;
	margin: 0;
}
.gallery-caption {
	font-size: 10px;
	line-height: normal;
}
.gallery-item {
    float:left;
    margin-top:10px;
    text-align:center;
    width:30% !important; 
}
/* End captions */
#sb-title {
  height: 75px!important;
}
.clear {clear:both;}
.wordtube {margin-top:10px!important;margin-bottom:10px!important;}