/*



Theme Name: diablitos-world-online



Version: 1.0 



Author: John Regalado



Author URI: http://johnregalado.com



*/



body {

margin: 0;

padding: 0;  

color: #000;

text-align:center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 100.1%;

background: #ff99ff;

background-image:url('images/logo-repeat-bg.gif');

background-repeat:repeat;

}



#wrapper{

width: 980px;

margin: auto;

padding: 0px;

text-align:left;

font-size: 75%;

line-height:20px;

background: #fed8f6;

border-left: 2px solid #fed8f6;

border-right: 2px solid #fed8f6;

}



#header{

padding:0px;

margin: 0;

background: #000;

width:980px;

height:180px;

background-image:url("images/header.jpg");

}



#header-inner{

margin:0;

padding:0;

}



#content{

clear:both;

margin: 0;

padding: 5px 5px 5px 10px;

background:#fed8f6;

}	



#main {

width: 717px; 

float:left;

margin: 0;

padding: 5px 0 10px 0;

overflow:hidden;

background-color:#fed8f6;

}



#sidebar {

padding: 0;

margin: 0 0 0 727px;

background: #64256d;

}



#footer {

clear: both;

margin: 0;

padding: 10px 16px;

text-align: center;

font-size: 85%;

}

#footer-inner{

height: 50px;

}



#footer p{

margin:0;

padding:15px 0;

}



#navigation{

padding: 5px 15px;

}



#navigation div.fleft{

float:left;

}



#navigation div.fright{

float:right;

}



#credit{

text-align:right;

padding: 0 15px;

}



#credit p{

margin:0;

color:#777;

font-size:85%;

}



#credit p a, #credit p a:hover{

color:#999;

font-weight:100;

}



/*  ********** default styles *********** */



p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}



h1, h2, h3, h4, h5, h6 {

font-family: Tahoma, sans-serif;

color:#FFF;

}



h1{

	font-size: 190%;

}



h2{

	font-size: 160%;

}



h3{

	font-size: 120%;

}



h4{

	font-size: 110%;

}



h5{

	font-size: 100%;

}



h6{

	font-size: 70%;

}



a{

color:#000;

font-weight:800;

text-decoration:none;

}



a:hover{

color:#000;

text-decoration:underline;

}



a img{

border:0px;

}



hr{

height:2px;

margin:5px 0;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}







blockquote{

background: #f4f4f4;

padding: 5px 15px;

margin: 3px 30px;

}



form{

margin: 0;

padding:0;

}



fieldset{

padding:10px;

margin:0;

border:none;

}



legend{

font-weight:800;

}



code{

	font-size: 90%;

	font-family: "Courier New", Courier, monospace;

	white-space: pre;

}



td{
 vertical-align:top;
}



.aligncenter,

div.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;

   /* optional rounded corners for browsers that support it */
   -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;
}



#tabs {
	background-color: #000;
	overflow:hidden;
	margin-top:-10px;
	padding-bottom:5px;
}

#navlist {
	width:980px;
	display:block;
}

#navcontainer {
}

#navcontainer ul li
{
	list-style-type: none;
	display: block;
	float:left;
	background: url("images/menu-norm.gif") repeat;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
display: block;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
padding:5px 18px 5px 18px;
background-color:#000000;
}



#navcontainer li#active { background: url("images/menu-hover.gif") repeat; }

#navcontainer a:hover { background: url("images/menu-hover.gif") repeat; }



/* Headings */ 



form#searchform2{

display: block;

float:right;

margin: 25px 10px 0px 200px;

}



#header h3{

margin:  0;

padding: 18px 0 0 10px;

}



#header h3 a{

font-weight:100;

color: #fff;

text-decoration: none;

font-size: 220%;

letter-spacing: 1px;

}



#header h2{

margin: 0;

padding: 10px 0 5px 10px;

font-weight:800;

color: #fff;

font-size: 100%;

letter-spacing: 1px;

}



h2#sectiontitle{

font-size:100%;

font-weight: 800;

font-family: arial, verdana, sans-serif;

padding:6px 6px 6px 10px;

margin:8px 10px 5px 10px;

background: #f2f2f2;

color: #444;

}



/* post styles */



.post{

margin: 0 0 10px 0;

padding: 0 5px 5px 5px;

}



.entry{

margin: 0;

padding: 0px 10px 3px 10px;

}



.post h2 {

color: #fffff;

font-size: 150%;

font-weight:100;

padding: 7px 0 2px 2px;

margin: 10px 0 15px 0;

background-image:url(images/post_head.jpg);

height:45px;

text-transform:capitalize;

}



.post h2 a{

color: #ffffff;

text-decoration:none;

font-weight:600;

}



