/* BloomBox Social Networking and UGC Toolkit
 * Copyright 2006-2008, Mint Digital Limited, All rights reserved.
 */

/*** Colors ***
 * Brown:             #37260a
 * Light brown:       #694410
 * Very light brown:  #c8801a
 * Red:               #fb4f3b
 */

/*** Fonts ***
 * Georgia, Times New Roman, Times, serif
 */

/*** Reset ***/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
/* remember to define focus styles! */
:focus{
  outline:0;
}
body{
  line-height:1;
  color:black;
  background:white;
}
ol,ul{
  list-style:none;
}
table{ /* tables still need 'cellspacing="0"' in the markup */
  border-collapse:separate;
  border-spacing:0;
}
caption,th,td{
  text-align:left;
  font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:"";
}
blockquote,q{
  quotes:"" "";
}

/*** Global ***/

body{
  background:#fff url(/images/bg-main.png) 0 0 repeat-y;
  color:#37260a;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:100%;
}
a{
  color:#fb4f3b;
  text-decoration:none;
}
a:hover,a:focus,a:active{
  text-decoration:underline;
}
a.subtle{
/*  color:#37260a;*/
  color:#fb4f3b;
}
/*
a.subtle:hover,
a.subtle:focus,
a.subtle:active{
  color:#fb4f3b;
}
*/
div,p{
  text-align:left;
}
p{
  margin:0 0 1em 0;
}
div#container{
  width:805px;
  padding:0 10px 0 45px;
  background:#fff;
}
.meta{
/*  color:#999;*/
  color:#694410;
  font-style:italic;
}
div.empty{
  margin:10px auto;
  padding:25px 0;
  text-align:center;
}
div.loading{
  width:100%;
  height:100%;
  margin:10px auto;
  background:#fff;
  color:#999;
  font-size:25px;
  text-align:center;
}
div.loading img{
  margin:0 0 0 5px;
  vertical-align:middle;
}
div.image img{
  display:block;
}
.arabic * {
  text-align: right;
  direction: rtl;
  font-style: normal;
}
.arabic {
  font-size: 1.4em;
}
.english {
  font-size: 0.625em;
}

/*** Global > Layouts ***/

body div.column{
  float:left;
  margin:0 20px 0 0;
  /* No horizontal padding on anything with fixed width, or IE will choke */
}
body div.last{
  margin:0;
}
body.layout-one-column div.column{
  float:none;
  margin:0;
}
/*** Two columns is one of 5 grid columns and one of 3 grid columns ***/
body.layout-two-columns div.column{
  width:440px;
}
body.layout-two-columns div.column.last {
/*  width:260px;*/
	width:265px;
	margin:0;
}

body.layout-three-columns div.column{
  width:273px;
}
/*** Main column has 5 grid columns, sidebar has 2 grid columns, with a gap of one column ***/
body.layout-main-with-sidebar div.main{
/*  width:440px;*/
  width:454px;
}
body.layout-main-with-sidebar div.sidebar{
/*  width:170px;*/
  width:327px;
  margin:0;
}

/*** Global > Headers ***/

h1,h2,h3,h4,h5,h6{
  font-weight:bold;
  line-height:1em;
  text-align:left;
	letter-spacing:-0.02em;
}
h1{
  font-size:4em;
}
h2{
  font-size:3em;
}
h2#site-logo{
  position:relative;
  left:-10px;
  width:408px;
  height:216px;
  background:transparent url(/images/logo-osama.jpg) 0 0 no-repeat;
  overflow:hidden;
  text-indent:-9999em;
}
h2#site-logo a{
  display:block;
  height:100%;
}
h3{
  font-size:2em;
}
h4{
  font-size:1.5em;
}
h5{
  font-size:1.25em;
}
h6{
  font-size:1.125em;
}
div#site-body h3{
	height:33px;
  margin:0 0 15px 0;
  padding:0 0 0 10px;
  background:transparent url(/images/bg-module-header-main.gif) right top no-repeat;
  color:#fff;
  font-size:1.125em;
  font-style:italic;
  line-height:33px;
}
body.layout-one-column div#site-body div.column h3{
  background:transparent url(/images/bg-module-header-main.gif) left top no-repeat;
}

/*** Global > Forms ***/

form{}
form fieldset{
  margin:0;
  padding:0;
  border:0;
}
form fieldset ol{
  margin:0;
  padding:0;
  list-style:none;
}
form fieldset ol li{
  clear:both;
	position:relative;
	float:left;
	width:450px;
  padding:3px 0;
}
form fieldset ol li.checkbox,
form fieldset ol li.radio{
	width:260px;
  margin:0 0 0 90px;
}
form fieldset ol li.multiple{}
form fieldset ol li.multiple div.content{
  margin:0 0 0 80px;
}
form fieldset ol li.error{
  padding:10px 5px;
  background:#fb4f3b;
  border:0;
  color:#fff;
}
form fieldset ol li div.fieldWithErrors {
	display:inline;
}
form fieldset ol li label{
  float:right;
  width:160px;
  padding:0.5em 0 0 0;
  color:#694410;
	font-size:0.9em;
	font-style:italic;
  font-weight:normal;
}
form fieldset ol li label em{
  margin:0 0 0 0.5em;
	color:#ff1d25;
/*  font-size:0.875em;*/
/*  font-style:normal;*/
/*  position:absolute;*/
/*  top:12px;*/
/*  left:360px;*/
/*  width:350px;*/
/*  display:none;*/
}
form fieldset ol li.focus label em,
form fieldset ol li label.fieldWithErrors em {
/*  display:block;*/
}
form fieldset ol li input{
	border:none;
  width:256px; /* to fit to the grid. makes total width 260 after borders */
	margin-left:10px;
  background:#e9e3db;
	padding:1px 0;
}
form fieldset ol li.checkbox input,
form fieldset ol li.radio input{
  width:auto;
}
form fieldset ol li select {
	margin-left:10px;
}
form fieldset ol li textarea{
	border:none;
  width:290px;
  height:10em;
  background:#e9e3db;
	line-height:1.4;
	margin-bottom:0;
}
form fieldset ol li input,
form fieldset ol li textarea{
	padding:5px;
	color:#37260a;
	font-family:Georgia, Times, serif;
	font-size:0.9em;
}
form fieldset ol li input:focus,
form fieldset ol li textarea:focus{
  background:#f3f0ec;
}
form fieldset ol li.checkbox label,
form fieldset ol li.radio label{
  float:none;
  display:inline;
  width:auto;
}
form fieldset ol li.checkbox label em,
form fieldset ol li.radio label em {
	left:270px;
}
form fieldset ol li.checkbox input,
form fieldset ol li.radio input{
  width:auto;
  background:transparent;
	margin-left:0;
}
form div.submit{
  margin:0 0 0 10px;
  padding:10px 0;
}
form div.submit input{
  overflow:visible !important; /* For IE */
}
form div.submit span.alt{
  padding:0 0 0 0.5em;
}

