/*

Theme Name: Expansion

Theme URI: 

Description: Custom Wordpress Theme

Author: Waqas

Tags: fixed width, right sidebar, two columns, valid XHTML

*/



body {

	background-image:url(images/gradient_bg.gif);

	background-color:#7EC7D6;

	background-repeat:repeat-x;

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

	margin:0px;

	padding:0px;

	}



/************************/

/*      Main Style      */

/************************/

#main {

	width:820px;

	margin:auto;

	}



/************************/

/*   Logo/Menu Style    */

/************************/

#topbar{

	width:820px;

	margin-top:0px;

	}

/*** Logo ***/

#logo {

	width:300px;

	float:left;

	margin-left:10px;

	}

/*** Menu ***/

/*#menu {

	width:500px;

	float:right;

	margin-top:20px;

	}

	

#menu ul{

	text-align:center;

	margin:0px;

	padding:0px;

	list-style:none;

	}



#menu li{

	display:inline;

	line-height:25px;

	font-weight:bold;

	font-size:12px;

	text-transform:uppercase;

	padding:0px 5px 0px 5px;

	}

	

#menu li a{

	color:#000000;

	text-decoration:none;

	}

#menu li a:hover{

	border-bottom:solid 0px #000000;

	}

*/

/************************/

/*    Wrapper Style     */

/************************/

#wrapper {

	width:820px;

	margin:auto;

	}

/*** banner ***/

#banner {

	width:820px;

	height:262px;

	background-image:url(images/top.png);

	background-repeat:no-repeat;

	margin:0px;

	padding:0px;

	}



#banner_text {

	width:370px;

	float:left;
      

	margin:25px 0px 0px 30px;

	}



#banner_text h1{

	color:#9FC626;

	font-size:24px;

	text-align:left;

	margin:3px 3px 3px 25px;

	Padding:0px

	}



#banner_text ul{

	margin:5px 0px 0px 50px;

	Padding:0px

	}



#banner_text li{

	color:#FFFFFF;

	font-size:16px;

	margin:5px 0px 0px 5px;

	Padding:0px

	}



#flash {

	width:390px;

	float:left;

	margin:20px 0px 0px 0px;

	}



	

/*** Inner Wrapper ***/



#before_inner-wrapper {

	width:820px;

	height:19px;

	background-image:url(images/top_bar.png);

	margin:auto;

	padding:0px 0px 5px 0px;

	}





#inner-wrapper {

	width:820px;

	background-image:url(images/gradient_fill.png);

	background-repeat:repeat-y;

	margin:auto;

	padding:0px 0px 5px 0px;	

	}



/*** Content Area ***/

#content {

	width:555px;

	float:left;

	margin:0px 0px 0px 10px;

	}



#postarea {

	width:550px;

	padding-left:10px;

	overflow:hidden;

	}



#postarea h1{

	font-size:24px;

	color:#9FC626;

	border-bottom:dashed 1px #CCCCCC;

	margin:5px 0px 10px 0px;

	padding:0px;

	}



#postarea h1 a{

	color:#9FC626;

	text-decoration:none;

	}



#postarea h2{

	font-size:18px;

	color:#990000;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#postarea p{

	font-size:14px;

	color:#333333;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#postarea ul{

	font-size:14px;

	color:#333333;

	}



#postarea ol{

	font-size:14px;

	color:#333333;

	}



#postarea li{

	font-size:14px;

	color:#333333;

	}



/*** Content Area ***/

#content-wide {

	width:800px;

	margin:auto;

    padding:0px;

	}



#postarea-wide {

	width:780px;

	margin:auto;

	overflow:hidden;

	}



#postarea-wide h1{

	font-size:24px;

	color:#990000;

	border-bottom:dashed 1px #CCCCCC;

	margin:5px 0px 10px 0px;

	padding:0px;

	}



#postarea-wide h1 a{

	color:#990000;

	text-decoration:none;

	}



#postarea-wide h2{

	font-size:18px;

	color:#990000;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#postarea-wide p{

	font-size:14px;

	color:#333333;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#postarea-wide ul{

	font-size:14px;

	color:#333333;

	}



#postarea-wide ol{

	font-size:14px;

	color:#333333;

	}



#postarea-wide li{

	font-size:14px;

	color:#333333;

	}

/*** Sidebar ***/

#sidebar {

	width:222px;

	float:right;

	margin:0px 15px 5px 0px;

	}

	

#side-top {

	width:222px;

	height:19px;

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

	background-repeat:no-repeat;

	padding:0px;

	margin:0px;

	}



#side-box{

	width:222px;

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

	padding:0px;

	margin:0px;

	overflow:hidden;

	}



#side-items {

	width:198px;

	margin-left:15px;

	}

.title {

	font-size:18px;

	color:#9FC626;

	margin:10px 0px 10px 6px;

	padding:0px;

	}



#side-items h1{

	font-size:18px;

	color:#990000;

	margin:5px 0px 150px 0px;

	padding:0px;

	}



#side-items h2{

	font-size:14px;

	color:#990000;

	margin:10px 0px 10px 0px;

	padding:0px;

	}



#side-items ul{

	font-size:14px;

	color:#9FC626;

	margin:0px 0px 0px 25px;

	padding:0px;

	}



#side-items li{

	color:#9FC626;

	}




#side-items p{

	font-size:14px;

	color:#333333;

	margin:10px 0px 10px -15px;

	padding:0px 5px 0px 0px;

	}



#side-bottom {

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

	background-repeat:no-repeat;

	width:222px;

	height:35px;

	overflow:hidden;

	}



/************************/

/*     Footer Style     */

/************************/



#footer {

	width:820px;

	height:100px;


	background-image:url(images/bottom.gif);

	background-repeat:no-repeat;

	}



#footer p{

	font-size:14px;

	text-align:center;

	margin:0px;

	padding:5px 0px -1px 0px;

	color:#7EC7D6;

	}

#footer ul{
width:800px;
height:20px;
margin:0px;
padding:0px;
}

#footer li{

	font-size:14px;

        margin:5px 0px 0px 20px;

	padding:0px 0px 0px 18px;

        color:#FFFFFF;

	list-style:none;

        float:left;
	border-left:#FFFFFF solid 1px;
}


#footer li a{

	font-size:14px;
        color:#FFFFFF;

}

#copyright {

	text-align:center;

	font-size:12px;

	color:#FFFFFF;

	margin:0px 0px 5px 0px;

	padding:0px;

	}





/************************/

/*     Misc. Style      */

/************************/



#clear {

	clear:both;

	}



#date {

	font-size:12px;

	color:#333333;

	}



a {

	color:#003399;

	text-decoration:none;

	}



a:hover{

	text-decoration:underline;

	}



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

	}