/*

Theme Name: Distance Educator Red Two Column

Description: Two columns for content

Author: Gorirra Consulting

Author URI: http://gorirra.com/

*/



/* css reset based on Eric Meyer's work: 

   http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



@import url(http://fonts.googleapis.com/css?family=Abel|Terminal+Dosis|Droid+Sans:400,700);



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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

  display: block;

}

body {

  line-height: 1;

}

strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* end css reset */



BODY        {background-color:#fff; font:13px 'Droid Sans', Arial, sans-serif;}

P, OL, UL   {margin-bottom:10px;}

P           {line-height:16px;}

A           {color:#666;}

H1          {font:22px/22px 'Abel', Arial, sans-serif; font-weight:normal; margin:0 0 5px 0;}

H2          {font:18px 'Abel', Arial, sans-serif; margin:20px 0 10px 0; line-height:19px;}

H3          {font:16px 'Abel', Arial, sans-serif; line-height:16px; font-weight:bold;}

H4          {font:13px 'Abel', Arial, sans-serif; line-height:13px; font-weight:bold; margin-bottom:15px;}

SMALL       {color:#777; font-size:11px;}



#header     {background:url('images/body-bg.jpg') repeat top left #9a2720; padding-bottom:10px;}

#logoContainer {

  float:left;

  width:500px;

}

.siteTitle {

  font:36px/36px 'Terminal Dosis', sans-serif;

  letter-spacing:-1px;

  text-transform:uppercase;

  text-shadow:2px 2px rgba(0,0,0, 0.5);

}

  .siteTitle A {

    color:#fff;

    text-decoration:none;

  }

.subTitle {

  font-size:13px;

  color:#eee;

  text-shadow:1px 1px rgba(0,0,0, 0.8);

}



#container,

.headerContainer  {width:960px; margin:auto;}



.jig  {clear:both;}



/* header nav */

#nav                {font-size:11px; height:36px; text-align:right;}

#nav UL             {padding-top:10px;}

#nav LI             {display:inline; border-left:1px solid #ddd; margin-left:5px; padding-left:7px;}

#nav LI:first-child {border-left:none;}

#nav .firstBullet   {border-left:none;}

#nav A              {color:#eee; text-decoration:none;}

#nav A:hover        {text-decoration:underline;}



/* main navigation */

#mainNavContainer {

  background-color:#ccc;

}

#mainNav {

  padding:10px;

  margin:auto;

  width:960px;

}

#mainNav LI {

  display:inline;

  margin-right:10px;

  border-left:1px solid #aaa;

  padding-left:15px;

}

#mainNav LI:first-child {

  border-left:none;

  padding:0;

}

#mainNav A {

  color:#333;

  text-decoration:none;

  text-shadow:1px 1px rgba(255,255,255, 0.8)

}

#mainNav A:hover {

  text-decoration:underline;

}



/* asideLeft */

#asideLeft                  {background:url('images/aside-bg.jpg') repeat top left; width:198px; float:right; margin-right:20px; position:relative; top:-10px;}

#asideLeft #asideContainer  {padding:0 20px; border:1px solid #ccc;}

#asideLeft H3               {font-size:19px; margin:20px 0 5px 0; color:#666; text-transform:uppercase;}

#asideLeft UL               {margin:0 0 20px 10px;}

#asideLeft LI               {margin-bottom:5px;}

#asideLeft A                {text-decoration:none; color:#666;}

#asideLeft A:hover          {text-decoration:underline;}

#asideLeft #asideBottom     {background:url('images/aside-bottom.jpg') no-repeat bottom center; height:20px;}



/* asideRight */

#asideRight             {float:right; width:280px; margin-top:10px;}

.searchForm             {margin-bottom:20px;}

#asideRight H3          {color:#5b1715; font-size:19px; text-transform:uppercase;}

#featuredLinksContainer {border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; margin-bottom:20px;}

#featuredLinks          {margin:10px; font-size:16px;}

#featuredLinks UL       {color:#5b1715; list-style-type:disc;}

#featuredLinks LI       {float:left; width:105px; margin:10px 0 0 20px;}

#featuredLinks A        {color:#666; text-decoration:none;}

