/* 



	Theme Name: MatrixMJ Revamped



	Description: Unique theme created for Wordpress.



	Author: Classic Creations Design



	Author URI: http://www.classiccreationsdesign.com



		



	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php



	



*/





* {

  padding:0;

  margin:0;

  list-style:none;

}



body {

  font: 62.5% Verdana; /* Means 1em == 10px, 1.2em == 12px, etc. */

  background:#DADADA url(./images/bg1.gif) top center repeat-y;

}



p, h2, h4, h5 {

  font-size:1.0em;

}



img {

border: 0;

}





div#wrapper {

  width:980px;

  margin:0px auto 0 auto;

  background: #fff;

  padding-bottom: 0px;

}



div#masthead {

  width:980px;

  height: 308px;

  background: #fff url(./images/header.jpg) no-repeat;

  margin:0px auto 0px auto;

 }



.Header_Nav_White {

font-size: 10px !important;

font-family: Verdana, Helvetica, Sans-Serif !important;

font-weight: bold !important;

color: #fff !important;

text-decoration: none !important;

}



.newnav {

float: right;

padding-top:3px;

padding-right:3px;

}



/* Blog Title */

h1 {

  font:32px Arial, Helvetica, sans-serif;

text-align:left;

padding: 20px 0px 0px 30px;



}



h1 a {

  width:980px;

  height:30px;

  font-weight:none;

  text-decoration:none;

  color:#fff;

}



/* Tagline */

#masthead p {

  margin:0;

  top:62px;

  left:50px;

  color:#888;

}



/* Pages Navigation */

div#nav {

width: 1000px;

height: 20px;

margin:0px auto 0px auto;

}



div#nav ul {

  float:right;

  padding: 0px 4px 10px 30px;

}



div#nav ul li {

  float:left;

}



div#nav ul li a {

height: 20px;

color:#fff;

text-align: center;

text-decoration:none;

font-weight:bold !important;

display:block;

font:12px Arial, Helvetica, sans-serif;

padding: 2px 16px 0px 2px;

/*background:url(./images/nav-home-pre.jpg) top center no-repeat;*/

}



div#nav ul li a:hover{

text-decoration:underline;

/*background:url(./images/nav-home-hover.jpg) top center no-repeat;*/



}



/* Banner image dropshadow */

div#masthead_image {

  width:880px;

  height:220px;

  margin: 0px auto;

  padding-bottom: 5px;

  clear: both;

}



a {

  outline:0;

}



/* Page dropshadow */

div#content {

  width:980px;

  background: transparent;

  margin: -100px 10px 0 20px;

clear: both;

}



/*-----------------------------------------------------------------------------



  Main Content



-----------------------------------------------------------------------------*/



div#main {

float: left;

 padding:10px 10px 10px 10px;

  width: 548px;

  color:#6b6b6b;

  line-height:1.2;

}



.mainleft {

float: left;

 width: 264px;

 color:#6b6b6b;

  line-height:1.2;

padding-right:10px;

}

.mainright {

float: right;

 width: 260px;

 color:#6b6b6b;

  line-height:1.2;

padding-left:10px;

border-left: 1px dotted #ccc;

}



.entry {

font-size: 12px;

}



.description {

margin-top:30px;

font-size: 12px;

color: #0E0779;

font-weight: bold;

border-bottom: 1px dotted #ccc;

width: 548px;

}



.white {

font-size: 20px;

font-weight:bold;

color: #fff;

}



/* Main header on single pages */

h2.header {

  color:#0E0779;

  font-size:18px;

  padding:10px 0 5px;

  line-height:1;

  margin:0 0 5px;

  position:relative;

}



.header2 {

  color:#489f4e;

  font-size:20px;

  padding:0px 50px 0 0;

  line-height:20px;

  margin:0 0 5px;



 text-align: right;

  font-style:italic; 

font-weight:bold;

}



.header3 {

  color:#489f4e;

  font-size:18px;

  padding:0px 50px 0 0;

  line-height:20px;

  margin:0 0 5px;

border-bottom: 1px dotted #ccc;

 text-align: right;

  font-style:italic; 

font-weight:bold;

}



