/*  
Theme Name: MagXtra
Description: A light blue theme with bold black and red accents.
Author: Ankur Savai
Author URI: http://www.aksinfo.com/
*/


/* Begin Main Structure */
body {
	font: 62.5% tahoma,Verdana, sans-serif;
	background: #8cb3d9 url(images/body.jpg) repeat 50% 30px;
	color: #444444; 
	margin:32px 0; 
	padding: 0; 
	text-align: center;
	}

#page {
	background: #fff url(images/dash-down.jpg) repeat-y 100% 0; 
	margin:0 auto;
	padding: 0;	
	text-align: left;
	width: 770px; 
	border: 5px solid #dadada;
	}
/* End Main Structure */



/* Begin Header */
#header {
	height:35px;
	width:775px;
	margin:0 auto;
	text-align:right;
	padding-right:5px;
	position:relative;
	}
	
#logo {
	position:absolute;
	top:0;
	left:0;
	font-size:3.8em;
	line-height:39px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#c5300f;
	background:url(images/logo.jpg) no-repeat 0 100%;
	height:65px;
	padding-left:28px;
	}
	
#header ul {
	line-height:35px;
	font-size:1.1em;
	margin:0;
	padding:0;
	}
	
	#header ul li {
		display:inline;
		list-style:none;
		}
		
		#header ul li a {
			color:#fff;
			background:url(images/bullet-grey.gif) no-repeat 0 .4em;
			padding-left:10px;
			margin-left:8px;
			}
			
		#header ul li a:hover {
			text-decoration:none;
			background-image:url(images/bullet-red.gif);
			}

#description {
	background:#f5f5f5 url(images/description.jpg);
	line-height:24px;
	height:25px;
	float:left;
	font-size:1.1em;
	text-align:right;	
	font-style:italic;
	color:#82acd6;
	width:541px;
	padding-right:8px;
	}
/* End Header */



/* Begin Overall General Settings */
	/* Begin Links and Headers */
	a, h2 a:hover, h3 a:hover, h1 a:hover { 
		color: #0033CC; 
		text-decoration: none; 
		}	

	a:hover, #bookmark:hover { 
		color: #c5310f;
                text-decoration: none;
		}
	
	h1, h2, h3 {
		font-weight: bold;
		margin:0;
		padding:0;
		letter-spacing:-.025em;
		}
		
	h1 {
		font-size:2em;
		margin-top:10px;
		}
		
	h2 { 
		font-size: 1.6em; 
		margin: 30px 0 0; 
		}

	h3 { 
		padding: 0; 
		font-size: 1.3em; 
		margin: 30px 0 0; 
		}
		
	h3.comments { 
		padding: 0; 
		margin: 40px auto 20px ; 
		}

	h2.pagetitle { 
		margin-top: 30px; 
		text-align: center; 
		}

	h2, h2 a, h3, h3 a, h1 a { 
		color: #000; 
		}

	h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
		text-decoration: none; 
		}	
	/* End Links and Headers */
	
	
	
	/* Begin Images */	
	a img {
		border: none;
		}
		
	p img { 
		padding: 0; 
		max-width: 100%; 
		}

	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

	img.alignright { 
		padding: 4px; 
		margin: 0 0 2px 7px; 
		display:block;
		border:1px dashed #dadada;
		}

	img.alignleft { 
		padding: 4px; 
		margin: 0 7px 2px 0; 
		display:block;
		border:1px dashed #dadada;
		}
	/* End Images */	
	
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #a9a9a9; 
	}	
	
code { 
	font: 1.1em 'Courier New', Courier, Fixed; 
	}
	
acronym, abbr, span.caps { 
	font-size: 0.9em; 
	letter-spacing: .07em; 
	cursor: help; 
	}

acronym, abbr { 
	border-bottom: 1px dashed #999; 
	}
	
.alignright { float: right; }

.alignleft { float: left }

blockquote { 
	margin: 15px 30px 0 10px; 
	padding-left: 20px;
	background:url(images/dash-down-red.jpg) repeat-y 0 0;
	}

blockquote cite { 
	margin: 5px 0 0; 
	display: block; 
	}

.center { text-align: center; }

hr { display: none; }

.navigation { 
	display: block; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 60px; 
	}
/* End Overall General Settings */



/* Begin Content Areas */
#content { 
	font-size: 1.4em;
	width:507px;
	float:left;
	padding-left:18px;
	}

