﻿/*
Theme Name: RamadanBlue HawaHome.com Themes
Theme URI: http://hawahome.com/
Description: The HawaHome.com RamadanBlue theme based on the famous <a href="http://seo.hawahome.com/RamadanYellow/">RamadanBlue</a>.
Version: 1.0
Author: Abdullah Sowailem
Author URI: http://hawahome.com/
Tags: http://hawahome.com/

	RamadanYellow v1.0
	 http://seo.hawahome.com/RamadanBlue

	This theme was designed and built by Abdullah Sowailem,
	whose blog you will find at http://seo.hawahome.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
body{
	margin:0;
	padding: 0;

	background-image:url('images/RamadanYellow_bodybg.jpg');
	background-position:top;
	background-repeat:repeat-x;
	background-color:#4277f0;
	
}
img {
	border: none 0;
	}

.clean{
	clear:both;
	height:0px;
}

.block{
	display:block;
}
.navigation{
	padding-top:0px;
	height:41px;
	width:591px;
}

.navigationr{
	height:41px;
	background-image:url('images/navigationR.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.navigationl{
	height:41px;
	padding-right:25px;
	background-image:url('images/navigationL.jpg');
	background-position:left;
	background-repeat:no-repeat;
}
.navigationc{
	padding-left:25px;
	height:41px;
}
.navigationb{
	height:41px;
	background-image:url('images/navigationm.jpg');
	background-position:center;
	background-repeat:repeat-x;
	color:white;
}
.navigation a{
	text-decoration: none;
	font-weight:bold;
	color:white;
}
.alignright{
	float:right;
	padding-top:10px;
}

.alignleft{
	float:left;
	padding-top:10px;
}
/******************************************************************************/
.hawahome_block{
	width:596px;
	height:auto;
	display:block;
}
.hawahome_block_header{
	background-image:url('images/block_header.jpg');
	background-position:top;
	background-repeat:no-repeat;
	padding-top:0px;
}
.hawahome_block_title{
	height:35px;
	width:596px;
	padding: 0px 30px;
	color:white;
	vertical-align:middle;
}
.hawahome_block_title h2 {
	font-size:20px;
	padding-top:10px;
	text-decoration: none;
	color:white;
}
.hawahome_block_title h2  a{
	text-decoration: none;
	color:white;
}
.hawahome_block_footer{
	background-image:url('images/block_footer.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	height:24px;
}
.hawahome_block_content{
	
}
.hawahome_block_border{
	padding:0 10px;
	background-image:url('images/block_border.jpg');
	background-position:top;
	background-repeat:repeat-y;
	
}
/******************************************************************************/
.post{
	padding: 0 10px;
}
/******************************************************************************/

#main{
	margin:0 auto;
	padding:0;
	width:809px;
	height:auto;
}

#header{
	height:335px;
	background-image:url('images/RamadanYellow_header.jpg');
	background-position:top;
	background-repeat:no-repeat;
}

#search{
	height:37px;
	width:290px;
	padding-right:10px;
	padding-top:10px;
}

#searchinputbackground{
	background-image:url('images/search_text.jpg');
	background-position:right;
	background-repeat:no-repeat;
	height:37px;
	width:208px;
	float:right;
}

#s{
	margin:5px 15px;
	height:22px;
	width:175px;
	outline-style:none;
	border:0px;
	background-color:#fffbf2;
	font-size:20px;
}

#searchsubmit{
	float:left;
}

#footer{
	padding-top:288px;
}

#bodyborder{
	background-image:url('images/RamadanYellow_bodyborder.jpg');
	background-position:center;
	background-repeat:repeat-y;
}

#content{
	background-image:url('images/RamadanYellow_bodyborderfooter.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
}

#sidebar{
	width:186px;
	float:right;
	direction:rtl;
	text-align:right;
	padding:0 5px;
}

#widgetpages div{
	display:block;
	background-image:url('images/mainmenu.jpg');
	background-position:top;
	background-repeat:no-repeat;
	width:195px;
	height:40px;
	font-size:0px;
	color:#4277f0;
	padding-right:2px;
}
#widgetpages li ul{
	margin-top:40px;
}
#widgetpages li {
	display:block;
	height:27px;
	width:175px;
	margin-right:5px;
	color:black;
	font-size:18px;
	padding-top:5px;
	padding-right:5px;
	background-image:url('images/menuline.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
}

#widgetpages li a{
	text-decoration: none;
	color:black;
}

#widgetpages li a:hover{
	text-decoration: none;
	color:#4277f0;
}

.widget h2{
	background-image:url('images/widgettitlebackground.jpg');
	background-position:top;
	background-repeat:no-repeat;
	height:40px;
	width:197px;
	color:black;
	padding-top:10px;
	text-align:center;
	font-size:20px;
}

.widget ul{
	margin-top:-20px;
}

.widget ul li{
	display:block;
	height:27px;
	width:180px;
	margin-right:-30px;
	color:black;
	font-size:18px;
	padding-top:5px;
	padding-right:5px;
	background-image:url('images/menuline.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
}

.widget ul li a{
	text-decoration: none;
	color:black;
}
.widget ul li a:hover{
	text-decoration: none;
	color:#4277f0;
}

#page{
	width:600px;
	float:left;
	direction:rtl;
	text-align:right;
	padding-top:0px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 6px;
}

#respond{
	width:590px;
	padding:0 5px;
}

#respond h3{
	background-image:url('images/commentsheader.jpg');
	background-position:top;
	background-repeat:no-repeat;
	height:42px;
	font-size:0px;
	color:#fffbf2;
}

#respond form textarea{
	width:570px;
	margin-right:5px;
}

#copyright{
	height:50px;
	text-align:center;
	padding-top:5px;
	color:#024e95;
	font-size:17px;
	font-weight:bold;
}

#copyright a{
	text-decoration:none;
	color:black;
}
