/* Background image */
.bg { 
	background: #F5F5EF url('bg.gif') no-repeat center top;
}

/* High resolution widths */
body {
	padding: 0 1em;
}

#wrapper {
	width: 960px;
}
#main {/* Main column width */
	width: 598px;
	float: left;
}
#sidebar {/* Sidebar width */
	width: 360px;
	float: right;
}


#sidebar ul.inner {/* space beetween main content and sidebar */
	padding: 0 0 0 .8em;	
}

#header {
	height: 200px;
}

.left #sidebar ul.inner {
	padding: 0 .8em 0 0;
}

/* Right hand side */
.left-box,.left-box-search, .twitter-2, .widget, 
.ad_rotator-4, .left-box-map, .amr-ical-widget {/* set border around widgets */
	border: 1px solid #CCC;
}

#sidebar table li li {/* set arrow background for categories list */
	background: url(../../images/arrow.gif) right no-repeat;
	margin: 0 10px 0 0px;
	padding:0px 10px 0px 0px;
}

#sidebar table li li a{
	max-width:80%;
}

#sidebar table ul li{
	padding:2px;
}
	
#column{/* fix righ colum wight */
	width:95%;
}
	
#sidebar ul.inner li h3, #sidebar ul.inner li h3 a {/* sidebar title link */
	color:#000;
	font-size:medium;
	font-weight:bold;
}	

.widgettitle{/* sidebar lower columns title color */
	color:#000;
	font-size:medium;
	font-weight:bold;
	margin-left:-3px;
}
	
#sidebar fieldset {
	background-color: #fff;
	border:0;
}

.inputbox, #s{/* input box class formating */
	width:95%;
	border:1px solid #CCC;
	font-size:small;
	padding:0.2em;
}

.commentbox input{/* input box comments formating */
	width:80%;
	display:block;
	border:1px solid #CCC;
	font-size:small;
	padding:0.4em;
}

textarea, .commentbox textarea{/* text area formating */
	width:98%;
	border:1px solid #CCC;
	font-size:small;
	padding:0.4em;
	z-index:0;
}

#commentArea{
	clear:both; 
}

.box h4{
	color:#000;
	font-size:medium;
}

.box h4 a{
	margin-bottom:0px;
}

/* Buttons */
.searchButton {
  background-image:url('../../images/searchButton.gif');
  background-repeat:no-repeat;
  border:0;
  height:22px;
  width:55px;
  cursor:pointer;
}

.postButton{
	background-image:url('../../images/postButton.gif');
	background-repeat:no-repeat;
	width:55px;
	height:22px;
	border:0;
}

#send { 
	background-image:url('../../images/sendButton.gif');
	background-repeat:no-repeat;
	width:55px;
	height:22px;
	border:0;
}
	
.alt future, .future, #wcompprop0{/* Speaking Schedule bg colour */
	background-color:#E5E5E5;
}

.amrcol{/* Speaking Schedule inner bg colour */
	background-color:#FFF;
	padding:5px 10px 5px 10px;
}

#first{/* Formating for first paragraph on the page */
	margin-top:0px;
	color:#000;
	margin-bottom:0px;
}
.video{/* Formating for video heading */
	background-image:url('../../images/icons/MPG.jpg');
	padding-left:25px;
	background-position: 0% 50%;
  	background-repeat: no-repeat;
}
.books{/* Formating for books heading */
	background-image:url('../../images/icons/PDF.jpg');
	padding-left:25px;
	background-position: 0% 50%;
  	background-repeat: no-repeat;
}
.article{/* Formating for articles heading */
	background-image:url('../../images/icons/WRI.jpg');
	padding-left:25px;
	background-position: 0% 50%;
  	background-repeat: no-repeat;
}
.presentation{/* Formating for presentations heading */
	background-image:url('../../images/icons/PPT.jpg');
	padding-left:25px;
	background-position: 0% 50%;
  	background-repeat: no-repeat;
}

/* Link Colors */

