/*

Theme Name: Simpatico

Theme URI: 

Description: Custom Wordpress Theme

Author: Waqas

Tags: fixed width, one column, valid XHTML

*/



body {

	background-image:url(images/bg.jpg);

	background-color:#b5d9ad;

	background-repeat:repeat-x;

	font-size:14px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	margin:0px;

	padding:0px;

	color:#000;

	}



#main {

	width:903px;

	margin:auto;

	padding-top:10px;

	}



#topbar {

	width:903px;

	height:50px;

	background-image:url(images/topbar.png);

	background-repeat:no-repeat;

	margin:0px;

	padding:0px;

	}



/*** Header ***/

#header {

	width:900px;

	margin:0px;

	padding:0px;

	}



/*** Logo ***/

#logo {

	width:500px;

	float:left;

	margin:10px 0px 0px 20px;

	padding:0px;

	}



/*** Banner ***/

#banner {

	width:350px;

	height:240px;

	float:right !important;

	margin:5px 0px 5px 0px;

	padding:0px;

	background-image:url(images/banner.png);

	background-repeat:no-repeat;

	}



/*** Menu ***/

/*#menu {

	width:903px;

	height:50px;

	background-image:url(images/nav.png);

	background-repeat:no-repeat;	

	margin:0px;

	padding:0px;

	}



#menu ul{

	height:50px;

	text-align:center;

	list-style:none;

	margin:0px 0px 0px 0px;

	padding:1px 0px 0px 0px;

	}

	

#menu li{

	background:url(images/bullet.jpg);

	background-repeat:no-repeat;

	background-position:center left;

	display:inline;

	font-size:18px;

	color:#525252;

	text-transform:uppercase;

	padding:13px 0px 12px 0px;

	margin:0px;

	margin-right:-5px;

	}



#menu li a{

	font-size:18px;

	color:#525252;

	line-height:45px;

	text-decoration:none;

	padding:12px 15px 12px 15px;

	margin:0px 0px 0px 1px;

	}



#menu li a:hover{

	background-color:#B4DEF5;

	text-decoration:none;

	font-size:18px;

	color:#525252;

	padding:13px 15px 12px 15px;

	margin:0px 0px 0px 1px;

	}

*/

/*** Content ***/

#content {

	width:900px;

	margin:auto;

	}



#content-narrow {

	width:700px;

	margin:0px;

	padding:0px;

	float:left;

	}



/*** Post Area ***/

#postarea {

	width:870px;

	margin:auto;

	}



#postarea h1{

	color:#55754D;

	font-size:24px;

	border-bottom:dashed 1px #666666;

	margin:10px 0px 0px 0px;

	padding:0px;

	}



#postarea h1 a{

	color:#55754D;

	font-size:24px;

	border-bottom:dashed 1px #666666;

	text-decoration:none;

	}

	

#postarea h2{

	color:#55754D;

	font-size:18px;

	margin:5px 0px 5px 0px;

	padding:0px;

	}



#postarea p{

	color:#333333;

	font-size:14px;

	}



#postarea ul{

	color:#333333;

	font-size:14px;

	}



#postarea li{

	color:#333333;

	font-size:14px;

	}



/*** Narrow Post Area Styles ***/

#postarea-narrow {

	width:680px;

	margin:0px;

	padding:10px 10px 10px 0px;

	float:left;

	}



#postarea-narrow h1{

	color:#55754D;

	font-size:24px;

	border-bottom:dashed 1px #666666;

	margin:10px 0px 0px 0px;

	padding:0px;

	}



#postarea-narrow h1 a{

	color:#55754D;

	font-size:24px;

	border-bottom:dashed 1px #666666;

	text-decoration:none;

	}

	

#postarea-narrow h2{

	color:#55754D;

	font-size:18px;

	margin:5px 0px 5px 0px;

	padding:0px;

	}



#postarea-narrow p{

	color:#333333;

	font-size:14px;

	}



#postarea ul{

	color:#333333;

	font-size:14px;

	}



#postarea-narrow li{

	color:#333333;

	font-size:14px;

	}

	

/*** Sidebar ***/

#sidebar {

	width:200px;

	float:left;

	margin:0px 0px 5px 0px;

	}

	

#side-items {

	width:200px;

	margin:auto;

	}

.title {

	font-size:18px;

	color:#55754D;

	margin:10px 0px 10px 0px;

	padding:3px;

	text-align:center;

	border:solid 3px;

	background-color:#eee;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	}



#side-items h1{

	font-size:18px;

	color:#5E86A8;

	margin:5px 0px 150px 0px;

	padding:0px;

	}



#side-items h2{

	font-size:14px;

	color:#5E86A8;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#side-items ul{

	font-size:14px;

	color:#333333;

	margin:0px 0px 0px 25px;

	padding:0px;

	}



#side-items li{

	}



#side-items p{

	font-size:14px;

	color:#333333;

	text-align:justify;

	margin:10px 0px 10px 5px;

	padding:0px 5px 0px 0px;

	}







/*** Footer ***/

#footer {

	width:900px;

	text-align:center;

	border-top:dashed thin #EEEEEE;

	padding-top:10px;

	margin-top:30px;	

	}



#botnav {

	width:900px;

	margin:auto;

	padding:0px;

	}

	

#botnav ul{

	text-align:center;

	list-style:none;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	}

	

#botnav li{

	background:url(images/bullet.jpg);

	background-repeat:no-repeat;

	display:inline;

	font-size:14px;

	color:#525252;

	font-weight:bold;

	padding:0px 5px 0px 10px;

	margin:0px;

	}



#botnav li a{

	text-decoration:none;

	}



#botnav ul ul {

	display:inline;

	}



#footer p{

	font-size:14px;

	margin:8px 0px 3px 0px;

	padding:0px;

	}



/*** Misc Styles ***/	

#clear {

	clear:both;

	}

	

a {

	color:#3a5534;

	text-decoration:underline;

	}



a:hover {

	color:#3a5534;

	text-decoration:none;

	}



#date {

	font-size:12px;

	color:#333333;

	}



.navigation {

	width:100%;

	margin:auto;

	margin-bottom:10px;

	}



.align-left {

    width:49%;

	float:left;

	}



.align-right {

    width:49%;

	float:right;

    text-align:right;

	}



textarea {

	width:500px;

	}



#wp-calendar {

	margin:auto;

	}



.alignleft {

	float:left;

	}



.alignright {

	float:right;

	}