/*** Global > Buttons ***/

form div.submit input,
a.btn{
  padding:3px 0.5em 3px 10px; /* Using px because bg has static dimensions */
  overflow:hidden;
  background:#fb4f3b url(/images/button-v2.png) no-repeat top right;
  border:none;
  color:#fff;
	font-family:Georgia, Times, serif;
	font-size:10.5pt; /* Using pt because bg has static dimensions */
	font-style:italic;
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
}
form div.submit input{
  font-size:9.25pt;
}
form div.submit input:hover,
form div.submit input:focus,
a.btn:hover,
a.btn:focus{
  background:#37260A url(/images/button-v2.png) no-repeat right -37px;
	color:#fff;
	text-decoration:none;
}
form div.submit input:active,
a.btn:active{
  background:#37260A url(/images/button-v2.png) no-repeat right -37px;
  color:#ccc;
}

/*** Global > Lists ***/

ul.links{
  margin:0;
  padding:0;
  list-style:none;
}
ul.links li{
  display:inline;
  margin:0 0.25em 0 0;
  padding:0 0.5em 0 0;
  border-right:1px solid #666;
}
ul.links li.last{
  margin:0;
  padding:0;
  border-right:0;
}
ul.links li a.cur{
  color:#000;
  font-weight:bold;
  text-decoration:none;
}

ul.image-list{
  margin:0;
  padding:10px 0 0 0;
  list-style:none;
}
ul.image-list li{
  clear:both;
  margin:0;
  padding:0 0 10px 0;
}
ul.image-list li div.image{
  float:left;
  width:50px;
  height:50px;
  overflow:hidden;
}
ul.image-list li div.content{
  margin:0 0 0 60px;
  font-size:0.875em;
}
ul.image-grid{
  margin:0;
  padding:0;
  list-style:none;
}
ul.image-grid li{
  float:left;
  width:90px;
  height:150px;
  margin:0 10px 10px 0;
  overflow:hidden;
}
ul.image-grid li div.image{
  width:90px;
  height:90px;
  margin:0 0 0.25em 0;
  overflow:hidden;
}
ul.image-grid li div.subject{
  margin:0.5em 0;
  line-height:1em;
}
ul.image-grid li div.meta{
  line-height:1em;
}

/*** Global > Error messages ***/

div.notice,
div.error{
  margin:0 auto 10px auto;
  padding:10px;
}
div.notice{
  background:#fb4f3b;
  color:#fff;
}
div.error{
  background:#fb4f3b;
  color:#fff;
}
div.error ul li {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:4px;
}
div.notice strong,
div.error strong{
  font-weight:bold;
}

/*** Global > Pagination ***/

div.pagination{
  margin:20px auto 0 auto;
  text-align:center;
  color:#c0c0c0;
	font-size:0.9em;
}
div.pagination span,
div.pagination a{
  padding:0.25em 0.5em;
	font-style:italic;
	font-size:1em;
}
div.pagination a{
	font-weight:bold;
}
div.pagination span.current{
  color:#37260a;
  font-weight:bold;
}
div.pagination .prev_page,
div.pagination .next_page{
	font-size:0.9em;	
}
div.pagination span.disabled{}

/*** Global > Site header ***/

div#c4-header{
  margin:-32px 0 0 0;
}
div#c4-header a.skipNavigation{}
div#c4-header div#c4nav{}
div#site-header{}
div#site-header h2{
  float:left;
  margin:0.5em 0 10px 0;
}
div#site-header h2 a{
  color:#000;
  text-decoration:none;
}
div#site-header div.progress{
  float:left;
  width:228px;
  margin:5px 0 0 30px;
  background:transparent url(/images/header-route1.gif) 0 0 no-repeat;
}
div#site-header div.progress h3{
  width:145px;
  padding:60px 0 0 0;
  font-size:1.25em;
  font-style:italic;
  text-align:center;
}
div#site-header div.progress p{
  width:145px;
  font-size:0.75em;
  font-style:italic;
  text-align:center;
}
div#site-header div.stats{
  float:right;
  margin:25px 25px 0 0;
}
div#site-header div.stats p{
  margin:0;
  font-size:0.75em;
  font-style:italic;
  text-align:right;
}
div#site-header div.stats p em{
  color:#fb4f3b;
}
div#site-header div.global-nav{
  float:right;
  height:140px;
  border-right:7px solid #37260a;
  font-size:1.25em;
  font-weight:bold;
  text-align:right;
}
div#site-header div.global-nav ul li a{
  margin:0 -7px 0 0;
  padding:0 17px 0 0;
  border-right:7px solid #37260a;
  color:#37260a;