a:link, a:active {text-decoration: none;}
a:visited {text-decoration:none; color:#00F;}
a:hover, a:focus {text-decoration:underline;}


h2 a:link, h2 a:active, h2 a:visited {/* Blog - post title */
	color: #000;
}


div.commentlink, .entry-meta {/* blog - post metadata */
	color:#666 !important;
	font-weight:bold;
}

div.commentlink a, .entry-meta a:link, div.commentlink a:visited, .entry-meta a:visited{
	color: #666 !important;
	font-weight:bold;
}

div.commentlink a:hover, .entry-meta a:hover {
	text-decoration:underline;
}

#main p a img {
	border-bottom: 1px solid #17A;
}

#main p a img:hover {
	border-bottom: 1px solid #6BD;
}

.formatting a{
	color:#999;
	font-weight:bold;
	font-size:small;
	text-align:right;
}

/*sidebar links*/
#sidebar a:link, #sidebar a:active {color:#666; font-weight:bold; }
#sidebar a:visited {color: #666; font-weight:bold; }
#sidebar a:hover {color: #000; font-weight:bold; }


/*menu links*/
.menu {
	margin: 0 0 .4em 0px;
	float: left;
}
.menu a:link, .menu a:visited { 
	color:#999; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;  
	margin-top:10px; 
	font-size:small;
}
.menu a, .menuBottom a {
	float: left;
	text-decoration: none;
	padding: 0 .6em;
}
.menuBottom a:link, .menuBottom a:visited { 
	color:#999; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:-3px 5px 0 5px; 
	font-size:small;
	display:block;
}

.menu a:active, .menu a:hover, .menuBottom ul li a:active, .menuBottom ul li a:hover {color:#cc0000; text-decoration:underline;}

/* Logo */
h1 a:link, h1 a:visited {	
	color: #000000;
}

h1 a:hover, h1 a:active {
	color: #A6A6A4;
}


body#index li#current-index a, body#index #current-index a:visited,
.menu .current_page_item a, .menu .current_page_item a:visited, 
.menuBottom .current_page_item a, .menuBottom .current_page_item a:visited{
	color: #000 !important;
}

#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited {	/* Only works in modern browsers */
	color: #000;
	font-weight: bold;
}

/* breadcrumb */
.breadcrumb, .breadcrumb a{
	color:#999;
	font-weight:bold;
}

.breadcrumb a:hover{
	color:#333;
	font-weight:bold;
}

/* footer */
.feeds a {
	margin:0px 5px 0px 5px;
	text-decoration:none;
	}
.feeds a img{
	padding:0 5px 0px 0px;
	}
	
/* Fonts */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-large;
	font-weight:bold;
}

body {
	font: 70%/190% Arial, Helvetica, sans-serif;
}

cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
	font: 100% Arial, Helvetica, sans-serif;
}

h2 {
	font: normal 140% Arial, Helvetica, sans-serif;
}

/*bottom next - prev links*/
.prev, .next{
	font-size:medium;
}

.pageLinks{
	margin-bottom:10em;
}

#main h3 {
	font: normal 135% Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	font-size:large;
}

.sociable_tagline{
	font: normal 135% Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:small;
	padding:5px;
	margin:10px 0px 10px 0px;
}

#nav h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	margin-left:1em;
}

.noteworthy {
	font: 135% "Lucida Sans Unicode", Arial, sans-serif;
}

.noteworthy a {
	color:#666 !important;
}

.noteworthy a:hover {
	color:#cc0000 !important;
}

code, pre, kbd, samp {
	font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}

div.commentlink {
	font-size:small;
	text-align:right;
}

.aside p.commentlink {
	font: normal 100% Arial, Helvetica, sans-serif;
}

.asides h2, .asides h3, .sidenote h2, .sidenote h3 {
	font: normal 100% Arial, Helvetica, sans-serif;
}

#leavecomment h2{
	margin:0 0 -40px 0;
}

/* Page title */
.box h2{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:x-large;
	color:#333;
}

.box p, .box{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:medium;
	line-height:1.4em;
}

/*entry mata*/
.entry-meta{
	margin-top:-10px;
	font-size:small;
}

/* Various */



#sidebar table ul{
	margin-right:0px;
}

acronym {
	border-bottom: 1px dashed #C63;
}

strike, del {
	color: #B6B6B4;
}

ins {
	color: #989D3C;
}

label:hover {
	color:#CCC;
}

fieldset {
	border: 1px solid #F4F8FB;
	background-color: #F4F8FB;
}

