/*  
Original Theme Name: Laila - J.Awad Edition
Theme URI: http://orangescale.com
Majorly Modified by Graham
*/

* {margin: 0;padding: 0;}

body {font:12px Geneva, Tahoma, Helvetica, sans-serif;color:#333;background:#FFB624 url(images/bg-grad.jpg) top left repeat-x fixed;text-align:center;}
a:link {color:#c33;}
a:visited {color: #c33;}
a:active {color: #C33;}
.header-c h1 a:hover, a:hover {color: #ff0000;}
a.ano {text-decoration: none;border: none;}
a.hey {font-weight: bold;}
.clear {clear: both;margin:0;padding:0;height: 0.1px;}
h1 {font: 300% Georgia, "Times New Roman", Times, serif;}
.header-c h1 a, .header-c h1 a:visited {color:#9D5C00; text-decoration:none; border-width:0}
.tagline {padding: 0px;}
#wrapper {width: 800px;margin: 30px auto;background: #FBFAF5;border: 5px solid #fff;}
.header-c {padding: 20px;background: url(images/gw-header.jpg);height:76px;}
#navcontainer {background: #000;height: 30px;margin: 0;padding: 0;}
#navcontainer ul {margin: 0;padding: 0;}
#navcontainer ul li {list-style-type: none;padding: 0;margin: 0;display: block;float: left;font: 11px/30px Geneva, Tahoma, Helvetica, sans-serif;text-align: center;}
#navcontainer a {color: #fff;text-decoration: none;display: block;width: 116px;border-top: none;border-right: 1px solid #A8B090;border-bottom: none;}
#navcontainer .current_page_item { background: #900; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #666; color: #fff; border-bottom: none;}
#go-content {}
p.tags {text-align:right; font-size: 11px;}
#main {text-align: left;}
.bigger {width: 550px;float: left;margin: 0;padding: 0 0 30px 0;background: #fff;}
.bigger-c {}
.bar-head {height: 150px;background: #ccc;margin-top: 5px;border-right: 5px solid #fff;}
.bar-default {}
.bar-journal {}
.bar-about {}
.smaller {width: 240px;float: right;margin: 0;padding: 0;font-size: 11px;line-height: 16px;}
.item {padding: 15px;line-height: 18px;}
.item h2, h2.pagetitle {font: normal 200% Georgia, "Times New Roman", Times, serif;}
.item h3 {font: normal 180% Georgia, "Times New Roman", Times, serif;margin: 8px 0;}
.item h4 {font: normal 160% Georgia, "Times New Roman", Times, serif;margin: 8px 0;}
.item h2 a, .item h2 a:visited {color: #000;text-decoration: none;border: none;}
.item h2 a:hover {color: #cc0000;}
.item-ctnt p {padding: 5px 0;}
.item-ctnt b { color:#cc0000;}
.item-foot {font-size: 11px;text-align: right;border-top: 1px solid #F0EDED;padding: 5px 10px;margin-top: 10px;background: #F8F8F8;color:#666666;}
.item-foot a {color:#333333;}
.side-c { padding: 15px;}
.side-c p { padding-top: 4px;padding-bottom: 4px;}
.side-c h3 {font: bold 12px Geneva, Tahoma, Helvetica, sans-serif;margin-bottom: 5px;}
.side-c ul {list-style: square;margin: 5px 0 0 15px;padding: 0;}
.side-c ul li {margin: 4px 0 4px 0;}
#footer {margin: 0;padding: 0;font-size: 10px;background: #F4F4EA;line-height: 16px;}
.footer-c {margin: 0px;padding: 15px;}


/* for each item */
.item blockquote {margin: 15px 20px;padding: 0 10px;border-top: 3px solid #f4f4f4;font-size: 11px;}
.item ul, .item ol {margin: 10px 30px;}
code {font: 13px "Courier New", Courier, monospace; color: #CC3300;}
acronym, abbr {cursor: help;border-bottom: 1px dotted #333;}
del {color: #ccc;background: #FFFFCC;}
pre {max-height: 200px;width: 95%;overflow: auto;margin: 10px 0;background: #f4f4f4;padding: 5px;font: 12px "Courier New", Courier, monospace;color: #AA3800;}
#preventry ul li {padding-top: 3px;padding-bottom: 3px;}
input {font-size: 11px;padding: 3px;font: 11px Geneva, Tahoma, Helvetica, sans-serif;margin-right: 6px;}
input.searchinput:focus {background: #F1C4C4;}
#s-rentry span.sp-date {display: none;}
#previously span.sp-date {font-weight: bold;}
#previously ul {list-style-type: none;margin: 6px 10px;padding: 0;}
#previously ul li {padding: 3px 0;}
#previously a {text-decoration: none;border: none;}
p.bcumb {padding: 15px 15px 0 15px;font-size: 11px;}
.s-result {border-top: 1px solid #f4f4f4;padding-bottom: 10px;}
.s-result h3 {font: normal 140% Georgia, "Times New Roman", Times, serif;}
.s-result h3 a, .s-result h3 a:visited {color: #333;text-decoration: none;border: none;}
h2.searchhead {font: normal 200% Georgia, "Times New Roman", Times, serif;padding: 20px 0 0 15px;}
p.subsearch {font-size: 11px;}
.side-c h2 {font-size: 12px}
.blue { color:#c33;}
/* Begin Comments*/


.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;	}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {	padding: 2px;}
#commentform #submit {margin: 0;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em Geneva, Tahoma, Helvetica, sans-serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: Geneva, Tahoma, Helvetica, sans-serif;}
.commentmetadata {font-weight: normal;}
/* End Comments */

a img {border: none;}
.navigation {border-top: solid 1px #efefef;display: block;text-align: center;margin-top: 10px;margin-bottom: 20px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}
select {width: 130px;}

/* Begin Images */
p img {	padding: 0;	max-width: 100%;}
/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using	align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;}
.item-ctnt .postmetadata {margin: 30px 0;}
h3#comments, h3#respond {font: normal 150% Georgia, "Times New Roman", Times, serif;}
h3#respond {margin-left: 7px;border-bottom: solid 1px #ECECEC;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 200px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; font-weight:bold;border-bottom: dotted 1px #DBBA8A;width: 85%; margin:0 auto;}
#wp-calendar td {padding: 3px 0;text-align: center; background:white;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #EAE7D6; }
#wp-calendar caption, cite {text-decoration: none;}
#wp-calendar #prev a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font-family: Geneva, Tahoma, Helvetica, sans-serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;background:#F7F4E4; text-align:center}

/* End Calendar */

/* Lightbox */

#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;text-decoration:none;}
#lightbox a {text-decoration:none;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;text-decoration:none;}	
#lightboxCaption{ float: left;text-decoration:none;}
#keyboardMsg{ float: right;text-decoration:none;}
#closeButton{ top: 5px; right: 5px;text-decoration:none; }
#lightbox img{ border: none; clear: both;text-decoration:none;} 
#overlay img{ border: none;text-decoration:none; }
#overlay{ background-image: url(/blog/wp-content/themes/laila/images/overlay.png); }
* html #overlay{nackground-color: #333;	back\ground-color: transparent;	background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/blog/wp-content/themes/laila/images/overlay.png", sizingMethod="scale");}

#icon-css a {background: url(images/icon_css.gif) no-repeat 0px 0px;float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 27px; text-decoration:none;}
#icon-css a:hover {background-position: 0px -15px;text-decoration:none;}
#icon-rss a {background: url(images/icon_rss.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 27px;}
#icon-rss a:hover {background-position: 0px -15px;}
#icons {background: url(images/background_icons.gif); /*	clear: both;*/
	height: 15px;margin: 0px;padding: 10px 20px 5px 0px;width: 730px;}
#icons li {display: inline;}
#icon-xhtml a {	background: url(images/icon_xhtml.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 38px;}
#icon-xhtml a:hover {background-position: 0px -15px;}
#icon-mysql a {	background: url(images/icon_mysql.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 38px;}
#icon-mysql a:hover {background-position: 0px -15px;}
#icon-php a {	background: url(images/icon_php.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 27px;}
#icon-php a:hover {background-position: 0px -15px;}
#icon-fox a {	background: url(images/icon_firefox.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 80px;}
#icon-fox a:hover {background-position: 0px -15px;}
#icon-wp a {	background: url(images/icon_wp.gif) no-repeat 0px 0px;
	float: right;height: 15px;margin: 0px 5px 0px 0px;text-indent: -9999px;width: 27px;}
#icon-wp a:hover {background-position: 0px -15px;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility: hidden;}
* html .clearfix {height: 1%;}

#icon-email a {	background: url(/blog/wp-content/uploads/2006/04/email.gif) no-repeat 0px 0px;
	float: left;height: 19px;margin: 0px;width: 132px;border:0px;display: inline;}
#icon-email a:hover {background-position: 0px -19px;}