/*  font-size:1.75em;*/
  font-size:22pt;
  line-height:0.875em;
  text-transform:uppercase;
	display:block;
}
div#site-header div.global-nav ul li a:hover,
div#site-header div.global-nav ul li a:focus,
div#site-header div.global-nav ul li a.cur{
	color:#fb4f3b;
  border-right:7px solid #fb4f3b;
	text-decoration:none;
}
div#site-header div.global-nav ul li a.cur{
  color:#fb4f3b;
}
div#site-header div.global-nav ul li a.cur:hover,
div#site-header div.global-nav ul li a.cur:focus,
div#site-header div.global-nav ul li a.cur:active{
  color:#fb4f3b;
	text-decoration:none;
}

/*** Global > Site body ***/

div#site-body{
  clear:both;
	padding-top:20px;
}
p.rss {
  text-align: center;
	padding-top:30px;
}
p.rss em{
  color:#694410;
  font-size:0.875em;
}
p.rss a.rss {
	padding-left:20px;
	background:#fff url(/images/icon-rss.jpg) no-repeat top left;
}

	/*** Global > Sidebar/Final columns ***/
	
	body.layout-two-columns div.column.last div {
	  margin-bottom:10px;
		padding:10px;
		background-color:#f2f2f2;
	}
	body.layout-main-with-sidebar div.sidebar img,
	body.layout-main-with-sidebar div.sidebar p,
	body.layout-main-with-sidebar div.sidebar ul {
		margin-bottom:1.5em;
	}
	body.layout-main-with-sidebar div.sidebar h5 {
		margin-bottom:1em;
		font-size:1.5em;
		font-style:italic;
		font-weight:normal;
		letter-spacing:-0.5px;
	}
	body.layout-main-with-sidebar div.sidebar p strong{
	  font-weight:bold;
	}
	body.layout-main-with-sidebar div.sidebar div.cta {
		margin: 1.5em 0 1em 0;
	}
	body.layout-main-with-sidebar div.sidebar div.cta a {
		position:relative;
	}

/*** Global > Site footer ***/

div#site-footer{
  clear:both;
  margin:2.0em auto 0 auto;
  color:#999;
  text-align:center;
}
div#site-footer div.revision{
  padding:0.5em 0;
}

div#site-footer ul.links {
	font-size:0.9em;
	margin:100px 0 20px;
}

div#site-footer ul.links li {
	border:none;
	padding-right:0;
}

div#site-footer ul.links li a {
	padding-right:0.5em;
	border-right:1px solid #fb4f3b;
	font-style:italic;
}

div#site-footer ul.links li.first {
	padding:5px 0 5px 30px;
	background:#fff url(/images/links-left.gif) no-repeat left top;
}

div#site-footer ul.links li.last {
	padding:5px 30px 5px 0;
	background:#fff url(/images/links-right.gif) no-repeat right top;
}

div#site-footer ul.links li.last a {
	border:none;
}

div#c4footerLinks {
	font-size:0.9em;
}

/*** Main > Index ***/

body#main-index{}
body#main-index div.header-text{
  padding:0.5em 0.5em 0.5em;
  font-size:1.375em;
  font-style:italic;
  font-weight:bold;
  text-align:center;
}
body#main-index div.header-text p{
  text-align: center;
  margin-bottom: 0.3em;
}
body#main-index div.osamas{}
body#main-index div.module{
  float:left;
  width:388px;
}
body#main-index h3.cta{}
body#main-index div.module h4{
  height:33px;
  margin:0 0 15px 0;
  padding:0 0 0 10px;
  background:transparent url(/images/bg-module-header-main.gif) top right no-repeat;
  color:#fff;
  font-size:1.125em;
  font-style:italic;
  line-height:33px;
}
body#main-index div.journal-entries{
  margin:0 20px 0 0;
	width:454px;
}
body#main-index div.journal-entries ol{}
body#main-index div.journal-entries ol li.entry{
  margin:1.5em 0 3em 0;
}
body#main-index div.journal-entries ol li.entry div.subject,
body#main-index div.journal-entries ol li.entry h4{
  height:auto;
  margin:0 0 0.1em 0;
  background:transparent;
  font-size:1.5em;
  font-style:italic;
  line-height:1em;
}
body#main-index div.journal-entries ol li.entry div.meta{
  margin-bottom: 0.5em;
}
body#main-index div.journal-entries ol li.entry div.content{}
body#main-index div.journal-entries ol li.entry div.content p{
    margin-bottom: 0.5em;
}

body#main-index div.journal-entries ol li.entry div.comments,
body#main-index div.journal-entries ol li.entry div.more{
  font-style:italic;
}
body#main-index div.journal-entries ol li.entry div.more{
  font-weight:bold;
}
body#main-index p.rss {
  padding-top:0;
  text-align:left;
  margin-left:10px;
}
body#main-index div.journal-entries p.more{
  margin:0 0 1em 10px;
}
body#main-index div.featured{
	width:327px;
}
body#main-index div.featured div.osama{
	margin-top:2px;
}
body#main-index div.featured div.image{
  float:left;
  width:160px;
  height:120px;
  margin:0 15px 0 0;
  overflow:hidden;
}

