/*  
Theme Name: Iris Jumbe Theme
Theme URI: 
Description: A theme for Iris Jumbe.
Version: 1.0

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

/* --- General Layout --- */

#div {
	border: 1px solid #FF0000;
}

body {
	background: #333333 url(assets/images/wallpaper.jpg);
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;	
}

body .clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

body .clear hr {
	display: none;
}

ul, ol, dl {
	position: relative;

}


/* --- Page General Layout --- */

#container {
	text-align: left;
	margin: 0px auto;
	padding: 20px;
	width: 810px;
	background-image: url(assets/images/back_container.gif);
	background-repeat: no-repeat;
	font-family: "Arial", Lucida Grande, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 15pt;
	color: #212121;
}

html>body #container {
	width: 770px;
}

#container h1, #container h2, #container h3, #container h4{
	font-size: 160%;
	font-weight: normal;
	letter-spacing: -0.00em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	line-height: 110%;
}

#container h1 {}

#container h2 {
	font-size: 160%;
}

#container h3 {
	font-size: 150%;
}


#container h4 {
	font-size: 120%;
}

#container p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}


#container ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


#container li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: square;
}

#container .prominent {}

#container .prominent h2, #container .prominent h3 {
	background-image: url(assets/images/back_titles.gif);
	background-repeat: repeat-x;
	background-position: -2px;
	margin: 0px 0px 10px 0px;
	padding: 8px 10px;
	color: #FFFFFF;
	font-size: 150%;
}

#container .icon_new {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}


/* --- Header General Layout --- */

#header {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	background: #766441 /*url(assets/images/back_header.gif) repeat-x*/;

	/* position: relative; */
}

#header #header_footer {
	margin: 0px;
	padding: 0px;
	height: 20px;
}

/* --- Menu Layout --- */


#header #menu {
	background-image: url(assets/images/back_menu.gif);
	background-repeat: repeat-x;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #212121;
}

#header #menu a, #header #menu a:link {
	color: #FFFFFF;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
}

#header #menu a:hover, #header #menu a:active {
	color: #CCCCCC;
	text-decoration: none;
}

#header #menu ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header #menu li {
	display: block;
	margin: 0px;
	padding: 0px 15px;
	height: 40px;
	line-height: 40px;
	background-image: url(assets/images/divider_menu.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

#header #menu .first_option {
	padding: 0px 15px 0px 20px;
}

#header #menu .last_option {
	padding: 0px 20px 0px 15px;
	background-image: none;
}

#header #menu #root_menu {
	float: left;
}

#header #menu #context_menu {
	float: right;
}


/* --- Site Info for Home Page --- */
#header #site_info a, #header #site_info a:link {
	color: #FFFFFF;
}

#header #site_info a:hover, #header #site_info a:active {
	color: #CCCCCC;
}

#header .site_info_home {
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	background-image: url(assets/images/iris.png);
	background-repeat: no-repeat;
	width: 190px;
	position: relative;
	float: left;
	display: inline;
}

#header .site_info_home #site_title {
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px;
    height: 265px;
	width: 150px;
	display: block;
	position: relative;
}

#header .about_info_home {
	margin: 40px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(assets/images/about1.png);
	background-repeat: no-repeat;
	width: 365px;
	position: relative;
	float: right;
	display: inline;
	text-align: center;
}

#header .about_info_home #about_title {
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px;
    height: 265px;
	width: 355px;
	display: block;
	position: relative;
}

#header .freelance_home {
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	background-image: url(assets/images/freelance.png);
	background-repeat: no-repeat;
	width: 300px;
	position: relative;
	display: block;
	float:left;
	text-align: center;
}

#header .freelance_home #freelance_spacer {
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
    height: 100px;
	width: 40px;
	display: block;
	position: relative;
}

#header .freelance_other {
	display: none;
}

/* --- Site Info for Non-Home Pages --- */
#header .site_info_other {
	line-height: 70px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #666666;
	background-image: url(assets/images/page_header.jpg);
	width: 100%;
}

