/*
Theme Name: AmyEnticknap
Theme URI: http://www.amyenticknap.co.uk/
Description: Bespoke WordPress theme for Amy Enticknap
Version: 1.0
Author: Tonicbox
Author URI: http://www.tonicbox.co.uk/
*/
/* Amy Enticknap CSS DIV layout Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #171717 url(/images/im-bkg-image-black.gif) no-repeat top center;
}
body#page {
	background: #171717 url(/images/im-bkg-image-black-short.gif) no-repeat top center;
}
body#voice {
	background: #f3f948 url(/images/im-bkg-image-yellow.jpg) no-repeat top center;
}
/* utility divs */
.floatEnder {
	clear: both;
}
/* layout divs */
.container {
	margin: 0px auto;
	width: 978px;
	height: auto;
}
/* header */
.header {
	width: 978px;
}
.logo {
	float: left;
	width: 317px;
}
.navArea {
	float: left;
	width: 661px;
}
.navContent {
	padding-top: 82px;
	text-align: right;
}
/* main area */
.mainBody {
	width: 920px;
	margin-left: 58px;
}
/* for homepage */
.hpMainAreaHolder {
	float: left;
	width: 517px;
	background: #3a3a3a url(/images/im-body-bkg-black.gif) no-repeat 0 0;
}
.hpMainArea {
	width: 517px;
	min-height: 370px;
}
.mainContent {
	padding: 26px 15px 0px 30px;
}
.hpSubArea {
	width: 920px;
	background: #2f2f2f;
}
.hpImageArea {
	float: right;
	width: 403px;
}
.blogTitle {
	width: 517px;
	height: 30px;
	background: #2f2f2f;
}
.blogTitleContent {
	padding: 5px 10px 0px 30px;
}
.blogArea {
	float: left;
	width: 517px;
}
.blogAreaContent {
	padding: 5px 20px 10px 30px;
}
.toolsArea {
	float: left;
	width: 403px;
}
/* for sub pages */
.mainAreaHolder {
	float: left;
	width: 600px;
	background: #3a3a3a url(/images/im-body-bkg-black.gif) no-repeat 0 0;
}
.voiceMainAreaHolder {
	float: left;
	width: 600px;
	background: #5a96c0 url(/images/im-body-bkg-blue.gif) no-repeat 0 0;
}
.mainArea {
	width: 600px;
	min-height: 326px;
	height: auto;
}
.mainAreaFull {
	width: 600px;
}
.mainContentScrollFull {
	overflow: auto;
	width: 600px;
	height: 374px;
	margin-top: 26px;
}
.mainContentSub {
	padding: 0px 15px 15px 30px;
}
.voiceMainContentSub {
	padding: 0px 15px 15px 30px;
}
.subArea {
	width: 600px;
	background: #2f2f2f;
}
.voiceSubArea {
	width: 600px;
	min-height: 148px;
	height: auto;
	background: #3985ba;
}
.voiceSubContent {
	
}
.imageArea {
	float: left;
	width: 320px;
}
/* for posts */
.postAreaHolder {
	width: 920px;
	background: #3a3a3a url(/images/im-body-bkg-black.gif) no-repeat 0 0;
}
.postAreaFull {
	width: 920px;
}
.postContentScrollFull {
	overflow: auto;
	width: 920px;
	height: 374px;
	margin-top: 26px;
}
.postContent {
	padding: 0px 15px 0px 15px;
}
/* for gallery */
.galleryMainArea {
	width: 920px;
	min-height: 400px;
	height: auto;
	background: #3a3a3a url(/images/im-body-bkg-black.gif) no-repeat 0 0;
}
.galleryContent {
	padding: 5px 15px 0px 15px;
}
/* footer area */
.footerArea {
	width: 978px;
}
.footerContent {
	padding-top: 5px;
	text-align: right;
}

