/*
Theme Name: Morocco Gateway Default
Theme URI: http://www.morocco-gateway.co.uk/
Description: Modification of the default wordpress theme for Morocco Gateway
Version: 1.0
Author: Daniel Howlett
Author URI: http://www.lexisclick.com
Tags: blue, white, gold, fixed width, two columns, widgets
*/

/*

	Typography
	
*/
body
{
	color:#3d3d3d;
}

/*	HEADINGS  */
h1,h2
{
	margin:0 0 10px 0;
	font-size:26px;
	font-weight:normal;
	color:#A49D54;
}
h1 a, h2 a
{
	color:#A49D54 !important;
}


a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

img
{
	border:0;
}

.typography
{
	font-size:15px;
}

.typography p
{
	margin:15px 0;
	line-height:150%;
}


.typography a
{
	text-decoration:underline;
}
.typography a:hover
{
	text-decoration:none;
}

.typography blockquote
{
	margin:10px 0;
	padding:0 20px 0 80px;
	background:transparent url('images/quotationMarks.png') no-repeat left top;
	min-height:50px;
	height:auto !important;
	height:50px;

	
	font-size:17px;
	text-align:justify;
}
.typography blockquote p
{
	margin-top:0px;
	line-height:130%;
}



/*

	Post Layout and Styling
	
*/
.hentry
{
	margin:15px 0;
	float:left;
	width:100%;
}
.hentry .edit-link
{
	float:right;
}
.hentry .edit-link a
{
	color:#24da8f;
}

.entry-head
{
	margin-bottom:10px;
	
	font-size:10px;
	color:#000;
}

.entry-foot
{
	padding:7px 0;

	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	
	font-size:10px;
}

.entry-foot .col .heading, .entry-foot .col p, .entry-foot .col li
{
	padding-left:5px;
}

.entry-foot .heading
{
	margin-bottom:5px;
	font-weight:bold;
	text-transform:uppercase;
}

.entry-foot ul
{
	list-style:none;
	
	padding:0;
	margin:0;
}

.entry-foot p
{
	margin:0;
}





/*

	Comments Layout and Styling
	
*/
#respond
{
	float:left;
	padding-bottom:8px;
	line-height:150%;
}

#respond .heading
{
	font-weight:bold;
}

#respond form p
{
	margin:5px 0;
}


/*

	Morocco Gateway Positioning and Styling
	
*/
#topmenu
{
	position:absolute;
	top:88px;
}

#sidebar .widget
{
	margin-bottom:15px;
}

#sidebar .widget ul
{
	list-style:none;

	margin:0;
	padding:5px 0;
	
	border:1px solid #ccc;
	border-top:0;
}

#sidebar .widget ul li
{
	padding-left:25px;
}

#sidebar .widget ul li a
{
	margin-left:-25px;
	padding-left:25px;
	background: transparent url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/bullet.gif') no-repeat left center;
}

#sidebar .widget ul li a:hover {
	background-image:url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/bulletblue.gif');
	color:#8EBEE6;
}



/*

	Morocco Gateway Toolbox
	
*/

.roundedBrown .heading, .roundedBlue .heading
{
	margin:0 !important;
	padding:3px 0 3px 10px !important;
	color:#fff !important;
	font-weight:bold !important;	
	font-size:12px !important;
}
.roundedBrown
{
	background:#AFAB78 url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/brown_right.gif') no-repeat right top;
}
.roundedBrown .heading
{
	background:transparent url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/brown_left.gif') no-repeat left top;
}
.roundedBlue
{
	background:#8EBEE6 url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/norm_right.gif') no-repeat right top;
}
.roundedBlue .heading
{
	background:transparent url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/norm_left.gif') no-repeat left top;
}
.borderedArea
{
	border:1px solid #ccc;
	border-top:0;
	padding:0 8px;
}

/*

	Page Layout Toolbox
	
*/
.columns4, .columns2
{
	float:left;
	width:100%;
}
.columns4 .col
{
	float:left;
	width:25%;
}
.columns2 .col
{
	float:left;
	width:50%;
}

.left
{
	text-align:left;
}
.right
{
	text-align:right;
}

.clear
{
	clear:both !important;
	height:0px !important;
	line-height:0px !important;
}



/*

	Styling Page Elements
	
*/
body
{
	margin:0;
	padding:0;

	background:transparent url('http://www.morocco-gateway.com/templates/morocco_content/shared/images/bg.jpg') repeat;
}

#wrapper
{
	background-color:white;
}

/*

	Positioning Page Elements
	
*/
#wrapper
{
	position:relative;
	width:780px;
	margin:0 auto;
	padding:8px 10px !important;
}

#main
{
	float:left;
	width:100% !important; 
	/*margin:0 10px !important; */
	margin-top:128px !important; /* header height */
}

#header
{
	position:absolute !important;
	top:8px;
	
	width:780px;
}
/* position any subheaders or menus and adjust #main margin-top accordingly */

#content
{
	float:left;
	width:520px;
}

#sidebar
{
	float:right;
	width:240px;
}

#footer
{
	margin-top:20px !important;
}