small { 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	}

	/* Begin Post Area */
	.post { 
		margin: 0 0 40px; 
		text-align: justify;
		position:relative;
		}
		
	.postdate {
		background:#e0e0e0 url(images/tab.jpg);
		width:50px;
		height:38px;
		padding-top:5px;
		text-align:center;
		position:absolute;
		top:0;
		left:-58px;
		text-transform:uppercase;
		font-size:.8em;
		}
		
		.postdate-day {
			color:#82acd6;
			font-size:1.8em;
			display:block;
			}
		
	.postmetadata { 
		clear: left;
		background:url(images/dash-across.jpg) repeat-x 0 0;
		padding-top:5px;
		}
		
	.comments {
		background:url(images/icon-comments.jpg) no-repeat 0 50%;
		padding-left:18px;
		margin-left:12px;
		}
		
	.cats {
		background:url(images/icon-category.jpg) no-repeat 0 50%;
		padding-left:15px;
		}
	
	.postmetadata ul, .postmetadata li { 
		display: inline; 
		list-style-type: none; 
		list-style-image: none; 
		}
	
	.widecolumn .post { margin: 0; }
	
	.widecolumn .postmetadata { margin: 30px 0; }
	
	.widecolumn .smallattachment { 
		text-align: center; 
		float: left; 
		width: 128px; 
		margin: 5px 5px 5px 0px; 
		}
		
	.widecolumn .attachment { 
		text-align: center; 
		margin: 5px 0px; 
		}

	.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
	
	.entry {
		font-size:.9em;
		}
		
	.entry ul {
		margin:1.3em 0;
		padding:0;
		}
		
		.entry ul li {
			list-style:none;
			background:url(images/bullet-red-noplus.gif) no-repeat 0 7px;
			padding:2px 0 3px 15px;
			margin-left:10px;
			}
	
	.entry ol { 
		padding: 0 0 0 35px; 
		margin: 0; 
		}
		
	.entry ol li { 
		margin: 0; 
		padding: 0; 
		}
		
	.entry form { text-align:center; }
	/* End Post Area */



	/* Begin Comment Area */
	#commentform input { 
		width: 170px; 
		padding: 2px; 
		margin: 5px 5px 1px 0; 
		}
		
	#commentform p { 
		margin: 5px 0; 
		font-family: Tahoma, Verdana, sans-serif; 
		}
		
	#commentform textarea { 
		width: 100%; 
		padding: 2px; 
		}
		
	#commentform #submit { 
		margin: 0;
		}

	.commentlist { 
		padding: 0; 
		text-align: justify; 
		}
		
	.commentlist li { 
		margin: 15px 0 3px -8px; 
		padding:0 8px 8px; 
		list-style: none;
		position:relative;
		background:#f6f6f6;
		border-top:1px solid #e3e9ef;
		border-right:1px solid #e3e9ef;
		}
	
	.commentlist li.alt { 
		background-color: #fff;
		}
			
	.commentnumber {
		background:#e0e0e0 url(images/tab.jpg);
		width:50px;
		height:43px;
		text-align:center;
		position:absolute;
		top:-1px;
		left:-50px;
		font-size:2.1em;
		line-height:43px;
		color:#82acd6;
		}
		
	.commentlist p { 
		margin: 10px 5px 10px 0; 
		font-weight: normal; 
		line-height: 1.5em; 
		text-transform: none; 
		}
		
	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em Tahoma, Verdana, sans-serif; 
		}
		
	.commentlist cite {
		text-align:right;
		display:block;
		font-style:normal;
		}

	.nocomments { 
		text-align: center; 
		margin: 0; 
		padding: 0; 
		}

	.commentmetadata { 
		margin: 0; 
		display: block; 
		font-weight: normal; 
		}
	/* End Comment Area */
/* End Content Area */



/* Begin Search Form */
#searchform { 
	margin: 10px auto; 
	padding: 5px 3px; 
	text-align: center; 
	}
	
#sidebar #searchform #s { 
	width: 108px; 
	padding: 2px; 
	}
	
#sidebar #searchsubmit { 
	padding: 1px; 
	}
/* End Search Form */



/* Begin Sidebar */
#sidebar {
	float:right;
	width:200px;
	padding:0 10px;
	background:#e2ebf5;
	font-size:1.1em;
	margin-top:-20px;
	}
	
#bookmark {
	display:block;
	background:#eee url(images/bookmark.jpg);
	height:25px;
	width:160px;
	padding:6px 0 0 38px;
	color:#7b7c7c;
	font-size:1.3em;
	line-height:25px;
	}

#sidebar form { margin: 0; }

#sidebar h2 {
	color:#82acd6;
	font-size:2em;
	background:url(images/sidebar-h2.jpg) no-repeat 0 .2em;
	font-style:italic;
	padding-left:30px;
	margin:0;
	}

#sidebar ul, #sidebar ul ol { 
	margin: 0; 
	padding: 0; 
	}
	
#sidebar ul li {
	list-style:none;
	margin-bottom: 15px; 
	}
	
#sidebar ul ul, #sidebar ul ol {
	border-top:1px solid #b5c7da;	
	}

#sidebar ul ul li, #sidebar ul ol li {
	border-bottom:1px solid #b5c7da;
		margin:0;
	}
	
	#sidebar li li a {
		background:url(images/bullet-blue.gif) no-repeat 3px 6px;
		width:183px;
		padding:2px 0 3px 17px;
		display:block;
		color:#7b7c7c;
		}
		
	#sidebar li li a:hover {
		background-color:#f0f5fb;
		}

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }
/* End Sidebar */



/* Begin Footer */
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}
	
#footer, #footer a {
	color:#fff;
	}
/* End Footer */


/* Begin Calendar */
#wp-calendar { 
	empty-cells: show; 
	margin: 10px auto 0; 
	width: 155px; 
	}

#wp-calendar #next a { 
	padding-right: 10px; 
	text-align: right; 
	}
	
#wp-calendar #prev a { 
	padding-left: 10px; 
	text-align: left; 
	font-size: 9pt; 
	}
	
#wp-calendar a { 
	display: block; 
	text-decoration: none; 
	}

#wp-calendar caption { 
	text-align: center; 
	width: 100%; 
	font: bold 1.3em Tahoma, Verdana, sans-serif;
	}

#wp-calendar td { 
	padding: 3px 0; 
	text-align: center; 
	}
	
#wp-calendar td.pad:hover { background-color: #fff; }

#wp-calendar th { 
	font-style: normal; 
	text-transform: capitalize; 
	}
/* End Calendar */



/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Ankur Savai
www.aksinfo.com
*/