/*  
Theme Name: Megan's Web
Theme URI: http://www.megansweb.com.au/
Description: Megan's Web
Version: 1.0
Author: Megan Casey
Author URI: http://www.megansweb.com.au
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
	margin: 0;
	padding: 0;
	}	

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
								
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -67px; /* negative value of footer height */
	height: 60px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END STICKY FOOTER SOLUTION */

body {
background: #fff;
}

#wrap
{
font-family: verdana, geneva, sans-serif;
color: #000; 
font-size: 1em;
background: #fff;
padding-bottom: 30px;
}

#header
{
background: #660066;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
height: 174px;
}

/*Gilder Levin image replacement so text still visible with images off/css on*/
#h1 {
	width: 100%;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	color: #fff;
}
	
#h1 span, #header p span
{
	background: url(img/header5.jpg) no-repeat;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;	
	}
	


#main
{

width: 80%;
min-width: 1000px;
max-width: 1200px;
margin: 0 auto;
padding-top: 20px;
}

h2, h3, h4, h5, h6, h2 a, h3a, h4 a, h5 a, h6 a
{
color: #660066;
}



h4, h5, h6
{
margin-top: 20px;
}

h2
{
font-size: 1.4em;
line-height: 1.8em;
letter-spacing: .0775em;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}

h3
{
font-size: 1.1em;
margin: 30px 20px 20px 20px;
}

h4
{
font-size: 0.9em;
margin-left: 20px;
}


	
h5
{
margin-left: 20px;
}

h6
{
padding-left: 20px;
font-size: .9em;
}

/*.menu-header {
	width:100%;
	height:50px;
	background:#000;
	background-position:50% 0;
	border-top: 3px ridge #fff;
border-bottom: 3px ridge #fff;

	}

.menu-header ul {
	width:100%;
	border:none;
	background:none;
	margin:0;
	padding:0;
	list-style:none;
	margin: 0 25%;
	
	}

.menu-header li {
	border:none;
	background:none;
	background:#000;
	color: #fff;
	line-height:35px;
	z-index:20;
	letter-spacing:0px;
	background:;
	font-weight:normal;
	font-size:1em;
	padding: 10px 10px 0 10px;
	margin:0 0px;
	float:left;
	position:relative;
	}
	
.menu-header li:hover,.menu-header li.sfhover {
	background:#000;
	color: #c7c7c7;
	background-position:0 60px;
	
	}

.menu-header li a {
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 12px;
	color:#fff;
	}

.menu-header li a:hover {
	border:none;
	background:#000;
	text-decoration:none;
	color:#c7c7c7;
	background-position:100% -120px;
	}
		
.menu-header ul ul {
	position:absolute;
	left:-999em;
	top:35px;
	
	}	

.menu-header li:hover ul,.menu-header li.sfhover ul {
	left:auto;
	color: #c7c7c7;
	margin-left: 10px;
	}

.menu-header ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
background: #000;
color: #c7c7c7;
	}
	
.menu-header ul ul li {
	letter-spacing:0px;
	color:#c7c7c7;
	z-index:20;
	width: 15em;
	font-size:.9em;
	font-weight:normal;
	font-style:normal;
	background:#000;
	margin:0;

border-bottom: 3px ridge #fff;

	}

.menu-header ul ul li a {
	line-height:22px;
	color:#fff;
	text-decoration:none;
	}
		



.menu-header ul ul li:hover a,.menu-header ul ul li.sfhover a {
	color:#c7c7c7;
	background: #000;
	text-decoration:none;
	}
	
.menu-header ul ul li:hover li a,.menu-header ul ul li.sfhover li a {
	color:#c7c7c7;
	}
.menu-header ul ul li:hover li a:hover,.menu-header ul ul li.sfhover li a:hover {
	color:#c7c7c7;
	}
.menu-header ul ul li:hover,.menu-header ul ul li.sfhover {
	color:#c7c7c7;
	background:#000;
	}
.menu-header ul ul ul li {
	font-size:1em;}.menu-header ul ul ul, .menu-header ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
.menu-header li li:hover ul,.menu-header li li.sfhover ul,.menu-header li li li:hover ul,.menu-header li li li.sfhover ul {
	margin-left:120px;
	color: #c7c7c7;
	}
.menu-header ul ul li:hover li a,.menu-header ul ul li.sfhover li a {
	text-decoration:none;
	color: #c7c7c7;
	}
.menu-header ul ul li li:hover a,.menu-header ul ul li li.sfhover a {
	color:#c7c7c7;
	text-decoration:none;
	}
*/


