@charset "utf-8";
/* CSS Document */
/*  
Theme Name: 	Baseball
Theme URI: 		
Description: 	An easy-to-use and tweak theme based on the blue sky background image. Two columns
Author: 		xceedbd
Author URI: 	www.xceedbd.com
Tags:		two-columns, fixed-width,  left-sidebar
Version:		1.1.0
*/

/**************** Body and tag styles ****************/
BODY {
	PADDING: 0px;
	MARGIN: 0px; 
	FONT: 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #7f7e7e;
	BACKGROUND:#b8e9ff url(images/b_bg.gif) repeat-x;
	TEXT-DECORATION: none;
}

H1, H2, H3, H4 {
	FONT-FAMILY: 'Trebuchet MS',Trebuchet,Futura,Arial,sans-serif;
}

H1 {
	FONT-SIZE: 220%; MARGIN-BOTTOM: 15px; COLOR: #000080; LINE-HEIGHT: 130%; FONT-FAMILY: Helvetica;
}
H2 {
	MARGIN-TOP:20px; FONT-SIZE: 160%; MARGIN-BOTTOM: 10px; LETTER-SPACING: 0px
}
H3 {
	MARGIN-TOP: 12px; FONT-SIZE: 135%; LETTER-SPACING: 1px
}
H4 {
	MARGIN-TOP: 17px; FONT-SIZE: 115%; LETTER-SPACING: 1px FONT-COLOR: #FF0000;
}
INPUT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
EM {
	COLOR: red;
}
A {
	CURSOR: pointer; 
	COLOR: #105cb6; 
	outline: none;
	TEXT-DECORATION: none
}

A:hover {
	COLOR: #003;
	TEXT-DECORATION: none
}
A:active {
	COLOR: #000;
}

/**************** Header , navigation, page styles ****************/

#page
{
BORDER: 0px ;
PADDING: 0px;
MARGIN: 0px auto;
WIDTH: 792px;
COLOR: #036; 
TEXT-ALIGN: left;
line-height:1.3em;
BACKGROUND:url(images/bg.gif) repeat-y;
}

#page .top1{
	padding:0px;
	margin:0px;
	background:url(images/header_1.jpg) no-repeat top;
	height:113px;
}


#page .top2{
	padding:0px;
	margin:0px;
	background:url(images/header_2.jpg) no-repeat top;
	height:79px;
}


#navigation {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	overflow: hidden;	
}

.alignleft {
	text-align: left;
	float: left;
	padding-left:20px;
}

.alignright {
	text-align: right;
	float: right;
	padding-right:20px;
}

#header {	
	width: 550px;
	margin: 0 auto;
	margin-top:-120px;
	margin-left:200px;
}

#header .content {
	margin:0px;
	padding:0px;	
	width: 525px;
	float:left;
	margin-left:50px;
	
}

#header .content .title {
	margin:0px;
	padding:0px;	
	width: 525px;
	float:left;
	margin-left:5px;
}

#header .content .title h2{
padding:0px;
margin:0px;
font-size:24px;
font-family:Arial;
margin-left:0px;
color: #000000;
font-weight:bold;
text-transform:capitalize;
margin-bottom:10px;
}

#header .content .text {
	margin:0px;
	padding:0px;	
	width: 425px;
	float:left;
	margin-left:70px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

#header .content .learnmore {
	margin:0px;
	padding:0px;	
	width: 145px;
	height:30px;
	float:right;
	text-align:right;
	margin-right:45px;
	margin-top:5px;
	background:url(images/learn_more.gif) no-repeat;
}

#page .top1 #menu {height:20px;float:right; margin-right:25px; margin-top:10px;}
ul.menu{list-style:none;margin:0px;padding:0;}
ul.menu li{float:left;margin:0; padding-right:20px; list-style-image:url(images/separator.gif);  }
ul.menu li a {font:15px Arial; color:#000000; text-transform:capitalize; padding-left:0px;padding-left:0px;line-height:20px; }
ul.menu li a:hover {text-decoration:none; color:#000000;}
ul.menu li a:visited {color:#000000;}

/* Logo */

#page .top1  #logo {
margin:0 0 0 0;
padding:0px;
BORDER:0px;
float:left;
text-align:left;
width:350px;
height:26px;
text-transform:inherit;
margin-top:12px;
margin-left:15px;
}

#page .htop #logo A{
background: none;
text-decoration: none;
color: #ffffff;
}


/**************** Content styles ****************/

#content{
margin:0px; 
padding:0px; 
float:left; 
width:525px;
font-size:12px;
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
}