body#main-index div.featured div.name{
  margin:0;
  font-size:1em;
  font-style:italic;
}
body#main-index div.featured div.name a.first-name{
  font-weight:bold;
}
body#main-index div.featured div.name strong{
  display:block;
}
body#main-index div.featured div.meta,
body#main-index div.featured div.comments{
  font-size:0.875em;
  font-style:italic;
}
body#main-index div.featured div.new{
  margin:2em 0 0 0;
}
body#main-index div.featured div.new a{
  display:block;
  padding:0.75em 0;
  text-align:center;
}
body#main-index div.c4-season{
  margin:0px 0 0 0;
	width:327px;
}
body#main-index div.c4-season h4{}
body#main-index div.c4-season ul.image-list{
  padding:0;
}
body#main-index div.c4-season ul.image-list li{
  padding:0 0 20px 0;
}
body#main-index div.c4-season ul.image-list li div.image{
  width:80px;
  height:80px;
}
body#main-index div.c4-season ul.image-list li div.content{
  margin:0 0 0 100px;
}
body#main-index div.c4-season ul.image-list li div.content h5{
  margin:0 0 0.125em 0;
  font-size:1.5em;
  font-style:italic;
  font-weight:normal;
}
body#main-index div.c4-season ul.image-list li div.content div.text{
  font-size:1em;
  line-height:1;
}
body#main-index div.c4-season ul.image-list li div.content div.more{
  margin:0.5em 0 0 0;
  font-style:italic;
  font-weight:bold;
}

/*** Main > Map ***/

body#main-map{}
body#main-map p.recent-osamas{
  padding:0;
  font-size:1.25em;
}
body#main-map p.recent-osamas em{
  font-style:italic;
}
body#main-map p.recent-osamas a{
  white-space:nowrap;
}
body#main-map div#google-map{
	width:795px;
	height:600px;
	margin:0 0 0 5px;
	border:2px solid #37260a;
}
body#main-map p.note{
  margin:10px 0 0 5px;
  font-style:italic;
}
body#main-map p.note strong{
  color:#fb4f3b;
  font-weight:bold;
}

/*** Main > Mission ***/

body#main-mission{}
body#main-mission div.main div.farrah-masood{
  width:450px;
  height:515px;
  overflow:hidden;
  background:transparent url(/images/farrah-masood-mission.jpg) 0 0 no-repeat;
  text-indent:-9999em;
}
body#main-mission div.sidebar h5 {
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 0.4em 10px;
}
body#main-mission div.sidebar h3{
  margin: 0;
  padding: 0 0 0.5em 0;
}
body#main-mission div.sidebar p {
	font-size:1.15em;
	width: 85%;
	font-style:italic;
	margin-left: 10px;
	margin-bottom:0.8em;
}

body#main-mission div.main blockquote {
	font-size: 1.75em;
	font-style: italic;
	margin-left: 0.8em;
	margin-bottom: 0.5em;
	letter-spacing:-0.02em;
	}
body#main-mission div.main p {
	font-size:0.9em;
	line-height:1.2em;
  margin-left: 1.4em;
	}
body#main-mission div.main dl{
  font-style: italic;
  margin-left: 1.4em;
  padding: 1em 0 1em 0;
  }
body#main-mission div.main dl dt{
  float: left;
  margin-right: 0.2em;
 }
body#main-mission div.main dl dd{
   padding-bottom: 0.5em;
   font-weight: bold;
}

/*** Main > Static info ***/

body#main-guidelines div.main h3,
body#main-faq div.main h3,
body#main-terms div.main h3,
body#main-embedding_video div.main h3,
body#main-islam-season div.main h3,
body#main-press div.main h3{
	padding-top:45px;
	color:#37260a;
  font-size:1.5em;
  font-style:italic;
	font-weight:normal;
	margin-bottom:0;
	line-height:1;
}

body.main div#site-body div.main div.static-info{
	font-size:0.9em;
	padding:0 10px;
}
body.main div#site-body div.main div.static-info h1{
  font-size:2.25em;
}
body.main div#site-body div.main div.static-info h2{
  font-size:1.75em;
}
body.main div#site-body div.main div.static-info h3{
  height:auto;
  margin:0 0 1em;
  padding:0;
  background:transparent;
  color:#37260a;
  font-size:1.25em;
  font-style:italic;
  line-height:1em;
	font-weight:normal;
}
body.main div#site-body div.main div.static-info h4{
  font-size:1.25em;
	font-style:italic;
	font-weight:bold;
  margin:0 0 1em;
}
body.main div#site-body div.main div.static-info h5{
  font-size:1.125em;
}
body.main div#site-body div.main div.static-info h6{
  font-size:1em;
}
body.main div#site-body div.main div.static-info p{
	line-height:1.2em;
}
body.main div#site-body div.main div.static-info p strong{
  font-weight:bold;
}
body.main div#site-body div.main div.static-info p em{
  font-style:italic;
}
body.main div#site-body div.sidebar ul{
  margin:3em 0 0 10px;
}
body.main div#site-body div.sidebar ul li{
  line-height:2em;
}
body.main div#site-body div.sidebar ul li a{
  font-style:italic;
  font-weight:bold;
}
body.main div#site-body div.sidebar ul li a.subtle{
  color:#37260a;
}

/*** Maps ***/

div.google-map div#amtc_option_0 div,
div.google-map div#amtc_option_1 div,
div.google-map div#amtc_option_2 div{
  text-align:center;
}
div.google-map div.osama-info-window{
  position:relative;
  width:327px;
/*  width:389px;*/
  height:120px;
  padding:0 62px 0 0;
  background:transparent url(/images/map-info-window.png) 0 0 no-repeat;
}
div.google-map div.osama-info-window div.image{
  float:left;
  width:62px;
  height:61px;
  margin:2px 15px 0 2px;
  overflow:hidden;
}
div.google-map div.osama-info-window div.content{
  padding:15px 0 0 0;
  font-size:0.875em;
  font-style:italic;
}
div.google-map div.osama-info-window div.content a.close{
  position:absolute;
  top:5px;
/*  right:5px;*/
  right:67px;
  width:11px;
  height:11px;
  overflow:hidden;
  background:transparent url(/images/map-info-window-close.gif) 0 0 no-repeat;
  cursor:pointer;
  text-indent:-9999em;
}
div.google-map div.osama-info-window div.content strong{
  display:block;
  margin:0 0 0.125em 0;
  color:#37260a;
  font-size:1.125em;
  font-weight:bold;
}
div.google-map div.osama-info-window div.content strong a.name{
/*  font-size:1.25em;*/
}

