/*
 Theme Name: International One Design
 Theme URI: http://iod.org/
 Description: Custom Theme for International One Design Class
 Version: 1.0
 Author: José Fontainhas
 Author URI: http://jose.fontainhas.com/
 Tags: white, custom header, fixed width, two columns, widgets
 
 The CSS, XHTML and design is released under AGPL:
 http://www.opensource.org/licenses/gpl-2.0.php
 
*/
	body {
		margin:0;
		background: url('images/body-bg.jpg') repeat-x;
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
		color: #333;
	}
	
	.cleardiv {clear:both;}	

	.alignleft {float:left;}
	.alignright {float:right;}	

	.entry img.alignleft {	
		background-color:#FFFFFF;
		border:1px solid #A9A9A9;
		display:block;  
		margin:5px;
		padding:4px;
	}
	.entry img.alignright {
		background-color:#FFFFFF;
		border:1px solid #A9A9A9;
		display:block;  
		margin:5px;
		padding:4px;
	}

	strong {font-weight:bold;}
        em {font-style:italic;}
	
	#wrapper {
		width:990px;
		margin:0 auto;
		background: url('images/page-bg.gif') repeat-y;
	}
	#header-container {
		min-height:225px; 
/*		background: url('images/header-bg.png') no-repeat;			*/
	}	
	#header-container #banner {
		background-image:url(images/header.jpg); 
		height:225px;
	}
	#header-container #mainpic {
			margin-top:14px;
			margin-left:41px;
			float:left;
		}
	#header-container #namepic {
		margin-top:40px;
		margin-left:244px;
		float:left;
	}
	#header-container #menu {
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		text-align:left;
		margin-top:-18px;
		margin-left:15px;
		color:#fff;
		width:960px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #d6d6d6;
		font-size:1.4em;
/*		border-bottom:1px solid #000; */
	}
	#menu li,#menu li li {
		display:inline;
		margin-right:30px;		
	}
	#menu a {
		color:#888;
		text-decoration:none;
	}
	#menu a:hover, #menu .current_page_item {
		color:#2e304a;
		text-decoration:none;
	}	
	#header-container #search {
		text-align:left;
		margin-top:30px;
		float:right;
		width:301px;
		margin-right:33px;
/*		background: url('images/sidebar-bg.png') repeat-y;	
		background-position: -2px 0; */
		padding-bottom:10px;			
		border-left:1px solid #dadada;	
	}
	#header-container #searchform {
		margin:0;padding:0;
		margin-left:16px;
	}
	#search h2 {
		font-size:18px;
		margin:0;padding:0;
		padding-left:16px;
	}	
	#search #s {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:200px;
		height:16px;
		background: url('images/search-bg.gif') repeat-x;
		border:1px solid #b3c1c9;
	}
	#search #searchsubmit {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	#page-container {
		background: url('images/page-bg.gif') repeat-y;
		overflow:auto; 
		padding-bottom:100px;
	}
	#content {
		float:left;
		width:589px;
		margin-left:33px;
		margin-right:33px;
		display:inline;	
		font-family: Georgia, Times, Serif;
		font-size:1.4em;
		text-align:justify;
		padding-top:20px;
	}
	table, tr, td {
		font-family: Georgia, Times, Serif;
		font-size:1em;
	}	
	#sidebar {
		color: #333;		
		font-size:12px;
		float:right;
		width:301px;
		margin-right:33px;
/*		display:inline; */
		border-left:1px solid #dadada;
/*		margin-top:-5px; */
		position:static;
	}
	#sidebar a {
		color: #2e304a;
		text-decoration:none;		
	}
	#sidebar a:hover {
		color:#cb4800;
	}
	#sidebar .textwidget {margin-left:16px;}
	#sidebar .widget_download_recent_downloads p {margin-left:16px;}

	#search h2, #sidebar h2 {
/*		background: #fff url('images/widget-bg.png') no-repeat; 
		background-position: -2px 0; */
		padding-left:16px;
		font-size:18px;
		padding-bottom:10px;
	}
	#sidebar h2 {
		margin-top:20px;
	}
	#sidebar ul {
		margin-left:16px;
		padding-bottom:15px;
	}
	#footer-container {
		clear:both;
		background:#00174A;
	}
	#footer {
		width:957px;
		margin:0 auto;
		padding-left:33px;
		text-align:left;
		min-height:200px;
		background: url('images/footer-bg.png') repeat-y;
	}		
	#footer-left, #footer-mid, #footer-right {
		color: #fff;		
		font-size:12px;
		float:left;
		width:284px;
		margin-right:33px;
/*		display:inline; */
/*		margin-top:-5px; */
	}
	#footer-left a, #footer-mid a, #footer-right a {
		color: #c6cfd9;
		text-decoration:none;		
	}
	#footer-left a:hover, #footer-mid a:hover, #footer-right a:hover {
		color:#fff;
	}

	#footer h2 {
/*		background: #fff url('images/widget-bg.png') no-repeat; 
		background-position: -2px 0; */
		padding-left:16px;
		font-size:18px;
		color:#c6cfd9;
