/*
Theme Name: Blue Wheat
Theme URI: http://dpc.org.au/wordpress
Description: A wordpress version of my popular wheat template as featured in Joomla for Dummies.
Author: Wayne Connor
Author URI: http://macintoshhowto.com/about
Coding: Mohammad Belal Hossain
Version: 1.01
Tags: black, blue, white, three-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* 
	+-----------------------------------+
	|Clean Up Codes from joomla css file| 
	+-----------------------------------+
*/
	/*****************************/
	/*** Core html setup stuff ***/
	/*****************************/
	html {
	  height: 100%;
	  margin-bottom: 1px;
	}
	form {
	  margin: 0;
	  padding: 0;
	}
	body {
		font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; 
		color: #444;
		line-height: 1.5;
		margin: 0px 0px 0px 0px;
	}
	a:link{
		text-decoration: none;
		font-weight: normal;
		color: #0060d0;
		margin-left: 1px;
		margin-right: 1px;
	}
	 a:visited {
		text-decoration: none;
		font-weight: normal;
		color: #0060d0;
	}
	a:hover {
		font-weight: normal;
		color: #06c;
		border-bottom:1px solid #06c;
	}
	input.button { cursor: pointer; }
	p { 
		margin-top: 0; 
		margin-bottom: 5px; 
		margin-right: 5px;
		font-size: 12px;
		line-height: 1.5;
	}
	img { border: none; }
	ul { margin: 0; padding: 0; }

	/*****************************************/
	/*** Template specific layout elements ***/
	/*****************************************/
	#page_bg {
		padding: 0px 0;
		margin-bottom: 1px;
	}
	div.center {
	  text-align: center;
	}
	div#wrapper {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		background: #f7f7f7 url(images/mw_shadow_l.png) 0 0 repeat-y;
	}

	div#wrapper_r {
		background: url(images/mw_shadow_r.png) repeat-y top right;
	}
	div#header {
		width: 1000px;
		height: 203px;
		background-image: url(images/mw_header_t.png);
		padding-bottom: 20px;
	}

	div#tabarea {
		background: #f7f7f7 url(images/mw_header_b.png) 0 0 repeat-x;
		margin: 0 11px;
	
	}
	div#tabarea_l {
		background: url(images/mw_header_l_b.png) 0 0 no-repeat;
		padding-right: 132px;
	}
	div#tabarea_r {
		height: 28px;
		background: url(images/mw_header_r_b.png) 100% 0 no-repeat;
		padding-right: 1px;
	}


	#nav  {
		white-space: nowrap;
		height: 24px;
		z-index: 20;
		float: left;
	}
	#nav ul {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
	}
	/*  top menu separators and padding all lists */
	#nav li {
		float: left;
		cursor: pointer;
	}
	#nav li ul { 	 /*submenus*/
		left: -999em;
		height: 24px;
		width: 130px;
		position: absolute;
	}
	#nav li li {
		margin: 0;
		padding: 0 0 0px 0;
	}
	/* width of submenus */
	#nav ul ul a {
		width: 131px;
	}
	/* REVEAL SUB MENUS*/
	#nav li:hover ul, #nav li.sfhover ul, #nav li:hover ul ul, #nav  li.sfhover ul ul {
		left: auto;
	}
	#nav li a {
		display: block;
		text-decoration: none;
		font: 13px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
		width: 130px;
		color:#111;
		text-align: center;
		border-style: none;
	}

	/* top menu rollover state*/
	#nav li a:hover, #nav li a:active, #nav li a:focus {
		background: url(images/mw_menu_active_bg.png)  0 0 repeat-x;
		color: #fff;
	}
	#nav li {
		margin: 0;
	}
	/* this bit makes the active link remembered in a lighter color.*/
	#nav li.active a {
		color:  #888;
	}
	/* submenu and sub submenu normal color*/
	#nav ul ul li a {
		color: #111;
		background: url(images/mw_menu_normal_bg.png) repeat-x;
		text-align: center; 
		opacity:.9; 
		filter:alpha(opacity=90);
		border-right: 1px solid #bfbfbf;
		border-left: 1px solid #bfbfbf;
		border-bottom: 1px solid #bfbfbf;
		border-top: 0 none #bfbfbf;
		margin: 0;
		padding: 0;
	}

	#search {
		float: right;
		width: 320px;
		margin-top: -20px;
		margin-right: 30px;
		height: 31px;
		overflow: hidden;
		text-align:right;
	}

	#pathway {
		width: auto;
		margin-top: -2px;
		margin-right: 250px;
		text-align: left;
		padding: 0px 10px 0;
	}

	#whitebox {
		margin: 0 21px 0px 21px;
		background: #fff;
		width: auto;
	}
	#whitebox a{}
	#whitebox img {} 
	#whitebox div { text-align: left; }
	#whitebox_t { background: #fff url(images/mw_content_t.png) 0 0 repeat-x;}
	#whitebox_tl { background: url(images/mw_content_t_l.png) 0 0 no-repeat; }
	#whitebox_tr {
		height: 10px;
		overflow: hidden;
		background: url(images/mw_content_t_r.png) 100% 0 no-repeat;
	}
	#whitebox_m {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: auto;
		padding: 1px 8px;
	}
	#whitebox_b {
		margin-top: -5px;
		background: url(images/mw_content_b.png) 0 100% repeat-x;
	}
	#whitebox_bl {
		background: url(images/mw_content_b_l.png) 0 100% no-repeat;
	}
	#whitebox_br {
		height: 13px;
		background: url(images/mw_content_b_r.png) 100% 100% no-repeat;
	}

	#area {
		padding: 0;
	}
	#leftcolumn, #maincolumn, #maincolumn_full {
		float:left;
	}
	#leftcolumn {
		padding: 0;
		margin: 0;
		width: 20%;
	}
	#maincolumn, #maincolumn_full {
		padding-left: 15px;
		width: 77%;
	}
	#maincolumn_full {
		margin-left: 0;
		padding: 0;	
		width: 80%;
	}

	div#footer { background: #f7f7f7 url(images/mw_footer_b.png) 0 100% repeat-x; }
	div#footer_l { background: url(images/mw_footer_b_l.png) 0 0 no-repeat; }
	div#footer_r { 
		background: url(images/mw_footer_b_r.png) 100% 0 no-repeat;
		padding-top: 10px;
		height: 47px;
		overflow: hidden;
		font-size: 8px;
	}
	
	div#footerspacer { height: 20px; }