div#main h2.header a {

  color:#0E0779;

  text-decoration:none;

}



div#main h3.header a {

  color:#0E0779;

  text-decoration:none;

}



h2.header span {

  position:relative;

  background:transparent;

  padding-right:10px;

  bottom:-5px;

}



/* Secondary headline above comments and comment form */

div#main h3 {

 color:#0E0779;

  font-size:18px;

  padding:10px 0 5px;

  line-height:1;

  margin:0 0 5px;

  position:relative;

}







div#main p {

  color:#6b6b6b;

  line-height:1.2;

  margin:10px 0;

}





div#main img.alignleft{

  border:0;

  padding: 5px 15px 0px 0;

}



div#main img.alignright{

  border:0;

  padding: 5px 0px 0px 15px;

}



div#main a {

  color:#507FA3;

}



.article {

  margin-bottom:10px;

}



.article blockquote {

  margin:0 15px;

  padding:1px 15px;

  border-left:5px solid #B8D1E4;

  background:#F0F0F0;

}



.article ul, .article ol, .post ul, .post ol {



  color:#6b6b6b;

  margin-left:15px;

}







.article ul li, .post ul li {

  margin:10px 0;

  padding-left:5px;

list-style: disc;



}

  

}



.article ol {

  margin-left:30px;

}



.article ol li {

  list-style:decimal;

  margin:10px 0;

}



.article ol li ol {

  font-size:1em;

  margin-left:15px;

}



div#main p.byline {

  color:#999;

}



ul.article_footer {

  text-align:right;

  margin:10px 0;

  background:#F1F1F1;

  padding:5px 10px;

  border:1px solid #DADADA;

  border-width:1px 0;

  line-height:1.5;

}



ul.article_footer li {

  font-size:0.9em;

  display:inline;

  background:none;

  border-left:1px solid #DADADA;

  margin-left:5px;

  padding-left:10px;

}



ul.article_footer li.first {

  border-left:0;

}



/*-----------------------------------------------------------------------------



  Secondary Content



-----------------------------------------------------------------------------*/



div#secondary {

  padding:0px 10px 10px 20px;

  width:360px;

  float: left;

  margin-top:-30px;

}



div#secondary ul#sidebar {

  margin:0px 0 20px;

  color:#507fa3;

  padding-bottom:10px;



}



div#secondary ul#sidebar li {

  margin:6px 0;

  font-size:1.2em;

  line-height:1.5em;

}



/* Sidebar headers */

div#secondary h2 {

  text-transform:uppercase;

  color:#507fa3;

  margin:0px 0 8px;

  padding-top:8px;

  font-size:1em;

  line-height:1;

}



div#secondary a {

  color:#666;

  text-decoration:none;

}



div#secondary a:hover {

  text-decoration:underline;

}



.peerview a {

  color:#1C6327 !important;

  text-decoration:none !important;

  font-weight: bold; 

}



.peerview a:hover {

  text-decoration:underline !important;

}



div#secondary ul.children {

  margin-left:5px;

  padding-left:10px;

 

  border-left:5px solid #EAEAEA;

}



div#secondary ul#sidebar li li {

  font-size:1em;

  margin:5px 0;

  padding-left:20px;



}



/* Optional bio area header (commented out by default) */

div#author h2 {

  font-size:1.2em;

}



div#secondary p {

  line-height:1.5;

  margin:5px 0;

  color:#666;

}



/* Search input */

form#searchform {

  position:relative;

  height:28px;

  margin-bottom:20px;

  width: 200px; 

}



form#searchform input#s {

  position:absolute;

  top:0;

  height:18px;

  width:156px;

  padding:5px;

  background:url(./images/text_bg.png) repeat-x;

  border:1px solid #bcbcbc;

}



input#search_submit {

  position:absolute;

  right:0;

}



div#secondary2 {

  padding:0px 0px 10px 24px;

  width:260px;

  float: left;

}



