/* ----->>> The Mutated Layout Style Sheet <<<------*/

/* ----->>> Main Layout <<<------*/

* {
 padding: 0; margin: 0; 
}

body 
{
 background: url("images/bg.gif") repeat-x;
 font-family: verdana, Georgia, "Times New Roman", Times, serif;
 color: #6E6F62;
 font-size:76%;
 background-color: #FFF;
 margin-left: 20px;
 margin-right: 20px;
 padding: 0;
}

.clear {
 clear:both;
}

/* ----->>> The Header <<<------*/

.head {  
 background: url("images/header.gif") no-repeat;
 padding: 0;
 height: 220px;
 margin-left: auto;
 margin-right: auto;
}

#logo {
 float: left;
 width: 960px;
 height: 160px;
 margin: 30px 0 0 0;
 padding: 0;
}

#subheader {
 height: 80px;
 padding: 0;
 margin: 0;
}

/* ----->>> H1 Title <<<------*/

h1.title {
 border-top: 1px solid #E0E0E0;
 text-align: left;
 color: #555;
 font-size: 2em;
 margin: 40px 0 0 0;
 padding: 20px 0 0 0;
 font-weight: lighter;
 text-decoration:none;
}

h1.title a {
 color:#555;
 text-decoration:inherit;
}

h1.title a:visited {
 color:#555;
 text-decoration:inherit;
}

h1.title a:active {
 color:#555;
 text-decoration:inherit;
}

h1.title a:hover {
 color:#E2000D;
 text-decoration:inherit;
}

/* ----->>> Content <<<------*/

.wrapper {
 width:980px;
 margin-left: auto;
 margin-right: auto; 
}

.content {
 float:left;
 width:582px;
 padding: 0;
}

/* ----->>> Side Links <<<------*/

.sidelinks-wrapper {
 float: right;
 margin: 40px 20px 0 0;
 padding: 30px 0 0 0;
 text-align:left; 
 width: 280px;
 border-top: 1px solid #E0E0E0;
}

.sidelinks { 
 margin: 0;
 padding: 10px 0 25px;
 width: 280px;
}

.sidelinks ul {
 font-weight: normal;
 font-size: 1em;
 margin: 0;
 padding: 0;
 width: 280px;
}

.sidelinks li {
 margin: 0;
 padding: 0; 
 width: 280px;
 list-style-type: none;
}

.sidelinks a { 
 font-weight: normal;
 display:block;
 margin: 0;
 padding: 5px 0 0 0; 
 width: 280px;
}

.sidelinks a:link, .sidelinks a:visited { 
 font-weight: normal;
 color: #A4A4A4;
 text-decoration:none;
}

.sidelinks a:hover { 
 font-weight: normal;
 color: #E2000D;
}

.sidelinks h2 {
 border-top: 1px solid #E0E0E0;
}

/* ----->>> Sidebar2 <<<------*/

#sidebar2 { 
 padding: 0;
 margin: 0 0 25px 0;
 width: 280px;
}

#sidebar2 li {
 list-style-type: none;
}

/* The Page Links */

.pagelinks {
 font-size:1.1em;
 font-weight:bold;
 padding-bottom:20px;
 padding-left:0px;
}

/* The Attachment */

.contentCenter {
 text-align:center;
}

/* ----->>> Lightbox 2 Gallery <<<------*/

.gallery-1 {
 float: left;
 width: 580px;
 padding: 0;	
 margin: 6px 0 0 0;
 text-align: left;
}
		
.gallery-item {
 float: left;
 margin: 10px 44px 20px 0;
 padding: 0;
 text-align: left;
}

.gallery-caption {
 margin-left: 0;
}

/* ----->>> Image Galleries <<<------*/

.img {
 margin:0;
 float: left;
 padding:  0 20px 10px 0;
 text-align: center;
}
	
.img img {
 display: inline;
 margin: 0;
 padding: 0;
 border: 1px solid #32373C;
}

.img a:hover img {
 border: 1px solid #FE8F00;
}

/* ----->>> The Text <<<------*/

h1, h2, h3, h4, h5, #comments h3, #comments h4 {
 color: #444;
 text-align:left;
 font-weight: lighter;
 font-family: Georgia, "Times New Roman", Times, serif; 
}