#header .site_info_other #site_title {
	margin: 0px;
	padding: 0px;
	display: block;
}

#header .site_info_other #site_title #site_title_text {}

#header .site_info_other #site_title h1 {
	margin: 0px 0px 0px 20px;
	font-size: 200%;
	display: inline;
}

#header .site_info_other #site_title p {
	font-size: 100%;
	margin: 0px 0px 0px 10px;
	display: inline;
}

/* --- Header Content Class Layout --- */
#header .content {
	margin: 0px;
	padding: 20px 20px 0px 20px;
}

#header .content h2 {
	font-size: 200%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(assets/images/divider_dark_horizontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

#header .content a, #header .content a:link {
	color: #70d16c;
}

#header .content a:hover, #header .content a:active {
	color: #999999;
}

/* --- Header Module Specific Layout --- */


#header #home {
	margin: 0px 0px 0px 375px;
}

#header #home .title {
	margin-right: 20px;
}

#header #single {
	padding-top: 30px;
	position: relative;
}

#header #single .post {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#header #single .copy {
	width: 480px;
	float: left;

}

#header #single #similar_posts {
	width: 480px;
	float: left;
	margin-top: 20px;
}

#header #single #similar_posts table {
	color:#FFFFFF;
	line-height: 18pt;
}

#header #page {
	padding-top: 30px;
}

#header #search {
	padding-top: 30px;
}

#header #search .method_options li {
	background-image: none;
	display: block;
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#header #search #search_tags {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 480px;
	display: inline;
	font-size: 95%;
	vertical-align: top;
	float: right;
	position: relative;
}

#header #search #search_tags li {
	width: 25%;
}

#header #search #search_dates {
	margin: 0px;
	padding: 0px;
	width: 230px;
	display: block;
	font-size: 95%;
	vertical-align: top;
	position: relative;
}

#header #search #search_box {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 230px;
	display: block;
	font-size: 95%;
	vertical-align: top;
	position: relative;
}

#header #search #search_box label {
     display: none;
}

#header #search #search_box #s {
	margin-left: 0px;
	width: 180px;
}

#header #search #search_box .input_line {
	clear: none;
}

#header #archives {}

/* --- Sidebar Layout --- */

#header #sidebar {
	margin: 0px;
	float: right;
	width: 229px;
	font-size: 95%;
	top: 0px;
}


#header #sidebar h3 {}

#header #sidebar .post_info {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 100%;
	color: #ffffff;
	font-family: inherit;
}

#header #sidebar .post_info tr {
	margin: 0px;
	padding: 0px;
}

#header #sidebar .post_info td {
	margin: 0px;
	padding: 4px;
}


#header #sidebar .post_info .post_info_label {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

#header #sidebar .post_info .post_info_data {
	text-align: left;
	vertical-align: top;
}

#header #sidebar .post_info .post_info_data img {
	vertical-align: middle;
	margin: 5px 5px 5px 0px;
}


/* --- Interactive Content Layout --- */

#interactive_content {
	background-color: #FFFFFF;
	background-image: url(assets/images/back_page_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 20px 20px 40px 20px;
	display: block;
}

#interactive_content a, #interactive_content a:link {
	color: #9a7c41;
}

#interactive_content a:hover, #interactive_content a:active {
	color: #b68b37;
}

#interactive_content h3 {}

#interactive_content .post h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(assets/images/divider_light_horizontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#interactive_content #interactive_content_footer {}

/* --- Interactive Content Module Specific Layout --- */

#interactive_content #feature_list .post, #interactive_content #blog_list .post {
	margin-bottom: 30px;
}

#interactive_content #feature_list {
	margin: 0px;
	padding: 0px;
	width: 355px;
	float: right;
}

#interactive_content #feature_list_title {
	margin-bottom:30px;

}

#interactive_content #blog_list {
	margin: 0px;
	padding: 0px;
	width: 355px;
	float: left;
}

