/*-------------------CSS Document
 	Basic Theme Template - Uni CFD Theme 
	Last updated - 22 May 2010
	Please do not use any of this theme without express permission.
	
	Border radius notes - 0px-topleft 0px-topright 0px-bottomleft 0px-bottomright
---------------------*/

/*-------------------MAIN CSS
Notes - This is all the universal site css.
---------------------*/

body { background:#ffffff url(images/); background-repeat:repeat-x; background-position:top; color:#f1f1f1; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:20px; margin:0px; padding:0px; text-align:center; }
body p { margin:0px; padding:0px 0px 10px 0px; }
body li { list-style-type:disc; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }	
body ul { list-style-type:square; }	
	
/*-------------------IMAGES AND PICTURES
Notes - Here are the basic styles for images.  

img - This applies padding and borders to all post images
.img_left - left aligned images
.img_right - right aligned images
.img_center - centred images
---------------------*/

img { border:2px solid #dde3d4; line-height:0px; margin:10px 10px 10px 10px; padding:0px; text-align:left; }
img.alignleft, div.alignleft { border:2px solid #dde3d4;float:left; margin:10px 10px 10px 0px; }
img.alignright, div.alignright { border:2px solid #dde3d4;float:right; margin:10px 0px 10px 10px; }
img.aligncenter, div.aligncenter { border:2px solid #dde3d4; margin-left: auto; margin-right: auto; margin:10px 10px 10px 10px; }

/*-------------------TEXT CSS
Notes - All the basic text css, some sections have their own
---------------------*/

h1 { background:#5d8ae4 url(images/h1.jpg); background-repeat:no-repeat; background-position:top; color:#ffffff; font-size:20px; font-weight:bold; line-height:30px; margin:0px; padding:0px 5px 0px 5px; text-align:left;  }
h2 { color:#7398e5; font-size:16px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
h3 { color:#7398e5; font-size:18px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
h4 { color:#7398e5; clear:both; border-bottom:2px solid #FFFFFF; font-size:18px; font-weight:bold; margin:10px; padding:0px; font-style:italic; text-align:left; }
h5 { color:#7398e5; font-size:20px; font-weight:bold; margin:0px; padding:10px 0px 0px 0px; text-align:left;  }
h6 { color:#7398e5; font-size:8px; font-weight:bold; margin:0px; padding:0px; text-align:left; }
	
/*-------------------HYPERLINKS
Notes - All the basic hyperlinks, other sections have their own 
---------------------*/

a:link { color:#f1f1f1;	text-decoration:none; }	
a:visited { color:#f1f1f1; text-decoration:none; }
a:hover { color:#f1f1f1; text-decoration:underline; }

/*-------------------COMMON
Notes - All the commonly used code not defined elsewhere
---------------------*/

.float_left { float:left; }
.float_right { float:right; }
.clear_both { clear:both; font-size:0px; height:0px; line-height:0px; margin:0px; overflow:hidden; padding:0px; width:100%; }
hr { border: 0px dotted; height:1px; width: 100%; color:#ABABAB; background-color:#ABABAB; }
	
/*-------------------HEADER
Notes - This is the main site header section the navbar isnt
held here its actually placed at the top of the content section.

header - 100% width holder for the header 
header_central - 1st centralised div that holds 10px spare on either side
header_central_wrapper - 2nd centralised div at page width
header_logo_small - site logo floated left small to be matched with header_advert_728
header_logo_large - site logo floated left large to be matched with header_advert_468
---------------------*/

#header { background:url(images/headerbg.jpg); background-repeat:repeat-x; background-position:top;margin-top:0px; padding:0px; text-align:center; width:100%; }
	#header_central { border-bottom:8px solid #ffffff; background:#ffffff url(images/header.jpg); background-repeat:no-repeat; background-position:top; margin:0 auto 0; width:1000px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px;}
		#header_central_wrapper { margin:0 auto 0; padding:0px 0px 0px 0px; width:1000px; }
			#header_logo_small { float:left; height:130px; text-align:left; width:400px; }
			#header_logo_large { float:left; height:100px; text-align:left; width:400px; }
			#header_tagline{ float:left; font-size:18px; font-style:italic; font-weight:bold; height:60px; margin:10px 0px 0px 0px; padding:20px 20px 10px 10px; text-align:left; text-shadow:1px 1px 10px #F4F2EC; width:300px; }			
			#navbar_wrapper { background:#ffffff url(images/navbar.jpg); background-repeat:repeat-x; background-position:top; border-top:0px solid #ed9e0d; height:30px; text-align:left; width:100% }	
					#navbar { display:block; float:left;}


#absolute_header { margin:0px; padding:0px; text-align:center; width:100%; position:absolute; top:0px; left:0px; }
	#absolute_header_central { margin:0 auto 0; width:1000px; height:130px; }		
		#absolute_header_tagline{ color:#ffffff; float:right; font-size:14px; font-weight:bold; font-style:italic; height:30px; margin:50px 0px 0px 0px; padding:0px 10px 0px 0px; text-align:left; width:300px; }						
	/*-----------HEADER TEXT, LISTS & LINKS-----------*/	
		#navbar ul {padding:0px; margin:0px; color: White; float: left; width: 100%; }
				#navbar ul li {  font-style:italic; display: inline; }
				#navbar ul li a{ padding:0px 10px 0px 10px; color: White; font-size:14px; line-height:30px; text-decoration: none; float: left;border-right: 1px solid #ffffff;}
				#navbar ul li a:hover {background-color: #632279; color: #fff; }				

/*-------------------SITECONTENT
Notes - This is the main body of the page and it contains the site navigation links
and also the main text and images of the site.  The sidebar is also held in 
this section. 

content - This is the main div of this section 100% wide
content_p - basic paragraph control for the site
content_central - central content with margins
content_central_wrapper - central content wrapper holds content_name and sidebar_name
content_left - floated left div matched with sidebar_right
content_right - floated right div matched with sidebar_left
content blockquote - blockquote style for content
---------------------*/

#content {  line-height:22px; clear:both; height:auto; margin:0px; padding:0px 0px 0px 0px; text-align:center; width:100%; }
	#content_central { margin:0 auto 0; width:1000px; }	
		#content_central_wrapper { background:#484848 url(images/content.jpg); background-repeat:repeat-y; background-position:top; margin:0px 0px 0px 0px; padding:0px 10px 10px 0px; width:990px; -moz-border-radius:0px; -webkit-border-radius:0px; }
			*html #content_central_wrapper { width:900px; }
			#content_left { float:left; margin:0px 0px 0px 0px; text-align:left; padding:10px 10px 10px 20px; width:630px; }
				*html #content_left { width:650px;}
			#content_right { border:0px solid #7087be; float:right; padding:10px; text-align:left; width:660px; -moz-border-radius:5px; -webkit-border-radius:5px;}
				*html #content_right { width:680px;}
			.content_excerpt { border-bottom:2px solid #FFFFFF; float:right; padding:0px 0px 0px 0px; margin:0px 0px 10px 10px; text-align:left; width:700px; }
			.postimage { float:right; margin:0px 0px 10px 10px; }
				.postimage img{ border:20px solid #FFFFFF; height:200px; width:300px; }
			.postimagethumbnail { float:right; margin:0px 0px 10px 10px; }
				.postimagethumbnail img{ border:20px solid #FFFFFF; height:100px; width:150px; }
			.postvideo { height:200px; margin:0px 0px 10px 10px; width:300px; }
				.postvideothumbnail { height:200px; margin:0px 0px 10px 10px; width:300px; }	
			
#content  blockquote { border-left:2px solid #CCCCCC; color:#666666; font-size:13px;  font-style:italic; line-height: 19px; margin:0px 0px 22px 20px; padding:0px 0px 0px 15px; }
#content code { background:#f9f9f9; color:#000000; border:1px dotted #ececec; font-family:Consolas, Monaco, "Courier New", Courier, monospace;font-size:12px; padding:2px; }
#content pre code { background:#f9f9f9; border:1px dotted #ececec; color:#000000; display:block; font-family:Consolas, Monaco, "Courier New", Courier, monospace; font-size:12px; line-height:17px; padding:15px; margin-bottom:22px; }

#content p { margin:0px; padding:0px 0px 10px 0px; }
#content ol {}
#content ol li {list-style-type:decimal; }
#content ol P{padding:0px 0px 10px 0px; }
#content li { list-style-type:number; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:14px; }
			
	/*-----------CONTENT TEXT, LISTS & LINKS-----------*/				
	
/*-------------------SIDEBAR
Notes - The Sidebar css which contains two classes sidebar_left and sidebar_right

sidebar_left - floated left sidebar
sidebar_right - floated right sidebar
sidebar - internal wrapper for both styles of left and right
sidebar img - image control for sidebar
sidebar .sections - control for the contact form in the sidebar
---------------------*/

#sidebar_left { background:#464646 url(images/sidebar.jpg); background-repeat:no-repeat; background-position:top; display:inline; font-style:italic; float:left; height:auto; margin:0px 0px 0px 0px; overflow: hidden; width:300px; }
#sidebar_right { display:inline; font-style:italic; float:right; height:auto; margin:0px 0px 0px 0px; overflow: hidden; width:320px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
	#sidebar { color:#ffffff; padding:55px 0px 0px 0px; text-align:left; }
	#sidebar_menu {}
	.sidebar_div { padding:10px 10px 10px 10px; }
	#sidebar img { border:0px; margin:0px; }
	
	/*-----------SIDEBAR TEXT, LISTS & LINKS-----------*/
	#menu ul { display:block; padding:0px; margin:0px;}	
	#menu li { display: block; padding:0px; margin:0px; }
	#menu a{ border-bottom:1px dotted #6a6a6a; color:#fff; display:block; padding:0px 10px 0px 10px; line-height:30px; text-decoration:none;}
	#menu a:link, #menu a:visited{ color:#FFFFFf; font-weight:bold; text-decoration:none;}
	#menu a:hover{ background-color:#7398e5; border-bottom:1px dotted #6a6a6a; font-weight:bold; color:#FFFFFF;}
	#sidebar h2 { color:#c3c3c3;  }
	#sidebar a:link { color:#7398e5;	text-decoration:none; }	
	#sidebar a:visited { color:#7398e5; text-decoration:none; }
	#sidebar a:hover { color:#ffffff; text-decoration:underline; }
			
	
/*-------------------FOOTER
Notes - This contains all the footer css and styles
footer - This is the main footer div 100% wide for full length footers if required
footer_central - central div with padding 
footer_central_wrapper - inside div centrally allighed
---------------------*/
#footer { height:auto; margin:0 auto 0;text-align:center;  width:100%; }
	#footer_central {   margin:0 auto 0; margin-bottom:10px; width:1000px; }
		#footer_central_wrapper { background:#ffffff url(images/footer.jpg); background-repeat:no-repeat; background-position:top; border-top:0px solid #FFFFFF; height:70px; text-align:left; margin:0 auto 0; padding:0px 10px 10px 10px; width:980px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px; }
			*html #footer_central_wrapper { width:1000px; height:80px; }
			#footer_central_left { float:right; font-style:italic; text-align:right; width:400px; }			
				#footer_bottom_left { color:#5e5e5e; clear:right; float:right; font-size:14px; font-style:italic; padding:10px 10px 0px 0px; text-align:right;  width:400px; }
			#footer_central_right { background:url(images/footer.jpg); background-repeat:no-repeat; background-position:right; font-size:small; float:left; height:auto; text-align:right; width:300px; }
	
		/*-----------FOOTER TEXT, LISTS & LINKS-----------*/
		#footer h2 {text-align:right; }