/*** Comments ***/

div.want-to-comment,
div.comment {
	margin-top:1.5em;
	margin-bottom:1em;
}
div.want-to-comment p {
	text-align:center;
}
div.comment form fieldset {
	padding:0 0 0 10px;
}
div.comment form ol li {
	width:100%;
}
div.comment form ol li.attachment {
	/*padding-top:7px;*/
	padding-bottom:8px;
}
div.comment form ol li label {
	margin:6px 0 5px;
	width:230px;
}
div.comment form ol li.textarea label,
div.comment form ol li.attachment label {
	display:block;
	float:none;
}
div.comment form ol li textarea {
	width:416px;
}
div.comment form ol li input {
	width:193px;
	margin-left:0;
}
div.comment form ol li.attachment input {
	width:240px;
}

div.comment div.comment-preview {
	padding:10px;
	background:#E9E3DB;
	min-height:80px;
}
div.comment h5 {
	font-size:0.9em;
	font-weight:normal;
	font-style:italic;
	color:#694410;
	margin:10px 0 10px 10px;
}
div.comment div.comment-preview div.image img,
div.comments ol li div.content div.image img {
	float:left;
	margin:0 15px 0 0;
}

div.comments ol li div.content div.image img.large {
	float:none;
	margin:0 0 15px 0;
}

div.comments ol li div.content div.image a span.loading {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100px;
	width:100px;
	line-height:100px;
	font-weight:bold;
	font-style:italic;
	background:#fff;
	width:100px;
	text-align:center;
	color:#37260A;
}

div.comment div.comment-preview div.text {
	font-size:0.9em;
}
div.comment div.comment-preview div.meta {
	font-size:0.9em;
	margin-top:0.5em;
}

div.comments{}
/*
div.comments form{
  margin:0 0 20px 0;
  padding:0;
}
div.comments form fieldset{}
div.comments form fieldset label{
  float:none;
  font-weight:normal;
}
div.comments form fieldset textarea{
  height:5em;
}
*/
div.comment form div.submit{
  margin: 5px 0 5px 10px;
}

div.comment form div.note{
  margin: 0 0 0 10px;
	color:#694410;
	font-size:0.9em;
}

/*
div.comments form div.submit input{
  font-size:1.0em;
}
div.comments ol{}
div.comments ol li{
  clear:both;
  margin:0;
  padding:0;
}
*/
div.comments ol{
/*  overflow:hidden;*/
}
div.comments ol li{
  position:relative;
  float:left;
  clear:left;
  width:440px;
}
div.comments ol li.comment{
  padding:0 0 0 10px;
	margin:20px 0;
	border-left:3px solid #37260A;
}
div.comments ol li.comment.by-farrah,
div.comments ol li.comment.by-masood,
div.comments ol li.comment.by-osama-hq{
  border-left:3px solid #FB4F3B;
}
div.comments ol li.comment.by-farrah{}
div.comments ol li.comment.by-masood{}
div.comments ol li.comment.by-osama-hq{}
div.comments ol li.comment div.content{
  margin:0;
  padding:0;
}
div.comments ol li.comment div.content div.text{}
div.comments ol li.comment div.content div.meta{
  margin-top:-1em;
  color:#694410;
}
div.comments ol li div.content div.meta span.report{
  font-size:0.875em;
}
div.comments ol li div.report{
  position:absolute;
  top:0px;
  left:460px;
  padding:0 0 0 12px;
  background:transparent url(/images/arrow-left-brown.gif) left 24px no-repeat;
}
div.comments ol li div.report form{
  width:300px;
  padding:10px;
  background:#fff;
  border-top:1px solid #37260a;
  border-left:1px solid #37260a;
  border-right:3px solid #37260a;
  border-bottom:3px solid #37260a;
  overflow:hidden;
}
div.comments ol li div.report form fieldset{}
div.comments ol li div.report form fieldset ol{}
div.comments ol li div.report form fieldset ol li{
  padding:0;
}
div.comments ol li div.report form fieldset ol li label{
  display:block;
  float:none;
  width:auto;
  line-height:1.5;
}
div.comments ol li div.report form fieldset ol li input{
  margin:0;
}
div.comments ol li div.report form div.submit{
  margin:0;
}

/*** Osamas ***/

div.osamas{
  margin:0 auto;
	position:relative;

}
div.osama-grid{
  	top:-20px;
}
div.osamas ol.no-links{
   top: 0;
}
div.osamas 
div.osamas div.osamas{
	position:static;
}
div.osamas div.filter{
  padding:0 10px 0 0;
  font-size:1.125em;
  font-style:italic;
  text-align:right;
}
div.osamas div.filter a.cur{
  color:#37260A;
}
div.osamas div.filter a img{
  vertical-align:middle;
}
ol.osama-grid{
  margin:10px 0 0 0;
  background:transparent url(/images/default_img_161x90.jpg) 0 0 repeat-x;
}
ol.osama-grid li{
  float:left;
  width:160px;
  height:140px;
  margin:0 1px 10px 0;
  overflow:hidden;
}
ol.osama-grid li div.image{
  width:160px;
  height:90px;
  background:url('/images/default_img_160x90.jpg') 0 0 repeat-x #fff;
  overflow:hidden;
}
ol.osama-grid li div.info{
  font-size:0.75em;
  font-style:italic;
	color:#694410;
}
ol.osama-grid li div.info strong{
  display:block;
  font-size:1.25em;
}
ol.osama-list{
  margin:10px 0 0 0;
}
ol.osama-list li{
  position:relative;
}
ol.osama-list li div.image{
  float:right;
  margin-right:28px;
}
ol.osama-list li div.info{
  position:absolute;
  right:195px;
  bottom:40px;
  float:left;
  text-align:right;
}
ol.osama-list li div.info strong,
ol.osama-list li div.info em,
ol.osama-list li div.info span{
  display:block;
  margin:1px 0 0 0; /* Using px, not em, to match margins regardless of font size */
  line-height:1;
}
ol.osama-list li div.info strong{
  font-size:1.125em;
  font-style:italic;
  font-weight:bold;
}
ol.osama-list li div.info em{
  font-size:1em;
  font-style:italic;
}
ol.osama-list li div.info span{
  font-size:0.75em;
}
div.mission-cta{
  clear:both;
  margin:20px auto 30px auto;
  font-size:1.3em;
	color:#37260A;
  font-style:italic;
  font-weight:bold;
  text-align:center;
	background: none;
}
body#osamas-show div.mission-cta{
  margin:60px auto 0 auto;
	font-size:1em;
}