#featuredLinks A:hover  {text-decoration:underline;}

#asideRight #ads        {text-align:center;}

#asideRight #ads P      {margin-bottom:20px;}



#asideRight #ads .nlSignup P {margin-bottom:10px;}



/* mainContent */

#sectionContainer         {background-color:#fff; width:660px;}

#mainContent              {padding-top:10px; margin:0 0 20px 0;}

#mainContent H1           {color:#5b1715;}

#mainContent H1 A         {text-decoration:none; color:#5b1715;}

#mainContent H1 A:hover   {text-decoration:underline;}

/*#mainContent .catTitle    {margin-top:0; color:#fff; padding:10px 0 10px 20px; position:relative; left:-20px; text-transform:uppercase; background-color:#5b1715;}*/

#mainContent .catTitle A  {color:#fff; text-decoration:none; display:block;}

#mainContent .readmore {
  text-decoration:none;
  background-color:#5B1715;
  padding:5px;
  color:#fff;
  margin:20px 0 0 10px;
  float:left;
}

H2.catTitle {

  position: relative;

  text-transform:uppercase;

  background-color:#5b1715;

  color: #fff;

  padding:10px 0 10px 20px;

  text-shadow: 0 1px rgba(0,0,0,.8);

  margin:0 0 10px -10px;

}

H2.catTitle:before {

  content: '';

  position: absolute;

  border-style: solid;

  bottom: -10px;

  left:0;

  border-width: 0 10px 10px 0;

  border-right-color: #999;

}



.single #mainContent .navigation  {margin-bottom:60px;}

.home #mainContent .post  {margin:0 0 5px 10px; border-bottom:1px solid #eee;}

#mainContent .post,

#mainContent .page        {margin-bottom:5px; border-bottom:1px solid #eee;}

#mainContent UL           {margin-left:20px; list-style-type:disc;}

#mainContent OL           {margin-left:20px; list-style-type:decimal;}

#mainContent LI           {margin-bottom:5px;}

#mainContent A            {color:#666;}



.column {

  width:320px;

  border-left:1px solid #eee;

}

.columnLeft {

  float:left;

}

.columnRight {

  float:right;

}



.navigation A       {text-decoration:none; color:#aaa;}

.navigation A:hover {text-decoration:underline;}



.socNet         {float:right; margin-top:30px;}

.socNet LI      {display:inline; margin-left:10px;}

.fbtw           {width:32px; height:32px; background:url('images/socnet-icons.png') no-repeat;}

.facebook       {background-position:0 0;}

.facebook:hover {background-position:0 -50px;}

.twitter        {background-position:-50px 0;}

.twitter:hover  {background-position:-50px -50px;}

.rss            {background-position:-100px 0;}

.rss:hover      {background-position:-100px -50px;}



/* footer */

#footer   {text-align:center; padding:20px 0; font-size:9px; color:#666;}

#footer A {text-decoration:none; color:#666;}



/* wordpress */

.home .navigation {

	display: block;

	text-align: center;

	margin: 10px 0 40px 10px;

	}

.navigation {

	display: block;

	text-align: center;

	margin: 10px 0 40px 0;

	}



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



/* Begin Form Elements */

#searchform {

	margin: auto;

	padding: 5px 3px;

	text-align: center;

	}



#asideRight #searchform #s {

	width: 200px;

	padding: 2px;

	}



#asideRight #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

/*
#commentform textarea {

	width: 100%;

	padding: 2px;

	}

*/
#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: left;

	}

/* End Form Elements */



/* Begin Comments*/

.alt {

	margin: 0;

	padding: 0px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



/* buddypress */

.members #mainContent UL {

  margin:0;

}

.members #mainContent LI {

  margin-bottom:0;

  list-style:none;

}



.clear {

  clear:left;

}

#bannerad1 {
  text-align:center;
  margin-bottom:10px;
}

/* pullquote */
.simplePullQuote {
  float:right;
  font-size:14px;
  border-top:3px solid #9A2720;
  border-bottom:3px solid #9A2720;
  padding:10px 5px;
  width:260px;
  font-style:italic;
  color:#9A2720;
  line-height:24px;
  box-shadow:none;
}