#DropDownMenuNav
{
background: #000;
min-height: 50px;
border-top: 3px ridge #fff;
border-bottom: 3px ridge #fff;
}

.menu-header ul
{
width: 80%;
margin-left: 20%!important;
margin-top: 10px;
border: none;
}

.menu-header ul li
{
padding: 0 1em!important;
border: none;

}

.menu-header ul li ul
{
margin-left: 0!important;
border: none;
}


#DropDownMenuNav li{
	
	line-height:35px;
	padding: 12px 10px 0 10px;
	margin:0 0px;
	font-weight: normal!important;
border: none;
	}

.menu-header li a {
	
	text-decoration:none;
	padding:0 12px;
border: none;

	}

.sub-menu
{
border: none!important;
font-size: .9em;
}


	
.widget-area
{
float: right;
width: 20%;
margin-top: 20px;
}

.widget-area h3
{
font-size: 0.8em;
}

.widget-area p
{
font-size: 0.8em;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
}

#third
{
border: 1px solid #660066;
margin-top: 50px;
padding-right: 10px;
}

.xoxo
{
list-style-type: none !important;
}

.textwidget
{
padding-bottom: 10px;
}

.conditions
{
font-size: .6em;
margin-left: 0!important;
}

.textwidget span
{
text-decoration: line-through;
}

#categories-3 ul
{
list-style-type: none;
margin-top: 15px;
margin-left: 25px;
font-size: 0.8em;
font-size: 0.8em;
}

#categories-3 ul a
{
color: #660066;
}

.xoxo div
{
margin-left: 25px;

}

.tag-cloud-6 a
{
color: 660066;
}


.blog-post
{
float: left;
padding: 0px;
width: 75%;
padding-bottom: 30px;
}

.time
{
text-align: right;
font-size: 0.7em;
font-style: italic;
margin-top: -15px;
margin-bottom: 10px;
}


.addthis_toolbox
{
float: right;
border: none;
margin-top: 20px;
}

.comments
{
clear: both;
padding-top: 20px;
}

.comments h3
{
font-weight: normal;
font-style: italic;
}

.comments form
{
border: none;
background: #fff;
}

.post
{
float: left;
padding: 0px;
width: 75%;
padding-bottom: 30px;
}

.portfolio-post
{
min-width: 1000px;
max-width: 1200px;
}

.post p
{
padding: 5px;
}

#submit:hover
{
color: #fff;
background: #660066;
}

em
{
font-style: italic;
color: #660066;
}

strong
{
font-weight: bold;
color: #660066;
}

#content
{
float: left;
width: 480px;
margin-top: 20px;
}

.sidebar
{
float: left;
width: 500px;
margin-top: 50px;
margin-left: 20px;
}

.sidebar p
{
font-size: .8em;
margin: 10px auto;
text-align: center;
width: 400px;
}




.entry p
{
padding-left: 20px;
padding-right: 20px;
margin: 5px 0;
text-align: left; 
color: #000; 
font-size: .8em;
line-height: 1.5em;
}

.entry ul
{
text-align: left;
padding-left: 20px;
padding-right: 20px;
margin-left: 20px;
list-style-type: disc;
font-size: .8em;
}

.entry ul li
{
margin-top: .5em;
margin-bottom: .5em;
line-height: 1.5em;
}

.entry ol
{
text-align: left;
padding-left: 25px;
padding-right: 20px;
margin-left: 20px;
line-height: 200%;
font-size: .8em;
}

p.return
{
text-align: right;
}

a
{
color: #0066cc;
}

a:hover
{
color: #660066;
}


.entry .portfoliop
{
margin-left: 50px;
margin-bottom: 0;
}

img
{
border: 1px solid #000;
margin: 5px 10px 5px 0;
}

.alignleft
{
float: left;
}

.aligncenter
{
display: block;
margin: 0 auto;
}

.alignright
{
float: right;
}

.alignnone
{
display: inline!important;
margin-bottom: -5px;
}



.wp-caption-text
{
font-weight: bold;
width: 300px;
text-align: center!important;
}

form
{
background: #c7c7c7;
color: #660066;
font-size: .9em;
width: 650px;
margin-top: 20px !important;
margin-bottom: 30px;
/*margin-left: 0;
margin-right: 0;*/
padding: 10px 10px 10px 20px;
}