/*** Osamas > Index ***/

body#main-index div#site-body,
body#osamas-index div#site-body{
	padding-top:0;
}

/*** Osamas > Show ***/

body#osamas-show.layout-main-with-sidebar div.main {
	width:440px;
}

body#osamas-show h3{
  margin:0;
  padding:0;
  background:transparent;
  color:#37260a;
  font-size:1.5em;
  font-style:italic;
  font-weight:bold;
	line-height:1;
}

body#osamas-show div.main div.meta {
  float:left;
	line-height:0.75em;
}
body#osamas-show div.main ul.links{
  font-style:italic;
  font-weight:bold;
  font-size:0.9em;
  line-height:0.75em;
  text-align:right;
}

body#osamas-show div.main ul.links li{
  border-right:1px solid #fb4f3b;
}
body#osamas-show div.main ul.links li.last{
  border-right:0;
}
body#osamas-show div.main div.medium{
  margin:20px 0 0 0;
}
body#osamas-show div.main div.medium div.content{
  height:248px;
  line-height:248px;
  text-align:center;
  background:#999;
  color:#666;
}
body#osamas-show div.main div.medium div.content.movie{
  height:248px;
  line-height:248px;
}
body#osamas-show div.main div.medium div.embed{
  margin:20px 0 0 0;
}
body#osamas-show div.main div.medium div.embed p{
  margin:0;
  padding:2px 10px;
  background-color:#694410;
  color:#c8801A;
  font-style:italic;
  font-size:0.875em;
}
body#osamas-show div.main div.medium div.embed p.toggle{
	float:left;
	width:420px;
}
body#osamas-show div.main div.medium div.embed p em{
	margin-top:6px;
  float:left;
  font-size: 0.9em;
}
body#osamas-show div.main div.medium div.embed p a{
	color:#FB4F3B;
	font-size: 0.9em;
}
body#osamas-show div.main div.medium div.embed p a:active,
body#osamas-show div.main div.medium div.embed p a:focus{
	text-decoration:none;
}
body#osamas-show div.main div.medium div.embed p a.open{
	float:left;
}
body#osamas-show div.main div.medium div.embed p a.close{
	float:right;
}
body#osamas-show div.main div.medium div.embed div.code{
  background-color:#37260a;
  height: 32px;
}
body#osamas-show div.main div.medium div.embed div.code form textarea{
  float: left;
  width: 295px;
	height:1.2em;
  margin:10px;
  overflow:hidden;
  background-color:#694410;
  border:1px solid;
  color:#c8801A;
  font-family:Georgia, Times, "Times New Roman", serif;
  font-size:0.7em;
  font-style:italic;
}
body#osamas-show div.main div.medium div.embed p a.copy-to-clipboard{
	float:right;
	font-size: 0.875em;
	margin-top: 10px;
}
body#osamas-show div.main div.medium div.info{
  margin:0.25em 0 0 0;
	clear:both;
}
body#osamas-show div.main div.medium div.info div.short-description{
  padding:10px 0 0 10px;
  font-style:italic;
}
body#osamas-show div.main div.medium div.info div.short-description em{
  color:#fb4f3b;
  font-weight:bold;
}
body#osamas-show div.main div.medium div.info div.rating{
  padding:5px 0 0 10px;
  font-size:0.75em;
}
body#osamas-show div.main div.medium div.info div.rating em{
  color:#fb4f3b;
}

body#osamas-show div.main div.medium div.info div.rating em.average{
  font-weight: bold;
}

body#osamas-show div.main div.medium ul.rating-controls,
body#osamas-show div.main div.medium ul.rating-controls li a:hover,
body#osamas-show div.main div.medium ul.rating-controls li a.cur{
  background-color:transparent;
  background-image:url(/images/heart-rating1.gif);
  background-position:left -9999em;
  background-repeat:repeat-x;
}
body#osamas-show div.main div.medium ul.rating-controls{
  position:relative;
  float:right;
  width:150px;
  height:25px;
  margin:-1.25em 0 0 0;
  overflow:hidden;
  background-position:left top;
}
body#osamas-show div.main div.medium ul.rating-controls li{
  display:inline;
}
body#osamas-show div.main div.medium ul.rating-controls li a,
body#osamas-show div.main div.medium ul.rating-controls li a.cur{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:30px;
  height:25px;
  overflow:hidden;
  text-indent:-9999em;
}
body#osamas-show div.main div.medium ul.enabled li a:hover{
  background-position:left bottom;
}
body#osamas-show div.main div.medium ul.disabled li a{
  cursor: default;
}
body#osamas-show div.main div.medium ul.rating-controls li a.rating-one{
  width:30px;
  z-index:6;
}
body#osamas-show div.main div.medium ul.rating-controls li a.rating-two{
  width:60px;
  z-index:5;
}
body#osamas-show div.main div.medium ul.rating-controls li a.rating-three{
  width:90px;
  z-index:4;
}
body#osamas-show div.main div.medium ul.rating-controls li a.rating-four{
  width:120px;
  z-index:3;
}
body#osamas-show div.main div.medium ul.rating-controls li a.rating-five{
  width:150px;
  z-index:2;
}
body#osamas-show div.main div.medium ul.rating-controls li a.cur{
  background-position:left bottom;