#content .post {
padding:0px;
margin:0px;
margin-top:20px;
}

#content .post .title {	
	padding:0px;
	margin:0px;
	color:#000000;
	margin-left:5px;
	width:95%;	
}


#content .post .title h1{
padding:0px;
margin:0px;
font-size:24px;
font-family:Arial;
margin-left:0px;
color: #000000;
text-transform:capitalize;
width:98%;
TEXT-ALIGN:left;
}
#content .post .title a {
	background: none;
	color: #000000;
	padding-left:0px;
	
}

#content .post .entry {
	margin:0px;
	padding:0px;
	text-align:justify;	
	margin-left:5px;
	color:#000000;
	width:95%;
	font-family:Arial;
	font-size:12px;
}

/* Sidebar */
#sidebar {
margin: 0px;
padding: 0px;
float:left;	
width:207px;	
margin-left:12px;
margin-top:5px;
background:url(images/sid_m.gif) repeat-y;
}

#sidebar .sidtop{
margin:0px; 
padding:0px;
height:13px;
background:url(images/sid_top.gif) no-repeat top;
}

#sidebar .sidbottom{
clear:both;
margin:0px; 
padding:0px;
height:11px;
background:url(images/sid_b.gif) no-repeat bottom;
}

#sidebar a {
		color: #000000;
		text-decoration: none;}
	
#sidebar a:hover {
		text-decoration: underline;}
	
#sidebar h3 {
			padding-left: 10px;
			padding-top:0px;
	        font-size:15px;
	        font-weight:bold;
	        font-family:Arial;
	        color:#000000;
			text-transform: capitalize;			
			letter-spacing: 0px;
			}
			
#sidebar h3 a{
padding-left: 10px;
}			
		
#sidebar ul {
			margin: 0 0 10px 8px;
			padding: 0;
			list-style-type: none;}
		
#sidebar ul li {
			color: #000000;
			font:Arial;
			size: 12px;
			list-style:none;			
			margin : 3px 3px 3px 3px;
			margin-left:22px;
			}		
#sidebar ul li a {
			color: #000000;
			text-decoration: none;}
		
#sidebar ul li a:hover {
			text-decoration: underline;}


#comments { padding:0 0 0 14px; font-size:11px;}
#comments a, .block.center .top_post .meta .tags a {color:#71d4ff;}
#comments .comment { min-height:111px; padding-bottom:10px;  margin:0 0 0px 0;}
#comments .comment .meta {  font-size:11px; color:#71d4ff; width:100%; }
#comments .comment .author { margin-left:5px;float:left; color:#71d4ff; width:100%;}
#comments .comment .author a, #comments .comment .author span {font-weight:bold; font-size:12px;}
#comments .comment .date {float:left; margin-left:0px; width:100%;}
#comments .comment .text { font-size:11px; color:#4d4d4d; padding:0px 0px;}

#commentform td  { padding:7px 0;}
#commentform input { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:200px;}
#commentform textarea { background:#fafafa; border:1px solid #cccccc; color:#666666; padding:4px; width:270px; height:135px;}

/**************** footer styles ****************/

#footer {
	CLEAR: both; 	
	MARGIN: 0px auto;	
	height:60px;	
	COLOR: #a0a0a0;
	text-align:center;
	background:url(images/footer.gif) no-repeat bottom;
}
#footer .content { padding:0px; margin:0px; margin-top:0px; padding-top:0px;}

#footer P {
	margin: 0px;
	text-align:center;	
	line-height: normal;
	font-size: 12px;
	text-transform:capitalize;
	padding-top:1px;
	margin-right:0px;
}
#footer A {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%; 
	COLOR: #000000;
}
#footer A:hover {
	COLOR: #323030; 
	TEXT-DECORATION: underline
}

img {
float: left;
padding-right: 5px;
border: 0;}