/*
Theme Name: Mato S. The Blues
Theme URI: http://www.imtipsblog.com/wordpress/mato
Description: Mato Series The Blues
Version: 1.1
Author: Alexander X
Tags: widget ready, valid html, valid css, 2 columns, fixed width, mato, mato blues, ads ready, banner ready
*/
body
{
	font-family:Arial, Georgia, serif;
	font-size:12px;
	color:#000;
	background:url(images/back.png) #000;
	text-align:center;
	margin:0;
	padding:0;
}

.clear
{
	clear:both;
}

/*////////////////////////////////////////////////*/
/* ADS SECTION - EDIT YOUR ADS SETTING HERE 	*/
/* IF YOU WANT TO CHANGE BANNER PICTURE,     	*/
/* GO TO 								   	*/
/* INDEX.PHP FOR SIDE ADS					*/
/* HEADER.PHP FOR TOP BANNER AND HEADER		*/
/* BANNER								*/
/*////////////////////////////////////////////////*/

/*TOP ADS/////////////////////////////////////*/
#banner
{
width:848px;
height:90px;
margin: 10px auto 10px auto;
background: transparent;
}

#banner img{border:0;
}

/* HEADER BANNER //////////////////////////// */
#headerbanner{
float:right;
margin: 30px 10px 10px auto;
width:468px;
height:60px;
overflow: hidden;
background: transparent;
}
#headerbanner img{border:0;
}



/*SIDE ADS ///////////////////////////////////////*/
.sideads
{
/* SIDEADS LEFT 
	float:left;
	margin: 0 0 0 -147px;
	*/
/* SIDEADS RIGHT	*/
	margin: 0px -147.5px 0 0;
	float:right;
	background: #020A15;
	width:145px;
	height: 550px;
	font-size:14px;
}

/* ADS SECTION END /////////////////////////////*/

#headercontent
{float:left;
width:365px;
}
#header
{
	width:848px;
	height:100px;
	background:transparent url(images/header_img.jpg) no-repeat;
	text-align:left;
	margin:0px auto 0 auto;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
}

#header h1
{
	padding-top:10px;
	padding-left:10px;
	font-family:Arial, sans-serif;
	font-weight:400;
	font-size:24px;
	margin:0;
}

#header h4
{
	padding-left:10px;
	font-family:Arial, sans-serif;
	font-weight:400;
	font-size:12px;
	color:#B4E1FF;
	margin:0;
}

#header a:link,#header a:visited,#header a:active,#header a:hover
{
	color:#FFF;
	text-decoration:none;
}

#header a:hover
{
	color:#B4E1FF;
}

#menu
{
	width:848px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	background:url(images/menu_bg.png) #000;
	margin:0 auto;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:1px solid #000;
}

#menu ul
{
	border:none;
	float:left;
	overflow:hidden;
	width:648px;
	height:36px;
	margin:0;
	padding:0px;
}

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

#menu a:link,#menu a:visited,#menu a:active,#menu a:hover
{
	color:#FFF;
	font-weight:700;
	text-decoration:none;
	margin : 0px;
	display: block;
	padding: 10px 20px 10px 20px;
}

#menu a:hover
{
	color:#fff;
	text-decoration:none;
	background:#061524;
}

.search
{
	width:200px;
	float:right;
	margin: 0 0 0 0;
}

.search_form
{
	margin:1px 0px 0px 0px;
	padding:3px 0 0 0;
		vertical-align:middle;
	background:url(images/search.png) no-repeat;
}

.search_form input
{
	vertical-align:middle;
	margin:4px 0 4px -35px;
	padding:0px;
	border:0;
	background: transparent;
	color:#ddd;
	height:20px;
}

#content
{
	width:848px;
	text-align:left;
	margin:0 auto;
	padding:0px;
	background:#020A15;
	color:#ddd;
	border-left:2px solid #000;
	border-right:2px solid #000;
}

.left
{
	float:left;
	width:232px;
	color:#ffffff;
		overflow: hidden;
}

.left .lpadding
{
	background:#FFF2E4;
	margin:0px;
}

.left .title
{
	background:#0D9FF2 url(images/cat.gif) repeat-x;
	padding:7px 0 8px 8px;
}

.left .title h1
{
	color:#000;
	font-size:14px;
	text-transform:uppercase;
  font-weight:none;
	background:url(images/bullet.png) no-repeat left center;
	margin:0;
	padding:0 0 0 20px;
}

.left p
{
	margin:0;
	padding:10px;
}

.left ul
{
	margin:0;
	padding:0;
}

.left ul li
{
  margin           : 0px;
  display          : block;
  padding          : 5px 0px 5px 28px;
  width            : 204px !important;
  width            : 180px;
  background	   : #020A15 ;
  border-bottom    : 2px solid #061524;
}

.left ul li:hover
{
    background	   : url(images/list2.png) ;
}
.left ul li li
{
    background	   : transparent ;
	padding        : 5px 0px 5px 10px;
}
.left ul li li:hover
{
    background	   : transparent ;
}
.left a
{
  margin           : 0px;
  font-size:14px;
  font-weight:none;
  text-decoration  : none;
}



.sideads h2
{
  margin:0;
  font-weight:none;
  text-align:center;
  font-size: 12px;
  padding: 2px 0 2px 0px;
}