.post h2 a:hover{

text-decoration:none;

color: #ffffff;

font-weight:600;

}



.postmetadata{

font-size:80%;

padding: 1px 8px 1px 5px;

margin: 0;

border-top: 1px solid #ccc;

}



.postmetadata p{

line-height: 18px;

padding: 0;

margin: 2px 0;

}



.date{

float:left;

text-align:center;

font-weight:800;

margin: 0 10px 0 0;

padding: 0 10px;

border-right: 1px solid #ccc;

color: #444;

}



.dateDay{

display:block;

font-size: 16px;

line-height: 16px;

text-align:center;

}



.dateMonth, .dateYear{

display:block;

font-size: 11px;

padding:0;

line-height: 12px;

}



/*  Comments   */



h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:verdana, sans-serif;

	color:#000;

}	



ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type: none;

}



ol#commentlist li{

	padding: 0px 3px;

	margin: 0;

}



ol#commentlist li p.commentheader{

margin: 0px 0 0px 0;

display: block;

padding: 1px 5px;

}



ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}



ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px 5px 15px;

	font-size:90%;

	background: #f2f2f2;

}



ul#commentlist p{

margin: 6px 0;

}



ul#commentlist li div.comm{

margin: 1px;

padding: 1px;

}



ul#commentlist li div.gravatar {

	width:50px;

	float:left;

	padding: 10px 0 0 10px;

}



ul#commentlist li div.gravatar img{

border: 2px solid #ccc;

}



ul#commentlist li div.commenttext{

padding: 0;

margin:5px 10px 5px 65px;

}



ul#commentlist li div.commenttext div.commentwrapper{

margin:0 0 0 5px;

padding: 3px 8px;

}



/*  sidebar styles */



#subscribe p{

font-size: 85%;

margin: 3px 0 10px 0;

}



.menu{

padding:0;

font-size:90%;

}



.menu a{

color:#FFF;

text-transform:capitalize;

font-size:10pt;

padding:3px;

}



.menu a:hover{

text-decoration:none;

}



.menu ul{

margin:auto;

padding:15px;

list-style-type:none;

text-align:center;

position:relative;

}



.menu ul li.widget{

padding:0px;

margin:0 0 0px 0px;

}



.menu ul li.widget ul{

	margin: 3px;

	padding:0;

	background-color:#990000;

}



.menu ul li.widget ul li{

border-bottom:1px dotted #ffcc33;

padding: 2px 0 2px 15px;

margin:0;

}



.menu ul li.widget ul li ul{

}



.menu ul li.widget ul li ul li{

border-top: 1px dotted #ffcc33;

border-bottom: none !important;

padding: 2px 0 2px 15px;

}



.menu ul li.widget h3{

background-image:url(http://diablitosworldonline.com/wp-content/themes/diablitos-world-online/images/menu_head.jpg);

height:33px;

font-family: arial;

font-size:200%;

padding:2px 0 1px 4px;

margin:0;

color: #fff;

font-weight: 800;

font-variant:small-caps;

}



.menu ul li h3 a{

color: #fff;

font-weight: 800;

}



.menu ul li h3 a:hover{

color: #fff;

text-decoration: none;

}



.menu form{

display:block;

margin:0px;

padding:4px;

}



.menu input{

margin:3px 0;

font-size:90%;

}



li.widget .textwidget, li.widget #search {

padding: 2px 5px;

}



/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 200px;

background:#FFF;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

}



#wp-calendar caption {

text-align: center;

width: 100%;

color:#FFF;

}



#wp-calendar td a{

padding: 3px 0;

text-align: center;

}

#wp-calendar td a{

color:#ff0000;

}

#footer a{

font-weight: 100;

}



#leaderboard {

display: block;

float:right;

}



li#calendar-2 h3{

background:url(images/sidebar/calendar.gif) center;

background-repeat:no-repeat;

}



li#pages-2 h3{

background:url(images/sidebar/pages.gif);

background-repeat:no-repeat;

font-size:0px;

}



li#linkcat-26 h3{

background:url(images/sidebar/links.gif);

background-repeat:no-repeat;

font-size:0px;

}



li#recent-posts-2 h3{

background:url(images/sidebar/recent.gif);

background-repeat:no-repeat;

font-size:0px;

}



li#ngg-images-379355481 h3{

background:url(images/sidebar/photos.gif);

background-repeat:no-repeat;

font-size:0px;

}



#sky {

	width:160px;

	height:600px;

	margin:auto;

}

#media {

display:block;

}

#rotator {

	display:block;

	float:left;

	margin-left:3px;

}

#video {

	display:block;

	float:right;

	margin-right:10px;

}