#interactive_content #blog_list_title {
	margin-bottom:30px;
}

#interactive_content #blog_list a, #interactive_content #blog_list a:link {
	color: #70d16c;
}

#interactive_content #blog_list a:active, #interactive_content #blog_list a:hover {
    color: #51f14b;
}

#interactive_content #comment_box {
	margin: 0px;
	padding: 0px;
	width: 355px;
	float: right;
	display: inline;
}

#interactive_content #comment_box #comment {
	width: 100%;
}

#interactive_content #comment_box input {}

#interactive_content #comment_box label {
	font-size: 95%;
}

#interactive_content #comment_list {
	margin: 0px;
	padding: 0px;
	width: 355px;
	display: block;
	float: left;
}

#interactive_content #search_results {}

#interactive_content #search_results .search_nav {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#interactive_content #search_results .nav_previous {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: left;
	list-style-type: none;
	position: relative;
}

#interactive_content #search_results .nav_next {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 50%;
	text-align: right;
	list-style-type: none;
	position: relative;
}

#interactive_content #photostream {
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: center;
}

#interactive_content #photostream .flickr_photo {
	margin: 0px 14px 0px 0px;
	padding: 0px;
	float: left;
}

#interactive_content #photostream .flickr_photo_last {
	margin: 0px;
	padding: 0px;
	float: left;
}

/* --- Footer Layout --- */

#footer {
	color: #FFFFFF;
	background-color: #212121;
	background-repeat: no-repeat;
    background-position: top;
	margin: 0px;
	padding: 20px;
	font-size: 95%;
}

#footer a, #footer a:link {
	color: #a9ceba;
}

#footer a:hover, #footer a:active {
	color: #819d8e;
}

#footer h2 {
	background-image: url(assets/images/divider_dark_horizontal.gif); 
	background-repeat: repeat-x;
    background-position: bottom;
}

/* ---  Footer Content Areas --- */

#footer #links {
	margin: 0px;
	padding: 0px;
	width: 230px;
	float: left;
	display: inline;
}

#footer #search {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 230px;
	float: left;
	display: inline;
}

#footer #search #search_form {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#footer #search #search_field label {
	display: none;
}

#footer #search #search_field #s {
	margin-left: 0px;
	width: 180px;
}

#footer #search #category_list {}

#footer #search #category_list li {
	display: block;
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#footer #network {
	margin: 0px;
	padding: 0px;
	width: 230px;
	float: right;
	display: inline;
}

/* --- Blog Network Specific Links  --- */

#footer #network_links {
	background-image: url(assets/images/divider_dark_horizontal.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 45px;
	line-height: 45px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	display: block;
}


/*

// +----------------------------------------------------------------------+

// | Licenses and copyright acknowledgements are located at               |

// | http://www.sonsofskadi.net/wp-content/elalicenses.txt                |

// +----------------------------------------------------------------------+

*/

#af-ela ul {
	padding: 0;
}

#af-ela ul li {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	padding: 1px 8px;
}

#af-ela-menu {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 0;
}

#af-ela-menu li {
	display: inline;
	padding: 2px 10px !important;
	border: 1px solid #ffffff;
	border-bottom: none;
	margin-bottom: 0;
}

#af-ela-menu li.selected {
	background: #70d16c;
}

#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover, #af-ela-tag li:hover {
	background: #675738;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	padding-top: 0;
	padding-bottom: 0;
	text-decoration: none;
}

#af-ela-year, #af-ela-month, #af-ela-category, #af-ela-tag {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	border-left: 0px solid #ffffff;
	font-weight: bold;

}

#af-ela-category {
	width: 40%;
}

#af-ela-tag {
	width: 99%;
	font-weight: normal;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	_word-wrap : break-word;

}

#af-ela-year li, #af-ela-month li, #af-ela-category li, #af-ela-post-chrono li, #af-ela-post-cats li, #af-ela-post-tags a {
	/*position: relative;*/
}