div#secondary2 ul#sidebar {

  margin:0px 0 20px;

  color:#507fa3;

  padding-bottom:10px;

  border-bottom:1px solid #e7e7e7;

}



div#secondary2 ul#sidebar li {

  margin:5px 0;

  font-size:1.2em;

  line-height:1.5em;

  text-align:right;

}



/* Sidebar headers */

div#secondary2 h2 {

  text-transform:uppercase;

  color:#507fa3;

  margin:20px 0 8px;

  font-size:1em;

  line-height:1;

}



div#secondary2 a {

  color:#666;

  text-decoration:none;

}



div#secondary2 a:hover {

  text-decoration:underline;

}



div#secondary2 ul.children {

  margin-left:5px;

  padding-left:10px;

  border-left:5px solid #EAEAEA;

}



div#secondary2 ul#sidebar li li {

  font-size:1em;

  margin:5px 0;

  padding-left:20px;



}

/*-----------------------------------------------------------------------------



  Footer



-----------------------------------------------------------------------------*/



#footer {

  height:162px;

  width:980px;

  margin:0 auto;

 text-align:center;

  font-size:1em;

 padding:0px 0px;

background: #fff url(./images/footer.jpg) no-repeat;

}



.footertext {

margin:0px auto;

 font-size:12px;

 padding:95px 0px 0px 0px;

color: #fff !important;

}



.footertext a{

color: #fff !important;

text-decoration: none !important;

}



.footertext a:hover{

color: #fff !important;

text-decoration: underline !important;

}



ul#footer li {

  display:inline;

  margin-left:10px;

}



ul#footer li span {

  position:absolute;

  text-indent:-9999em;

}



ul#footer li a {

  color:#000;

  text-decoration:none;

}



ul#ending {

width:1000px;

  margin:0 auto;

text-align:left;

  border-top:2px solid #E7E7E7;

border-bottom:1px solid #E7E7E7;

  font-size:11px;

  color:#000;

  padding:5px 0px;

}



ul#ending li {

  display:inline;

  margin-left:10px;

}



ul#ending li span {

  position:absolute;

  text-indent:-9999em;

}



ul#ending li a {

  color:#000;

  text-decoration:none;

}





ul#ending li a:hover {

  color:#000;

  text-decoration:underline;

}

/*-----------------------------------------------------------------------------



  Wordpress Specific Stuff - Elements that weren't in my original stylesheet



-----------------------------------------------------------------------------*/



ol.commentlist {

  margin-top:15px;

  color:#555;

}



/* Background color for visitor comments */

ol.commentlist li {

  background:#F1F1F1;

  padding:10px;

  margin:10px 0;

}



/* Background color for Admin comments */

ol.commentlist li.alt {

  background:#EBF9FC;

}



textarea#comment {

  width:500px;

}



#main p.comment_meta {

  margin:0;

  float:right;

}



/* Optional popup window (NOTE: popups make for bad UI IMHO) */

body#commentspopup {

  background:#FFF;

  padding:20px;

}



body#commentspopup a {

  color:#666;

}



body#commentspopup h1 a {

  position:relative;

  top:0;

  left:0;

}



body#commentspopup h3 {

  color:#555;

}



body#commentspopup p {

  margin:10px 0;

  color:#555;

}



body#commentspopup textarea {

  width:340px;

}



/* Image stuff for 2.6.1 */

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignleft {

  float: left;

}



.alignright {

  float: right;

}



.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-dd {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



p.entry_info {

  clear:both;

}



div.navigation {

  margin:10px 0;

}



/*-----------------------------------------------------------------------------



  CSS Magic



-----------------------------------------------------------------------------*/



.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

  .clearfix {display:block;}

/* End hide from IE Mac */



.more-link {

font-size: 12px !important;

}



.permanentlink {

font-size: 12px;

}



.rotating-img {

padding-top: 10px;

}



.faimage {

margin-top:5px;

}



.borderline {

border-bottom: 1px dotted #ccc;

}