/*
Theme Name: Gulf Aid
Theme URI: http://www.GulfAid.org/
Description: Theme used for Gulf Aid Relief
Version: 1
Author: Compucast
Author URI: http://compucast.com/
*/



/* GulfAid Defailt */
body { height: 100%; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(/images/background-image.jpg); background-position:top; background-repeat: no-repeat; background-color: #3f6a77;  }

#container { position:absolute; height:100%; width: 960px; left: 50%; margin-left: -480px; background-color: transparent; font-family: helvetica, arial; font-size: 13px; line-height: 16px; color: #666666; }

.topMenu {
	position:absolute;
	width:998px;
	height:40px;
	margin:213px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	line-height:40px;
}

.topMenu a:link		{ padding:1px 4px 1px 4px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.topMenu a:visited	{ padding:1px 4px 1px 4px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.topMenu a:hover	{ padding:1px 4px 1px 4px; background-color:#FFF; color:#00833D; text-decoration:none; }

.topMenu ul{
	margin:0px;
	padding:0px;
}
.topMenu li{
	list-style:none;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

.botMenu ul{
	margin:0px;
	padding:0px;
}
.botMenu li{
	list-style:none;
	display:inline;
	margin-right:3px;
	margin-left:3px;
}

.current_page_item { background-color:#346371;} /* the current Page */

#header { margin:30px 0px 0px -19px; width:998px; height:283px; background-image:url('/images/bg_top.png'); }

#contentContainer {
	margin:0px 0px 0px -19px;
	padding:2px 49px 8px 49px;
	width:900px;
	background-image:url('/images/bg_middle.png');
	background-color:transparent;
	background-repeat:repeat-y;
	overflow:auto;
}

#footer {
	margin:0px 0px 0px -19px;
	padding:40px 0px 20px 0px;
	width:998px;
	background-image:url('/images/bg_bottom.png');
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

.footerMoreInfo{
	font-size:10px;
}
#footer a{
	color:#ceecf5;
}

#sidebar { float:left; width:220px; padding:20px 20px 0px 20px; margin:-20px 0px 0px -20px; background-color:transparent; }
#sidebar { font-size:12px; }
#sidebar p	{ margin:0px 0px 15px 0px; }
#sidebar h1	{ font-size:18px; font-weight:bold; text-align:center; margin:0px 0px 12px 0px; }

.sidebarDonate { margin:10px 0px 15px -2px; }

#content { float:left; margin:0px 0px 0px 30px; width:630px; font-size:14px; line-height:18px; }
#content a:link		{ color:#00833d; text-decoration:underline; }
#content a:visited	{ color:#00833d; text-decoration:underline; }
#content a:hover	{ color:#000000; text-decoration:underline; }
#content h1 {
	margin:0px 0px 12px 0px; font-size:26px;
	line-height:30px;
	font-weight:normal;
	text-align:left;
}
.pageTitle{
	padding-bottom:10px;
	border-bottom:1px solid #9CC;
}
#content h2	{ margin:0px 0px 10px 0px; font-size:20px; line-height:25px; font-weight:normal; text-align:left; }
#content h3	{ margin:0px 0px 10px 0px; font-size:16px; line-height:20px; font-weight:normal; text-align:left; }
#content p	{ margin:0px 0px 15px 0px; }
#content hr { border: 0; width: 100%; color: #BFBEA4; background-color: #BFBEA4; height: 1px; margin:20px 0px 20px 0px; }
#content img { border:0; }
#content #merch { font-size:12px; line-height:15px;}

/* WordPress Default */

/* 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;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) 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 */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	background-color:#dfeff4;
	padding:3px;
	}
/* End Various Tags & Classes*/