/*		padding-bottom:10px; */
	}
	#footer hr {
		margin-left:16px;
		color:#01184B;
		border:0;
		border-bottom:1px solid #01184B;		
	}
	#footer h2 {
		margin-top:20px;
	}
	#footer ul {
		margin-left:16px;
		padding-bottom:15px;
	}

	.post {
		margin-bottom: 50px;
	}
	.post a {
		color:#cb4800;
		text-decoration:none;		
	}
	.post a:hover {
		color:#2e304a;
	}	
	.post .entry a {
		color:#cb4800;
		text-decoration:none;		
	}
	.post .entry a:hover {
		color:#2e304a;
	}
	.post h2, .post h2 a {
		font-size:18pt;
		color:#2e304a;
		text-decoration:none;
		letter-spacing: -0.5px;
	}	
	.post h3 {
		font-size:12pt;
		color:#cb4800;
	}	
	.post h2 a:hover {
		color:#cb4800;
	}
	.post .category, .post .category a {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;		
		font-size:0.8em;
		color:#cb4800;
		text-decoration:none;
	}
	.post .category a:hover {
		color:#2e304a;		
	}
	.post .date {
		color:#8f919b;
		font-size:0.7em;		
	}
	.post .entry {
		margin-top:20px;
		line-height:1.4em;
	}
	.post .entry p {
		padding-bottom:15px;
	}
	.post .entry ol, .post .entry ul {
		padding-bottom:15px;
	}
	.post .entry ol li {
		list-style-type:decimal;
		list-style-position:inside;
	}
	.post .entry ul li {
		list-style-type:square;
		list-style-position:inside;
	}
	.post .entry blockquote {
		margin:10px;
		padding:20px;
		padding-bottom:10px;
		background-color:#ffffec;		
		border-left:1px solid #dadada;
	}
	.post .wp-caption.alignleft {
		margin-right:10px;
	}
	.post .wp-caption.alignright {
		margin-left:10px;
	}
	#content .navigation {
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
		font-size:11px;
	}
	#content .navigation, #content .navigation a {
		color:#b3c1c9;
		text-decoration:none;		
	}
	#content .navigation a:hover {
		color:#2e304a;
	}
	#content .navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}	
	.postmetadata.alt {
		color:#b3c1c9;
		font-style:italic;
	}
	#content #comments, #content #comments #comment {
		width: 589px;
	}
	#content #comments #author,#content #comments #email,#content #comments #url,#content #comments #comment {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
		background: url('images/search-bg.gif') repeat-x;
		border:1px solid #b3c1c9;
	}
	#content #comments #submit {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.commentlist li {
		font-size:11px;
		background-color:#f3f3f3;
		margin-top:20px;
		margin-bottom:20px;
		padding:5px;
	}
	.commentlist li li {
		background-color:transparent;
		margin:0;
		padding:0;
	}
	.commentlist a {
		color:#cb4800;
		text-decoration:none;		
	}
	.commentlist a:hover {
		color:#2e304a;
	}
	.commentmetadata {
		margin-bottom:10px;
	}
	/*
	 * Plugins
	 */ 
	#event-map {
		width: 579px !important;
		padding-left:5px;padding-right:5px;
	    height: 400px !important;
	}
	
	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-caption {
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
	/*	margin: 10px; */
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	.wp-caption a img {
		text-decoration:none !important;
	}
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}

	/* Event Manager */	
	#dbem-calendar {
		margin-left:16px;
	}
	/* Link Indicator */
	td a.liexternal, a.liexternal { padding-right: 12px; background: url(images/links/link-icon_external_01.gif) no-repeat right; }
	a.liwikipedia { padding-right: 14px; background: url(images/links/link-icon_wikipedia.gif) no-repeat right; }
	a.liimdb { padding-right: 18px; background: url(images/links/link-icon_imdb.png) no-repeat right; }
	a.liftp { padding-right: 13px; background: url(images/links/link-icon_ftp.png) no-repeat right; }
	a.limailto { padding-right: 18px; background: url(images/links/link-icon_mail.png) no-repeat right; }
	a.lipdf { padding-left: 16px; background: url(images/links/link-icon_pdf_01.png) no-repeat left;  }	
	
	/* Sidebar Login */

	.widget_sidebarlogin form,.widget_sidebarlogin #login_error {
		margin-left:16px;
	}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:680px; height:32px; font-size:1.2em; position:relative; z-index:100;border-right:0px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:681px; w\idth:680px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/*.menu ul ul {width:129px;} */
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:1.2em;text-decoration:none; color:#fff; border:0;padding-left:1px;}
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:129px; w\idth:118px;} */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background: url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:11px;left:0; width:129px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:10px;t\op:11px;}

/* position the third level flyout menu */
.menu ul ul ul{left:129px; top:-1px; width:129px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-129px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {text-align:left;color:#000; height:auto; line-height:1em; padding:5px 10px; width:108px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}





/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align:center;
}
/* End captions */