/* Amy Enticknap CSS text style Document */
/* default styles */
p, h1, h2, h3, h4, h5 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}
p {
	font-size: 0.85em;
	color: #d1d1d1;
}
h1 {
	font-size: 1.05em;
	font-weight: bold;
	color: #666666;
}
h2 {
	font-size: 1em;
	font-weight: bold;
	color: #828e8d;
}
h3 {
	font-size: 0.95em;
	font-weight: bold;
	color: #06084f;
}
h4 {
	font-size: 0.85em;
	font-weight: bold;
	color: #ab0707;
}
h5 {
	font-size: 0.85em;
	font-weight: bold;
	color: #1b5c9d;
}
/* custom styles */
.navContent p {
	color: #7d7d7d;
	font-size: 1em;
}
.navContent#voice p {
	color: #444;
	font-size: 1em;
}
.footerContent p {
	color: #646464;
	font-size: 0.7em;
}
.footerContent#voice p {
	color: #6f7309;
	font-size: 0.7em;
}
.mainContentSub h1, .postContent h1 {
	font-size: 1.2em;
	font-style: italic;
	color: #d1d1d1;
	margin-bottom: 10px;
}
.mainContentSub h2 {
	font-size: 1.2em;
	font-style: italic;
	color: #fff;
	margin-bottom: 10px;
}
.mainContentSub h3 {
	font-size: 1.2em;
	color: #fff;
}
.voiceMainContentSub p {
	color: #fff;
}
.voiceMainContentSub h1 {
	font-size: 1.2em;
	font-style: italic;
	color: #fff;
	margin-bottom: 10px;
}
.standardBullet {
	background: url(/images/im-standard-bullet.gif) no-repeat 0 8px;
	padding: 5px 0px 5px 15px;
	font-weight: normal;
	font-size: 0.7em;
}
.voiceMainContentSub p {
	color: #fff;
}
.voiceMainContentSub h2 {
	font-size: 1.2em;
	color: #fff;
}
.voiceMainContentSub p span {
	color: #b5daf3;
	font-size: 0.9em;
}
.mainContentSub p span {
	color: #fff;
	font-size: 0.9em;
}
.smlText {
	font-size: 0.6em;
}
.blogTitleContent h1 {
	color: #fff;
}
.blogAreaContent h1 {
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 0px;
}
.blogAreaContent p {
	font-size: 0.7em;
	color: #fff;
}
.blogAreaContent p span {
	font-size: 0.8em;
	color: #d1d1d1;
}
/* link styles */
/* default links */
a:link, a:visited {
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
/* custom links */
.navContent p a:link, .navContent p a:visited {
	font-weight: normal;
	color: #7d7d7d;
	text-decoration: none;
}
.navContent p a:hover, .navContent p a:active {
	color: #fff;
	text-decoration: underline;
}
.navContent#voice p a:link, .navContent#voice p a:visited {
	font-weight: normal;
	color: #444;
	text-decoration: none;
}
.navContent#voice p a:hover, .navContent#voice p a:active {
	color: #fff;
	text-decoration: underline;
}
.footerContent p a:link, .footerContent p a:visited {
	font-weight: normal;
	color: #646464;
	text-decoration: none;
}
.footerContent p a:hover, .footerContent p a:active {
	color: #fff;
}
.footerContent#voice p a:link, .footerContent#voice p a:visited {
	font-weight: normal;
	color: #6f7309;
	text-decoration: none;
}
.footerContent#voice p a:hover, .footerContent#voice p a:active {
	text-decoration: underline;
}
.voiceMainContentSub h1 a:link, .voiceMainContentSub h1 a:visited {
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}
.voiceMainContentSub h1 a:hover, .voiceMainContentSub h1 a:active {
	text-decoration: underline;
}
.mainContentSub h1 a:link, .mainContentSub h1 a:visited {
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}
.mainContentSub h1 a:hover, .mainContentSub h1 a:active {
	text-decoration: underline;
}
.blogAreaContent h1 a:link, .blogAreaContent h1 a:visited {
	color: #fff;
	text-decoration: none;
}
.blogAreaContent h1 a:hover, .blogAreaContent h1 a:active {
	text-decoration: underline;
}
/* form styles */
/* catch all */
form {
	margin: 0;
	padding: 0;
}
/* image styles */
/* catch all */
img {
	border: 0;
}
.imagePadding01 {
	float: left;
	padding: 0px 10px 10px 0px;
}
.noteFloat {
	padding: 0px 0px 0px 3px;
}
/* main navigation styles */
.menu {
	position: relative;
	font-size: 0.75em;
	z-index: 100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #7d7d7d;
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu ul ul {
	
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: right;
    position: relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	font-size: 1.1em;
	font-weight: normal;
    text-decoration: none;
	color: #7d7d7d;
	padding: 4px 0px;
	margin-left: 20px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: auto;
	bottom: 44px;
	left: 0;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}
/* style the top level hover */
.menu a:hover, .menu a.current {
	color: #fff;
	text-decoration: underline;
}
.menu :hover > a, .menu ul ul :hover > a {
	color: #fff;
	text-decoration: underline;
}
.menu .current_page_parent a, .menu .current_page_item a {
	color: #fff;
	text-decoration: underline;
}

/* style the second level hover */
.menu ul ul a:hover {

}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility: visible;
	height: auto;
}