.sideads h2 a:link,.sideads h2 a:visited,.sideads h2 a:active,.sideads h2 a:hover
{
	color:#F7F7F7;
	text-decoration:none;
}

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

.sideads ul li
{
	list-style:none;
	margin:0;
	padding:0;
}

.sideads img
{
border:0;
}

.right
{
	float:right;
	width:616px;
	font-size:14px;
}

.right .rpadding
{
	padding:0 13px 20px 10px;
}

.right .title
{
	border-bottom:1px dotted #626262;
	padding:0px 0;
	margin:5px 0 0 0;
	background: url(images/cat.gif) repeat-x #0350BA;
}

.right .title h1
{
	font-size:14px;
	color:#000;
	float:left;
	text-transform:none;
	margin:4px 5px;
	background:url(images/edit.png) no-repeat left center;
	padding:5px 0 5px 40px;
}

.right .title h4
{
	font-weight:400;
	font-size:13px;
	color:#f7f7f7;
	font-style:italic;
	float:right;
	background:url(images/clock.png) no-repeat left center;
	margin:4px 5px;
	padding:5px 0 5px 32px;
}

.right p
{
	margin:0px;
	padding:5px 0 0px 5px;
}

.right a:link,.right a:visited,.right a:active,.right a:hover
{
	color:#5eacd3;
	text-decoration:underline;
}

.tags
{
	font-size:12px;
	margin:12px 0 0;
	padding:2px 5px;
}

.permalink
{
	font-size:11px;
	margin:1px 0;
	padding:2px 5px;
}

.permalink a:link,.permalink a:visited,.permalink a:active,.permalink a:hover
{
	color:#0D9FF2;
	text-decoration:underline;
}

#footer
{
	width:848px;
	color:#ddd;
	text-align:center;
	font-size:11px;
	background:#1784C9;
	margin:0 auto;
	border-left:2px solid #000;
	border-right:2px solid #000;
}

#footer .fimg
{
	background:url(images/footer_img.jpg) no-repeat;
	height:112px;
}

#footer p
{
	margin:0;
	padding:70px 0 0;
}

#footer a:link,#footer a:visited,#footer a:active,#footer a:hover
{
	color:#FFF2E4;
	font-weight:700;
	text-decoration:underline;
}

#footer a.sec:link,#footer a.sec:visited,#footer a.sec:active,#footer a.sec:hover
{
	color:#083858;
	font-weight:700;
	text-decoration:underline;
}

h2
{
	font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:18px;
}

h3
{
	font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:16px;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea
{
	background:#032D63;
	border:1px solid #333;
	padding:.2em;
	color:#ddd;
	font-family:Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}



#commentform textarea
{
	width:99%;
	
}

#commentlist
{
	list-style-type: none;
	margin: 15px 0 15px 0;
	padding: 0;
}



#commentlist li
{
	border-left:0px solid #000;
	font-size:14px;
	padding: 5px 0 5px 5px;
	margin:15px 0 30px 0px;
	list-style-type:none;
	border: 1px solid #d9c8b3;
}

#commentlist li:hover
{
	background: #032D63;
}

#commentlist li ul
{
	border-left:1px solid #000;
	font-size:110%;
	list-style-type:none;
}

#commentlist li .avatar
{
	float:right;
	margin-right:20px;
	border:2px solid #ddd;
	padding:2px;
}

#wp-calendar
{
	border:1px solid #717679;
	empty-cells:show;
	font-size:14px;
	width:90%;
	margin:5px auto 10px;
}

#wp-calendar #next a
{
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a
{
	padding-left:10px;
	text-align:left;
}

#wp-calendar a
{
	display:block;
	text-decoration:none;
}

#wp-calendar a:hover
{
	background:#e0e6e0;
	color:#717679;
}

#wp-calendar caption
{
	color:#999;
	font-size:16px;
	text-align:left;
}

#wp-calendar td
{
	color:#717679;
	font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing:normal;
	text-align:center;
	padding:2px 0;
}

#wp-calendar td.pad:hover
{
	background:#fff;
}

#wp-calendar td:hover,#wp-calendar #today
{
	background:#eee;
	color:#bbb;
}

#wp-calendar th
{
	font-style:normal;
	text-transform:capitalize;
}

p img
{
	max-width:100%;
	padding:0;
}

img.alignright
{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft
{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

.alignright
{
	float:right;
}

.alignleft
{
	float:left;
}

img
{
	border: 3px solid #d5d5d5;
 }

.left ul li ul li,.left ul li ul li ul li
{
	border:0;
}

#menu a:hover,.left a:hover,.right h1 a:hover
{
	text-decoration:none;
}

.left a:link,.left a:visited,.left a:active,.left a:hover
{
	color:#ddd;
	text-decoration:none;
}

.right h1 a:link,.right h1 a:visited,.right h1 a:active,.right h1 a:hover
{
	color:#f7f7f7;
	text-decoration:none;
}
.right a:hover,.permalink a:hover,#footer a:hover,#footer a.sec:hover
{
	text-decoration:none;
}



img.centered,.aligncenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.right ul li,.right ol li
{
	margin:5px 0 5px 0;
}