h1.sub {
 font-family: "Times New Roman";
 margin: 0;
 padding-top: 20px;
 font-size: 3.4em;
 color: #A4A4A4;
 text-align: left; 
 font-weight:lighter;
}

span.h1 {
 text-decoration:line-through;
 margin: 0;
 color: #444;
}

h2 {
 font-size:1.5em;
 margin: 0;
 padding: 10px 0 5px 0;
 color: #555;
}

h3
{
 color: #666666;
 font-size: 1.6em;
 margin: 0;
 padding: 0 0 8px 0;
 text-align:left;
}

h4 {
 font-size:1.8em;
 margin: 0;
 padding: 0 0 5px 0;
 border-bottom: 1px dotted #444;
}

p 
{
 font-size: 1.1em;
 text-align: left;
 margin: 0;
 padding: 5px 0 15px;
 line-height: 1.5em;
}

p.more 
{ 
margin-top: -10px;
}

p.date 
{
 margin: 0 0 15px 0;
 padding: 4px 0 0 0;
 font-size: 1em;
 text-align:left; 
 width: 100%;
 color: #A4A4A4;
}

p.date a 
{ 
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #30C1C5;
}

p.caption
{
 font-size: 1.1em;
 text-align: left;
 margin: 0;
 padding: 0;
}

p.caption-two
{
 font-size: 1.1em;
 text-align: left;
 margin-top: -10px;
 margin-bottom: 25px;
 padding: 0;
}

p.p2
{
 text-align: left;
 color: #4D4D4D;
 margin: 15px 0 30px 0;
 padding: 0;
 line-height: 1.6em;
 font-size: 1.2em;
 font-weight: bold;
}

p.p3
{
 text-align: left;
 color: #4D4D4D;
 margin: 0 0 40px 0;
 padding: 0;
 font-size: 1.1em;
 font-weight: bold;
}

p.header{ 
 font-size: 1em;
 text-align: left;
 margin: 0;
 padding: 0;
 line-height: 1.4em;
 color: #ccc;
}

/* ----->>> Odds and Ends <<<------*/

.youtube 
{
 float: left;
 width: 580px;
 margin: 0 0 10px 0; 
 padding: 0;
}

/* ----->>> Footer <<<------*/

.footer 
{
 background: url("images/footer_bg.gif") repeat-x;
 padding: 40px 0 0 0;
 clear:both;
 margin-left: auto;
 margin-right: auto;
 height: 140px;
}

.footerbox1 {
 color:#636363;
 font-size: 1em;
}

.footerbox1 {
 float:left;
 text-align:left;
 width:auto;
}

/* ----->>> Images <<<------*/

img {
 border: 0;
}

.image {
 margin: 0px 0 15px 0;
 padding: 0;
 border: 1px solid #777;
}

.image2 {
 margin: 3px 0 25px 0;
 padding: 0;
 border: 1px solid #E0E0E0;
}

.image3 {
 margin: 30px 0 40px 0;
 padding: 0;
}

.left {
 float: left;
 margin: 10px 25px 0px 0;
 padding: 0;
 border: 1px solid #E0E0E0;
}

/* ---------->>> List 2 <<<-----------*/

ul.list 
{
 list-style-type: circle;
 color: #4D4D4D;
 font-size: 1.1em;
 margin: 0 0 10px 15px;
 padding: 0;
 font-weight: bold;
}

ul.list li
{
 padding: 0 0 6px 0;
}

ul.list2 {
 list-style-type:none;
 font-weight:400;
 font-size:1.1em;
 margin:12px 0;
 padding:0;
}

ul.list2 li {
 padding:0 0 6px;
}

/* ----->>> Links <<<------*/

a.dotted:link 
{ 
 text-decoration: none;
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #30C1C5;
}

a.dotted:visited 
{
 text-decoration: none;
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #30C1C5;
}

a.dotted:hover
{
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #000;
}

a.dotted:active  
{
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #30C1C5;
}

/* ----->>> Read More links <<<------*/

span.moretext {
 border-bottom: 0px solid #30C1C5;
 padding: 0;
}

a.more-link:link {
 margin: 0 0 10px 0;
 padding: 0;
 text-decoration:none;
}

