/*  
Theme Name: mantapus_v2
Theme URI: http://www.N8Logic.net/
Description: The Custom WordPress theme designed for Mantapus.com by <a href="http://n8logic.net/">N8Logic</a>.

Version: 0.0
Author: Ryan Archer
Author URI: http://ryanarcher.com/

*/



/* begin Body */



body, h1, h2, h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}


body{
	margin: 0 auto 0 auto;
	font-family: Sans-serif, Helvetica, Georgia, Arial;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	background: #99ffff url('images/background.gif') no-repeat;
	background-position: top center;
	color: #000000;
}


h1{
	font-size: 24px;
	padding: 0 0 10px 0;
}





a:link{
	text-decoration: underline;
	color:	#0033ff;
}


a:visited{
	text-decoration: underline;
	color: #000033;
}


a:hover{
	text-decoration: none;
	color: #ff0000;
}


p{
	padding: 10px 0 0 0;
}


#wrapper{
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: left;
}



/* end Body */



#latest{
	margin: 0 70px 0 20px;
	width: 500px;
	float: left;
}




/* begin Header */



#header{
	margin: 0 auto 0 auto;
	width: 900px;
}


#container{
	float: left;
	width: 500px;
	margin: 0 75px 0 20px;
}




   #header li { 
       margin: 0; 
       padding: 0; 
       float: left; 
      } 


   #header li a { 
      height: 200px; 
      padding: 0; 
      display: block; 
      float: left; 
      line-height: 25px; 
      text-decoration: none; 
      border-width: 0; 
      } 

   #header li a:hover { 
      } 











.logo a { 
   width: 200px; 
   height: 200px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/logo_var.gif') no-repeat top center; 
   } 

.logo a:hover { 
background: url('images/logo_var.gif') no-repeat bottom center; 
} 



.logo2 a { 
   width: 200px; 
   height: 200px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/matt_var.gif') no-repeat top center; 
   } 

.logo2 a:hover { 
background: url('images/matt_var.gif') no-repeat bottom center; 
} 









/* end Header */






/* begin Post */



.post{
	padding: 10px 0 10px 0;
}


.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
}


.entry{
	line-height: 18px
}


p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
}



/* end Post */



.navigation{
	padding: 10px 0 0 0;
	font-weight: bold;
	line-height: 18px;
}





/* THE MENU */ 


#menubar { 
   width: 500px; 
   height: 50px; 
   margin: 0px auto 0px auto; 
   background: #000; 
   } 

#menunav { 
   margin: 0; 
   padding: 0 1px 0 0; 
   font-size: 25px; 
        float: right; 
   } 

   #menunav a  { 
      margin: 0px 0 0 0; 
      color: #aaa; 
      text-decoration: none; 
      background: #222; 
      -moz-border-radius: 10px; 
      -khtml-border-radius: 10px;    
      -webkit-border-radius: 10px; 
      border-radius: 10px; 
      } 

      #menunav a:hover { 
         color: #fff; 
                        background: #555; 
         } 
       
      .prev { 
         padding: 0 2px 0 0; 
         } 
       
      .next { 
         padding: 0 0 0 2px; 
         } 
  
#menu { 
	color: #999; 
	float: left; 
	margin: 0 auto; 
	font-size: 12px; 
	text-transform: uppercase; 
   } 

   #menu ul { 
	margin: 0 40px 0 0;       
	padding: 0; 
	list-style: none; 
	float: left;    
      } 

   #menu li { 
       margin: 0; 
       padding: 0; 
       float: left; 
      } 

   #menu li a { 
      height: 50px; 
      padding: 0; 
      display: block; 
      float: left; 
      line-height: 25px; 
      text-decoration: none; 
      border-width: 0; 
      } 

   #menu li a:hover { 
      } 


/* THE STYLISH MENU */ 

#stylishmenu { 
	width: 500px; 
	height: 50px;
	float: left; 
	padding: 0;
	margin: 0; 
	zoom: 1; /* IE fix, allows for variable height menu  */ 
} 

#stylishmenu li { 
	height:50px; 
	border-width: 0; 
}


#rollhome
{
  display: block;
  width: 90px;
  height: 50px;
  background: url("images/nav_home_var.gif") no-repeat top center;

}

#rollhome:hover
{ 
  background-position: 0 -50px;
}

#rollhome span
{
  display: none;
}


#video
{
  display: block;
  width: 98px;
  height: 50px;
  background: url("images/nav_videos_var.gif") no-repeat top center;

}

#video:hover
{ 
  background-position: 0 -50px;
}

#video span
{
  display: none;
}


#about
{
  display: block;
  width: 68px;
  height: 50px;
  background: url("images/nav_faq_var.gif") no-repeat top center;

}

#about:hover
{ 
  background-position: 0 -50px;
}

#about span
{
  display: none;
}


#contact
{
  display: block;
  width: 106px;
  height: 50px;
  background: url("images/nav_contact_var.gif") no-repeat top center;

}

#contact:hover
{ 
  background-position: 0 -50px;
}

#contact span
{
  display: none;
}


#spacer1
{
	display: block;
	width: 64px;
	height: 50px;
	background: url("images/navspacer1.gif") no-repeat top center; 
   }


#spacer2
{ 
   width: 74px; 
   height: 50px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/navspacer2.gif') no-repeat top center; 
   }


.home a { 
   width: 90px; 
   height: 50px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/nav_home_var.gif') no-repeat top center; 
   } 

.home a:hover { 
background: url('images/nav_home_var.gif') no-repeat bottom center; 
} 


.about a { 
   width: 68px; 
   height: 50px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/nav_faq_var.gif') no-repeat top center; 

} 

.about a:hover { 
background: url('images/nav_faq_var.gif') no-repeat bottom center; 
} 


.video a { 
   width: 98px; 
   height: 50px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/nav_videos_var.gif') no-repeat top center; 
   } 

.video a:hover { 
background: url('images/nav_videos_var.gif') no-repeat bottom center; 
} 


.contact a { 
   width: 106px; 
   height: 50px; 
   text-decoration: none; 
   border-width: 0; 
   text-indent: -9999px; 
   background: url('images/nav_contact_var.gif') no-repeat top center; 
} 

.contact a:hover { 
background: url('images/nav_contact_var.gif') no-repeat bottom center; 
} 





/* THE SIDEBAR */ 


.sidebar{
	float: left;
	width: 150px;
	margin: 0 0 0 0;
	display: inline;
}



.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}


.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}


.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}


.sidebar1{
	float: left;
	width: 120px;
	margin: 0 0 0 0;
	display: inline;
}



.sidebar1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar1 ul li{
	padding: 10px 0 10px 0;
}


.sidebar1 ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}


.sidebar1 ul ul li{
	padding: 0;
	line-height: 24px;
}



table#wp-calendar{
	width: 80%;
}


.comments-template{
	float:left;
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/* begin Footer */

#footer{
	clear: both;
	text-align: left;
	width: 500px;
	margin: 0 auto 0 auto;
}


#footer p{
	line-height: 12px;
}

.rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/rssIcon.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 32px;
	width: 30px;
}





/* end Footer */