#af-ela-tag li {
    display : inline;
}

#af-ela-tag li:hover {
	border: none;
}

#af-ela-post-chrono, #af-ela-post-cats, #af-ela-post-tags {
	float: left;
	width: 59%;
	margin: 0;
	border-right: 0px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: bold;
}

#af-ela-post-tags {
	width: 99%;
	border-left: 1px solid #ccc;
}

#af-ela ul li span {
	position: absolute;
	right: 8px;
	font-weight: normal;
	color: #aaa;
}

#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-category li.selected, #af-ela-post-chrono li.selected, #af-ela-post-cats li.selected, #af-ela-post-tags li.selected, #af-ela-post-chrono li:hover, #af-ela-post-cats li:hover, #af-ela-post-tags li:hover {
	background: #675738 !important;
	border-top: 1px solid #FFD324 !important;
	border-bottom: 1px solid #FFD324 !important;
	padding-top: 0;
	padding-bottom: 0;
}

#af-ela-loading {
	margin: 0;
	padding: 0;
	float: right;
}

#af-ela-post-prev, #af-ela-post-prev-off, #af-ela-post-next, #af-ela-post-next-off  {
	width: 100%;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;

}

#af-ela-post-prev:hover, #af-ela-post-next:hover {
	background: #675738 !important;
	border-top: 1px solid #FFD324 !important;
	border-bottom: 1px solid #FFD324 !important;
	padding-top: 0;
	padding-bottom: 0;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;


	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

#content_start {position: absolute;left: -10000px;};

body .input_line {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

body .input_line label {
	display: block;
	float: left;
}

body .input_line .input_field {
	background-image: url(assets/images/back_input_field.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px none;
	font-size: 120%;
	line-height: 100%;
	margin: 0px 5px;
	padding: 2px 3px;
}

/* --- General Post Layout --- */

body .post {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}



body .post .title {}

body .post .title a, body .post .title a:link {
	text-decoration: none;
}

body .post .title a:hover, body .post .title a:active {
	text-decoration: none;
}



body .post .byline {
}

body .post .meta {}



body .post .copy {}

body .post .copy p {}

body .post .copy img {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	border: 0px none;
}




/* --- Post Table Layout --- */

body .post_table {
	font-size: 90%;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 100%;
}

body .post_table tr {
	background-image: url(assets/images/divider_light_horizontal.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

body .post_table td {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px;
}

body .post_table .title {
}

body .post_table .comments {
	width: 80px;
}

body .post_table .date {
	text-align: right;
	width: 100px;
}




/* --- Comment Layout --- */

body .comment {}

body .comment .comment_meta {
	background-color: #EFEFEF;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

body .comment .comment_meta .comment_number {
	float: left;
	font-size: 250%;
	font-weight: bolder;
	margin: 5px 20px 0px 0px;
	padding: 0px;
}

body .comment .comment_table {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 150%;
	color: #212121;
	font-family: inherit;
}

body .comment .comment_table tr {
	margin: 0px;
	padding: 0px;
}

body .comment .comment_table td {
	margin: 0px;
	padding: 0px;
}

body .comment .comment_table .comment_table_label {
	text-align: left;
	vertical-align: top;
	width: 70px;
}

body .comment .comment_table .comment_meta_data {
	text-align: left;
	vertical-align: top;
}

body .comment .comment_table .comment_meta_data img {
	vertical-align: middle;
	margin: 5px 5px 5px 0px;
}
<!-- Site Meter -->
<script type="text/javascript" src="http://s35.sitemeter.com/js/counter.js?site=s35irisjumbe">
</script>
<noscript>
<a href="http://s35.sitemeter.com/stats.asp?site=s35irisjumbe" target="_top">
<img src="http://s35.sitemeter.com/meter.asp?site=s35irisjumbe" alt="Site Meter" border="0"/></a>
</noscript>
<!-- Copyright (c)2009 Site Meter -->