a.more-link {
 text-decoration:none;
 margin: 0;
 padding: 0;
 color: #444;
 border-bottom:0px solid #30C1C5;
}

a.more-link:hover  {
 color: #E2000D;
 border-bottom: 1px solid #E2000D;
}

/* ----->>> Page Links on sidebar <<<------*/

#navcontainer {
 width: 280px;
 margin: 0 0 40px 0;
 padding: 0 0 30px 0;
 float: left;
 border-bottom: 1px solid #E0E0E0; 
}

#navcontainer ul .current_page_item a {
 background-color: #000;
 color: #fff;
}

ul#navlist
{
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
 text-transform: uppercase;
 font-size: 0.9em;
}

#navlist li
{
 display: inline;
 list-style-type: none;
}

#navlist a {
 display: inline-block;
 margin: 0; 
 padding: 5px 14px 5px; 
}

#navlist a:link, #navlist a:visited
{
 color: #000;
 background-color: #fff;
 text-decoration: none;
}

#navlist a:hover
{
 color: #fff;
 background-color: #000;
 text-decoration: none;
}

/* ----->>> Bottom of the page Navigation  <<<------*/

.wp-pagenavi {
 padding: 0; 
 margin: 40px 0 40px 0;	
}

.wp-pagenavi a, .wp-pagenavi a:link {
 padding: 2px 5px 2px 5px; 
 margin: 2px;
 text-decoration: none;
 border: 1px solid #0066cc;
 color: #0066cc;
 background-color: #FFFFFF;	
}

.wp-pagenavi a:visited {
 padding: 2px 5px 2px 5px; 
 margin: 2px;
 text-decoration: none;
 border: 1px solid #0066cc;
 color: #0066cc;
 background-color: #FFFFFF;	
}

.wp-pagenavi a:hover {	
 border: 1px solid #818181;
 color: #000000;
 background-color: #FFFFFF;
}

.wp-pagenavi a:active {
 padding: 2px 5px 2px 5px; 
 margin: 2px;
 text-decoration: none;
 border: 1px solid #0066cc;
 color: #0066cc;
 background-color: #FFFFFF;	
}

.wp-pagenavi span.pages {
 padding: 2px 5px 2px 5px; 
 margin: 2px 2px 2px 2px;
 color: #000000;
 border: 1px solid #818181;
 background-color: #FFFFFF;
}

.wp-pagenavi span.current {
 padding: 2px 5px 2px 5px; 
 margin: 2px;
 font-weight: bold;
 border: 1px solid #0066cc;
 color: #000000;
 background-color: #FFFFFF;
}

.wp-pagenavi span.extend {
 padding: 2px 5px 2px 5px; 
 margin: 2px;	
 border: 1px solid #818181;
 color: #000000;
 background-color: #FFFFFF;
}

/* ----->>> Search Form <<<------*/

.widget_search {
 border-top: 1px solid #E0E0E0;
 padding: 20px 0 0 0;
}

#search input {
 font: 11px "Trebuchet MS", Arial, Sans-Serif;
 float: left;
}

input#s {
margin: 5px 0 10px 0;
padding: 2px 0 0 2px;
border: 1px solid #E0E0E0;
width: 196px;
}

#s { 
 float: right;
 height: 22px;
 width: 50px;
 margin: 0 0 0 0;
 padding: 0;
 border: 1px solid #CCC;
}

#s:hover {
 border-color: #AAA;
}

#s:focus {
 border-color: #E60000;
}

#searchsubmit {	
 width: 80px;
 background: #000;
 margin: 5px 0 0 0;
 padding: 0 0 4px;
 color: #fff;
 font-weight: bold !important;
 overflow: visible;
 height: 26px;
 cursor: pointer;
 border: 1px solid #000;
}

#searchsubmit:hover {
 background: #ccc;
 color: #000;
}

/* ----->>> Translator  <<<------*/

a.gflag {
font-size:32px;
padding:1px 3px;
background-repeat:no-repeat;
background-image:url('http://www.mutantpc.com/blog/wp-content/plugins/gtranslate/32.png');
}

a.gflag img {
border:0;
}

a.gflag:hover {
background-image:url('http://www.mutantpc.com/blog/wp-content/plugins/gtranslate/32a.png');
}

/* ----->>> That's all folks  <<<------*/