/*  z-index:1;*/
}


/*
body#osamas-show div.main div.medium ul.rating-controls li a{
  display:block;
  width:28px;
  height:25px;
  margin:0 0 0 2px;
  background-color:transparent;
  background-image:url(/images/f.gif);
  background-position:left top;
  background-repeat:no-repeat;
  overflow:hidden;
  text-indent:-9999em;
}
body#osamas-show div.main div.medium ul.rating-controls li a:hover,
body#osamas-show div.main div.medium ul.rating-controls li a:focus,
body#osamas-show div.main div.medium ul.rating-controls li a.full{
  background-position:left bottom;
}
*/
body#osamas-show div.main div.description{
  margin:45px 0 0 10px;
	clear:both;
}
body#osamas-show div.main div.description h4{
  margin-bottom:5px;
  font-size:1.75em;
  font-style:italic;
  font-weight:normal;
}
body#osamas-show div.sidebar div.section{
  margin:25px 0 0 0;
}
body#osamas-show div.sidebar div.section h4{
	height:33px;
  margin:0 0 15px 0;
  padding:0 0 0 10px;
  background:transparent url(/images/bg-module-header-main.gif) right top no-repeat;
  color:#fff;
  font-size:1.125em;
  font-style:italic;
  line-height:33px;
}

/*** Osamas > New ***/

body#osamas-new ul#osama-relationship-list{
	padding-top:35px;
	float:left;
	width:100%;
}

body#osamas-new ul#osama-relationship-list li {
	padding:0 20px 30px 0;
}

body#osamas-new ul#osama-relationship-list li.me {
	float:left;
	clear:left;
	width:200px;
}

body#osamas-new ul#osama-relationship-list li.someone {
	width:400px;
}

body#osamas-new ul#osama-relationship-list li.someone span{
	display:inline-block;
}

body#osamas-new ul#osama-relationship-list li span {
	display:block;
	margin:6px 0 0 10px;
	font-style:italic;
	color:#694410;
}
body#osamas-new div.main{
  background: transparent url(/images/bg-module-header-main.gif) no-repeat;
  overflow:hidden;
}
body#osamas-new div.main h3{
  height: auto;
	padding-top:45px;
	padding-bottom: 20px;
  background: transparent none;
	color:#37260a;
  font-size:1.5em;
  font-style:italic;
	font-weight:normal;
	margin-bottom:0;
	line-height:1;
}
body#osamas-new div.main h4{
	font-size:1.25em;
	font-style:italic;
	font-weight:normal;
	margin:1.5em 0 0.3em 10px;
}
body#osamas-new div.arabic h3,
body#osamas-new div.arabic h4{
  font-style: normal;
}
body#osamas-new div.main p {
	margin:0 0 1em 10px;
	font-size:0.875em;
}
body#osamas-new div.main ol.instructions li{
	margin:0 0 0.3em 20px;
	list-style-position:inside;
	list-style-type:decimal;
	font-size: 0.875em;
}
body#osamas-new div.main form div.error h4{
	font-weight:bold;
	color:#fff;
	margin-left:0;
	margin-top:0;
}

body#osamas-new div.main form fieldset {
	margin-bottom:1em;
}

body#osamas-new div.main form fieldset ol li{
	width:100%;
}
body#osamas-new div.main form fieldset ol li.checkbox {
  margin-left:10px;
}
body#osamas-new div.arabic form fieldset ol li.checkbox {
  margin-left:0;
}
body#osamas-new div.arabic form fieldset ol li.file-upload input,
body#osamas-new div.arabic form fieldset ol li.file-upload label{
  margin-right: 125px;
}
body#osamas-new div.arabic form fieldset ol li.file-upload input{
  width: 300px;
  direction: ltr;
}
body#osamas-new div.main form fieldset ol li label{
	width:125px;
	padding-top:7px;
}
body#osamas-new div.arabic form fieldset ol li label{
  font-style: normal;
}
body#osamas-new div.main form fieldset ol li label.file-label {
  display:block;
  float:none;
  width:auto;
  margin-left:10px;
}
body#osamas-new div.main form fieldset ol li input{
	width:299px;
}
body#osamas-new div.main form fieldset ol li input.first-name{
  color:#c8801a;
  font-weight:bold;
}
body#osamas-new div.main form fieldset ol li.checkbox input {
	width:auto;
}

body#osamas-new div.main form fieldset ol li select{
	border:none;
	background:#E9E3DB;
}
body#osamas-new div.main form fieldset ol li.attachment label{
	float:none;
	display:block;
	margin:0 0 10px 10px;
}
body#osamas-new div.main form fieldset ol li.attachment input{
	float:none;
}

body#osamas-new div.main form ol#osama-type-list {
  text-align: center;
  width: 100%;
}

body#osamas-new div.main form ol#osama-type-list li {
  border: 1px solid #333;
  clear: none;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  width: 383px;
}

body#osamas-new div.main form ol#osama-type-list a {
  cursor: pointer;
  display: block;
  float: none;
  padding-top: 32px;
  height: 68px;
  width: 100%;
}

