/*
Theme Name: MELDOESIRONY
Theme URI: http://wordpress.org/
Description: Anthony's 1st ground up theme.
Version: 0.1
Author: Anthony Melton
Author URI: http://meldoesirony.co.uk/
Tags: meldoesirony

*/


/* =======
	RESET
   ------- */

body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,
div#submenu-nav ul, div#submenu-nav ol, form, img, table
	{
	margin:0;
	padding:0;
	border: 0;
	}

/* =======
	TYPOGRAPHY
   ------- */
   
p, h1, h2, h3, h4, h5, small, li  {
font-family:Arial, "Helvetica", sans-serif;
}

h2  {
font-size:24px;
color:#000000;
font-weight:inherit;
}

h3  {
font-size:30px;
margin-top:7px;
margin-bottom:5px;

}

h4  {
font-size:20px;
margin-bottom:5px;

}

h5  {
font-size:16px;
color:#000000;
}

p  {
font-size:12px;
}

p a {
font-size:12px;
color:#336633;
}

small {
font-size:10px;
}

a {
text-decoration:none;
color:#000000;
}


a:hover {
color:#336633;
}

.smallColour {
	width:auto;
	color: #336633;
	float:left;
}
.hangLeft {
	width:auto;
	color: #000000;
	float:left;
}

.theContent a {
color:#336633;
}

.theContent a:hover {
text-decoration:underline;
}
#imageState {
margin-top:30px;
margin-bottom:30px;
}

/* =======
	BODY
   ------- */	
   
body {
background-image:url(/wp-content/themes/meldoesirony/images/sand-bg.jpg);
background-repeat:repeat-x;
background-attachment: fixed;
background-repeat: repeat-x;
background-color:#b4af82;
}   

#headerWrapper {
	clear:both;
	overflow:visible;
	width: 880px;
	height: 120px;
}

/* =======
	MENU
   ------- */	

#headerRight 
{
background:none;
}

#menuRight li
{
font-size:30px;
display: inline;
list-style-type: none;
}

#menuRight a
{
text-decoration: none;
margin-right:10px;
}

#menuRight a:hover
{
color: #336633;
text-decoration: none;
}

/*#menuRight ul li.current-menu-item { 
background-color:#000000;
color:#000000;
}*/

#menuRight ul li.current-post-ancestor, current-page-ancestor {color: #00ff00;}

#menuRight ul li { 
list-style: none; float:left;
}

#menuWrapper {
	position:relative;
	top: 0px;
	width: 880px;
	background:none;
	}

div#submenu-nav
	{
	width:100%;
	float:right;
	border: 1px solid #444;
	border-width: 0 0 1px 1px;
	border-left: 1px dotted #e8e8e8;
	}
	div#submenu-nav ul {}
		div#submenu-nav ul li { list-style: none; float:right; padding: 8px; border: 1px solid #e8e8e8; border-width: 0 2px 0 0; font-family:Arial, "Helvetica", sans-serif;}
			div#submenu-nav ul li.current-menu-item {color:#ffff00;	font-size: 36px;
}


			
/* =======
	FRAME WORK
   ------- */


#outerContainer {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#headerContainer {
	height: 120px;
	width: 880px;
}
#homeContentContainer {
	background-color: #ffffff;
	height: 768px;
	width: 880px;
}
#fourContentContainer {
	background-color: #ffffff;
	height: 435px;
	width: 800px;
	padding: 40px;
}
#footerContainer {
	background-color: #000000;
	height: 80px;
	width: 880px;
}

#headerRight {
	float: right;
	height: 40px;
	width: 440px;
	margin-top: 32px;
	margin-bottom: 40px;
	position: relative;
}
#headerLeft {
	float: left;
	margin-top: 32px;
	margin-bottom: 33px;
	position: relative;
	height: 55px;
	width: 400px;
}
#homeContentRight {
	float: right;
	height: 768px;
	width: 560px;
	position: relative;
}
#homeContentLeft {
	float: left;
	height: 728px;
	width: 240px;
	margin-right: 40px;
	margin-left: 40px;
	position: relative;
	margin-top: 40px;
}
#homeContentRight02 {
	float: right;
	height: 728px;
	width: 240px;
	margin-right: 40px;
	position: relative;
	margin-top: 40px;
}
#homeContentRight01 {
	float: left;
	height: 728px;
	width: 240px;
	margin-right: 40px;
	position: relative;
	margin-top: 40px;
}
#headerTextWrap {
	width: 240px;
	margin-bottom: 40px;
}
#headerTextWrap2 {
	width: 240px;
	margin-bottom: 30px;
}
#sectionImage {
	height: 180px;
	width: 240px;
	position: relative;
	margin-bottom: 40px;
}
#entryBox {
	height: auto;
	width: auto;
	position: relative;
}

#postBy {
	float: left;
	height: auto;
	width: 240px;
	margin-bottom: 20px;
	position: relative;
}
#plusSign {
	margin-top: 40px;
}
#singleContentLeft {
	margin: 40px;
	float: left;
	width: 520px;
	position: relative;
}
#singlePostTitle {
	height: 40px;
	width: 520px;
	margin-bottom: 23px;
	position: relative;
}
#singlePostImage {
	height: 390px;
	width: 520px;
	margin-bottom: 40px;
	position: relative;
}
#singlePostBody {
	height: auto;
	width: 520px;
	margin-bottom: 40px;
	position: relative;
}
#singlePostSpacer {
	margin-bottom: 20px;
}
#singleContentContainer {
	background-color: #ffffff;
	height: auto;
	width: 880px;
}
#breakerDiv {
	clear: both;
	width: auto;
	position: relative;
}
#sidebarDIV {
	float: right;
	width: 240px;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	position: relative;
}
#dividingLine {
	height: 10px;
	width: auto;
	margin-bottom: 40px;
	position: relative;
	background-color: #000000;
}
#dividingLineP {
	height: 10px;
	width: 800px;
	margin-bottom: 40px;
	position: relative;
	background-color: #000000;
}
#sidebarContent {
	height: auto;
	width: 240px;
	position: relative;
}
#sidebarContent li {
font-family:Arial, Helvetica, sans-serif;
display:inline;
}
#sidebarContentBanner {
	height: auto;
	width: 240px;
	position: relative;
	margin-bottom:20px;
}
#sidebarContentBannerS {
	height: auto;
	width: 240px;
	position: relative;
	margin-bottom:40px;
}
#galleryEntry {
	float: left;
	height: auto;
	width: 240px;
	position: relative;
	margin-right: 40px;
	margin-bottom: 40px;
}
#galleryContentContainer {
	background-color: #ffffff;
	height: auto;
	width: 840px;
	height: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 40px;
}
#menuRight {
	float: right;
	position: relative;
	margin-top:-10px;
	margin-right:-10px;
}
#twitterIconLeft {
	float: right;
	margin-right: 40px;
}
#copyright {
	float: left;
	height: auto;
	width: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;
	margin-left: 40px;
	background-color: #FFFFFF;
}

/* =Menu
-------------------------------------------------------------- */

.menu-item a {color:#000000}
.current-menu-item a {color:#336633 }
.current-page-item a {color:#000000 }
.menu-item-home a {color:#000000 }
.current-menu-item, current-menu-ancestor a {color:#336633 }
		