form, textarea, input
{
border: 1px solid #660066;
margin-top: 5px;
}

textarea
{
width: 600px;
}
input
{
padding: 3px;
}

code
{
color: green;
font-size: 1.2em;
display: block;
margin: 20px auto 10px auto;
width: 500px;
border: 1px dotted green;
padding: 5px;
}

#facebook
{
/*float: left;
margin-left: 50px;
padding-bottom: 20px;*/
}

#facebook img
{
border: none;
}

dt
{
font-weight: bold;
font-size: .8em;
color: #606;
}

dd
{

}


#footer
{
background: #660066;
margin-left: auto;
margin-right: auto;
width: 100%;
font-family: verdana, geneva, sans-serif;

height: 60px;
padding-top: 5px;
padding-bottom: 0;
color: #fff;
font-size: 0.7em;
text-align: center;
border-top: 3px ridge #fff;
}
	
#footer a
{
color: #fff;
text-decoration: none;
}

#footer a:hover
{
border-bottom: 1px dotted #fff;
}
	
	
.entry img
{
/*.display: block;*/
/*float: left;*/
}

/*.alignleft
{
float: left;
margin
}*/

.post img
{
margin:  5px;
}

.alignleft
{
display: inline;
float: left;
margin-right: 15px !important;
}

.alignright
{
display: inline;
float: right;
margin-left: 15px !important;
}

.aligncenter
{
display: block;
margin: 0 auto!important;
}

.wp-caption {
	font-size: .7em;
	text-align: center;
}

.wp-caption p
{
margin: 5px;
}

.wp-caption a, form a
{
border: none;
}

.alignleft+p
{
clear: both;
}

br{
clear: both;
}

/*NextGen gallery styles*/
/*Note some gallery styles are at the beginning of the stylesheet to make them easier to find when changing colour scheme*/

/*Home page carousel*/
.ngg-galleryoverview-carousel {
	
	/*overflow: auto;*/
	margin: 10px auto;
	width: 930px;
	padding-bottom: 5px;
}



.ngg-galleryoverview-carousel ul
{
float: left;
}

.ngg-gallery-list li img {
	height:75px;
	width:100px;	
	
}

.ngg-galleryoverview-carousel ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.pic
{

}

.pic img
{
width: auto;
max-width: 800px;
height: 600px;
}



li.ngg-next, li.ngg-prev 
{
text-align: right;
margin-right: 5px;
}

.ngg-gallery-list li a {
	display:block;
	margin: 0;
	padding: 0;
	border: none;
}

.ngg-clear {
	clear: both;
}

/*Template signup form*/
.wp_form .large
{
width: 90%!important;
}

.wp_form p
{
font-size: 1em;
margin-left: -15px;
}

.wp_form h3, .wp_form h4, .wp_form h5
{
margin-left: 0;
}

input[type=submit]:hover
{
color: #f0f0f0;
background: #660066;
}

input[type=reset]:hover
{
color: #f0f0f0;
background: #660066;
}

/*Template Sign-up Form Styles*/

#si_contact_ex_field2_5
{
width: 100px;
}

#si_contact_ex_field2_2, #si_contact_ex_field2_9, #si_contact_ex_field2_12
{
width: 600px;
}

#si_contact_ex_field2_8_1, #si_contact_ex_field2_8_2, #si_contact_ex_field2_13_1, #si_contact_ex_field2_13_2, #si_contact_ex_field2_14_1, #si_contact_ex_field2_14_2, #si_contact_ex_field2_25_1, #si_contact_ex_field2_25_2
{
border: none!important;
}

legend
{
color: #660066;
}

fieldset
{
border: 1px solid #660066!important;
}

/*Template site guide submenu*/
.submenu
{
float: left;
margin-left: -50px;
margin-top: 50px;
}


.submenu ul
{
list-style-type: none;
line-height: 2em;
font-size: 1em;
}

code
{
color: #660066;
display: inline;
border: none;
font-family: 'Courier New', monospace; 
}

#help-main
{
width: 100%;
max-width: 1280px;
}



.help 
{
width: 100%;
}

#templatehomelink
{
text-align: right;
margin-top: 20px;
margin-right: 10px;
font-size: 0.8em;
}

.template-guide .submenu
{
margin-left: 100px;
}



.faq-catname
{
display: none;
}

.faq-title a
{
font-style: normal!important;
font-size: 0.9em;
margin-left: 20px;
}