body#osamas-new div.main form ol#osama-type-list a span {
  display: block;
  margin-top: 5px;
}

body#osamas-new div.main form div.submit p{
  font-style: italic;
  margin-top: 0.5em;
  width: 40%;
  font-size: 0.875em;
}
body#osamas-new div.arabic form div.submit{
  text-align: right;
}
body#osamas-new div.arabic form div.submit input{
  font-size: 14pt;
  line-height: 17px;
  height: 23px;
  font-style: normal;
}
body#osamas-new div.sidebar h3{
  padding:36px 17px 0 10px;
	color:#37260a;
	background:transparent url(/images/bg-module-header-sidebar.gif) no-repeat top left;	
	font-size:1.125em;
	margin-bottom:0.5em;
	font-style:normal;
}
body#osamas-new div.sidebar p,
body#osamas-new div.sidebar img{
  padding:0 0 0 10px;	
}
body#osamas-new div.sidebar img{
  margin-bottom:0.4em;	
}



/*** Osamas > Complete ***/

body#osamas-complete div.empty{
  padding:25px 0 75px 0;
}
body#osamas-complete div.empty h3{
  position:relative;
  top:0.25em;
  margin:0;
  padding:0;
  background:transparent;
  color:#37260a;
  font-size:1.75em;
  line-height:1em;
  text-align:center;
  text-indent:0;
}
body#osamas-complete div.empty p{
  margin:0;
  font-size:1.25em;
  font-style:italic;
  line-height:1.25em;
  text-align:center;
}

/*** Sessions > New ***/

body#sessions-new form fieldset ol li input{}

/*** Users ***/

body.users{}

/*** Journal entries ***/

.entry{
	font-size:0.875em;
	line-height:1;
}
.entry h4 a{
	font-style:italic;
	font-weight:normal;
	color:#37260A;
}
.entry h4{
	margin-bottom:0.2em;
	padding-left:10px;
	line-height:0.875em;
}
.entry p.meta{
	margin-bottom:0.3em;
	padding-left:10px;
}
.entry div.content{
	padding-left:10px;
	line-height:1.25em;
}
.entry div.content p{
	margin:0 0 1em;
}
.entry div.content object{
  margin-bottom:10px;
}
.entry div.content p.more {
	font-weight:bold;
	font-style:italic;
	margin-bottom: 10px;
}
.entry p.comments{
	padding-left:10px;
	color:#694410;
	font-style:italic;
}

body.journal-entries div.sidebar div.farrah-masood{
  width:310px;
  height:250px;
  margin:0 0 -5px 0;
  background:transparent url(/images/farrah-masood-journal.png) 0 0 no-repeat;
  overflow:hidden;
  text-indent:-9999em;
}
body.journal-entries div.sidebar h5{
	padding:46px 17px 0 10px;
	background:transparent url(/images/bg-module-header-sidebar.gif) no-repeat top left;	
	font-size:1.125em;
	font-style:italic;
	font-weight:bold;
}
body.journal-entries div.sidebar p{
	padding:0px 17px 0 10px;	
	font-size:1.125em;
	font-style:italic;
	font-weight:normal;
}
body.journal-entries div.sidebar div.mission h5,
body.journal-entries div.sidebar div.mission p{
  font-size:1.25em;
  font-weight:normal;
}


/*** Journal entries > Index ***/

body#journal-entries-index div.main ol li{
	margin-bottom:3em;
}
body#journal-entries-index div.main div.pagination {
	position:relative;
}
body#journal-entries-index div.main div.pagination .prev_page,
body#journal-entries-index div.main div.pagination .next_page{
  /* Switching prev/next links so that user navigates left for older entries,
     and right for newer entries. (case 7030) */
  width:47%;
	display:block;
	top:0;
	position:absolute;
}
body#journal-entries-index div.main div.pagination .prev_page{
  right:0;
  text-align:left;
}
body#journal-entries-index div.main div.pagination .next_page{
  left:0;
  text-align:right;
}

/*** Journal entries > Show ***/

body#journal-entries-show div.main div.entry {
	margin:1.5em 0;
}
body#journal-entries-show div.main p.comments {}
body#journal-entries-show div.main div.comments{
  margin:0 0 0 10px;
}

/*** 404 and 500 ***/

body#error-pages #site-body div.main div.static-info {
  margin: 1em;
}

body#error-pages #site-body div.main div.static-info h2,
body#error-pages #site-body div.main div.static-info p {
  font-style: italic;
}

body#error-pages #site-body div.main div.static-info em{
  font-size: 1em;
  color: #fb4f3b;
}

body#error-pages #site-body div.main div.static-info h2 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}

/*** FAQ ***/

body#main-faq #site-body div.main h3{
  margin-bottom: 0.5em;
}

body#main-faq #site-body div.main ol li{
  margin-bottom: 1.2em;
}

body#main-faq #site-body div.main p{
  margin-bottom: 0.5em;
}

/*** Adverts ***/

body #c4ad-x08,
body #c4ad-x07 {
	left:900px;
}


/*** Global > Clear fixes ***/
/*** (This goes last!) ***/

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear,
div#site-header,
div#site-body,
ul.image-grid,
ul.image-list li,
ol.osama-grid,
ol.osama-list li{
  display:inline-block;
}
.clear:after,
div#container:after,
div#site-header:after,
div#site-body:after,
ul.image-grid:after,
ul.image-list li:after,
ol.osama-grid:after,
ol.osama-list li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
* html .clear,
* html div#site-header,
* html div#site-body,
* html ul.image-grid,
* html ul.image-list li,
* html ol.osama-grid,
* html ol.osama-list li{
  height:1%;
}
.clear,
div#site-header,
div#site-body,
ul.image-grid,
ul.image-list li,
ol.osama-grid,
ol.osama-list li{
  display:block;
}