legend {
	background-color: #fff;
}

.notice { /* Moderation Message */
	border-top: 1px solid #FFF200;
	border-bottom: 1px solid #FFF200;
	background-color: #FFFFF4;
}

blockquote, pre {
	border-left: 1px solid #D9D9D9;
	padding:10px;
}

#tags-allowed {
	border-top: 1px solid #D6E1ED;
	border-bottom: 1px solid #D6E1ED;
	background-color: #F8FAFC;
}

/* Comments & Trackbacks */
.comment-even {
	background-color: #F8FAFC;
}

.comment-odd {
	background-color: #F8FAFC; 		/* Change this colour to add "Flip flopping" backgrounds */
}

.comment-author { 					/* Author background color */
	background-color: #EEF4F9;
}

a.comment-permalink {
	color: #565654 !important;				/* Text color */
	text-decoration: none !important;
	border-bottom: 1px dotted #565654;
}

#trackbacklist li a {
	background-color:#F8FAFC;
}

#trackbacklist li {
	border: 1px solid #FBFCFD;
	background-color: #FEFEFE;
}

#trackbacklist li small {
	color: #565654;
}

#trackbacklist li a:hover {
	color: #cc0000;
}

#trackbacklist li a:active {
	background-color:#FBFCFD;
	color: #035;
}

/* Search */
.search-results small {
	font-size: 100%;
}
.search-results small a {
	color: #989D3C !important;
	text-decoration: none !important;
}

/* twitter */

.time-meta{
	font-size:1.3em;
}

.entry-content{
	font-size:small;
	color:#333;
	margin-bottom:20px;
}

.speakingLink{
	text-align:right;
}

/* Speaking Shedule */
#wcompprop0{
	width:101%;
}

/* Calendar */
#wp-calendar caption {
	color: #989D3C;
}

#wp-calendar a {
	color: #39C;
	background-color: #F8FAFC;
}

#wp-calendar a:hover {
	color: #cc0000 !important;
	background-color: #EEF4F9 !important;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #F8FAFC;
}

#sidebar table { 
	border:0px;
}

#sidebar table{
margin-left:-2px;
}

/* Plugins */	
/* Brian's Latest Comments */
#recent-activity small a:link, #recent-activity small a:visited, .secondary small a:link, .secondary small a:visited {
	color: #ACC;
}

/* Ultimate Tag Warrior */
.technoratitags {
	color: #989D3C !important;
}

.technoratitags a {
	color: #989D3C !important;
	border-bottom: 1px dotted #989D3C;
}

.technoratitags a:hover {
	color: #F93 !important;
	border-bottom: 1px dotted #F93;
}

.longtailvert a {
	padding: 0 .5em;
	color: #fff;
}

.longtailvert a:hover {
	background: #17A;
}


/* Textile */
.caps {	
	font: 100% Arial, Helvetica, sans-serif;
}

/* Google Hilite */
.hilite {
	background-color: #DEEBF3;
	color: #000;
}

#copyRights{
	clear:both;
	text-align:right;
	margin-top:5em;
	}

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display:block;
	color: #000;
	font-size: 10pt;
	border: 1px solid #ff0000;
	background-color:#FFF;
	z-index: 100;
	width: 280px;
	padding: 2px;
	margin: -20px 0px 0px 10%;
}

#error_zone{
	border: 2px solid #f7e700;
	font-size: 10pt;
	background-color:#FFF;
	z-index: 100;
	width:98%;
	padding: 4px;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState,
.textfieldValidState input, input.textfieldValidState {
	background-color:#B8F5B1;
	z-index:0;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea,
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color:#FF9F9F;
	z-index:0;
}



/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
/* When the widget has received focus, the INPUT has a yellow background applied on it. */

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState,
.textfieldFocusState input, input.textfieldFocusState,
.textfieldFlashText input, input.textfieldFlashText {
	background-color:#FFFFCC;
	z-index:0;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}
/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display:block;
	position:relative;
	color: #000;
	font-size: 10pt;
	border: 1px solid #ff0000;
	background-color:#FFF;
	z-index: 100;
	width: 350px;
	padding: 2px;
	z-index:100;
	margin: 0px 0px 0px 4%;
	top:-20px;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}