/* End of Clean Up Codes from joomla css file */


/*
	+--------------------------------+
	|-----------New CSS CODES--------|
	+--------------------------------+
*/
h1#theSiteHeading {
	color: #9cc6ef;
	text-align: right;
	padding:40px 410px 0 30px;
	margin-bottom: 0;
	text-shadow: 2px 2px 3px #000;
	font: bold 50px "Delicious", Lucida, Helvetica, Verdana, sans-serif;
}
h2#theSiteSlogan {
	color: #fff;
	text-align: right;
	margin-top: 0;
	text-shadow: 2px 2px 3px #000;
	font: bold 24px "Arial Rounded MT Bold", Lucida, Helvetica, Verdana, sans-serif;
	padding: 0 410px 0 10px;
}

/* wp: Layout for tabmenu section */
#tabmenu {
	width: 700px;
	margin: 0 auto;
}
#tabmenu .pill_l {
  background: url(images/mw_menu_cap_l.png) no-repeat;
  width: 20px;
  height: 24px;
  float: left;
}

#tabmenu .pill_m {
  background: url(images/mw_menu_normal_bg.png) repeat-x;
  padding: 0;
  margin: 0;
  width: auto;
  float: left;
}

#tabmenu .pill_r {
  background: url(images/mw_menu_cap_r.png) no-repeat;
  width: 19px;
  height: 24px;
  float: left;
}


/* wp: Layout under maincolumn */
#maincolumn #maincolumn_topleft, #maincolumn_full #maincolumn_topleft {
	width: 360px;
	float: left;
	border-right: 1px solid #ccc;
	padding-bottom: 10px;
}
#maincolumn #maincolumn_topright, #maincolumn_full #maincolumn_topright {
	width: 300px;
	float: left;
	padding-left: 40px;
	padding-bottom: 10px;
}
#maincolumn #maincolumn_topleft h2, #maincolumn #maincolumn_topright h2, #maincolumn_full #maincolumn_topleft h2, #maincolumn_full #maincolumn_topright h2, #leftcolumn h2, #maincolumn_contentright h2 {
	color:#777777;
	font:20px Helvetica,Arial,sans-serif;
}
#maincolumn #maincolumn_topleft ul li, #maincolumn #maincolumn_topright ul li, #maincolumn_full #maincolumn_topleft ul li, #maincolumn_full #maincolumn_topright ul li, #leftcolumn ul li, #maincolumn_contentright ul li {
	list-style: none;
	padding-left: 20px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:22px;
}


#maincolumn #maincolumn_contentleft {
	width: 490px;
	float: left;
	border-right: 1px solid #ccc;
}
#maincolumn #maincolumn_contentright {
	width: 190px;
	float: left;
	padding-left: 20px;
}



/* wp: css for search fields */
#search label {display:none;}
#search #s {
	border: 1px solid #ccc;
	margin: 8px 0 5px 210px;
	width: 100px;
}
#search #searchsubmit {visibility:hidden;width:0;}

/* common classes */
.lclear {clear: left;}
.hdivider {width: 100%;border-top: 1px solid #ccc;}
.clr { clear: both; }


/*align */


.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}