﻿/*

THEME NAME: twentyeight
THEME URI: http://www.mikewarddesign.com/
DESCRIPTION: A straightforward two-column theme for WordPress
VERSION: 1.7
AUTHOR: <a href="http://www.mikewarddesign.com/">Mike Ward</a> and <a href="http://www.mskempster.com/">Matthew Kempster</a>
AUTHOR URI:
TAGS: white, light, red, two-columns, right-sidebar, fixed-width, microformats
*/
/* Two-column with sidebar on left from the /examples/ folder  */
@import url('css/styling.css');
/* Just some example content */
div.skip-link {
	position: absolute;
	display: none;
	right: 1em;
	top: 1em;
}
div#nav-above {
	margin-bottom: 1em;
}
div#nav-below {
	margin-top: 1em;
}
div.navigation {
	height: 1.25em;
}
div.navigation div.nav-next {
	float: right;
	text-align: right;
}

div.navigation div.nav-previous {
float:left;
}

.entry-title, .entry-meta {
	clear: both;
}
.entry-meta {
	margin: 0 0 25px;
	font-size: .85em;
	font-style: italic;
	line-height: 1.35em;
}
.entry-date abbr {
	margin: 5px 0;
	font-size: .85em;
	font-style: italic;
	line-height: 1.5em;
	border-bottom: none;
	display: block;
}
abbr {
	border-bottom: none;
}
.flashalbum {
	text-align: center;
	margin: -8px 0 15px;
}
/* HTML Tags */
/**/
* {
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 1.5em;	
	text-align: center;
	background: transparent url(../../../images/28BG.jpg) top left repeat;
}

a, a:visited {
	text-decoration: underline;
	color: #E85624;
}

a:hover, a:visited:hover  {
	color: #FFF;
}

h1{
	font-size: 18px;
	margin-bottom: 5px;
	color: #E2E2E2;
}

h2{
	font-size: 15px ;
	margin: 10px 0 0 0;
	color: #E85624;
	line-height: 1em;	
}

h3 {
	font-size: 12px;
	margin: 10px 0 0 0;
	line-height: 1em;	
	clear: left;
}

img, map, area {
	border: none;
}

p {
	margin: 0 25px 10px 7px;
}

ul {	
	margin: 5px 0 10px 25px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#albumTop {
	width: auto;
	margin: 0 auto;
	background: none;
}

#album {
	position: relative;
	padding: 310px 0 0;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#albumBottom {
	width: auto;
	height: 26px;
	margin: 0 auto;
	background: none;
}

#content {
	/* position: relative;
	top: 0;
	left: 70px; */
	padding-left: 0;
	width: 425px;
	margin: 0;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#copyright {
	position: relative;
	width: 900px;
	height: 35px;
	text-align: right;
	margin: 0 auto;
}

#copyright p {
	font-size: 10px;
	font-style: italic;
	color: #666;
	margin: 0;
}

#fixed {
	position: relative;
	padding: 0;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../../../images/28fixedBG.png) top center repeat-y;
}

#logo {
	position: absolute;
	top: 30px;
	left: 70px;
}

#menu {
	position: absolute;
	top: 20px;
	right: 0;
	width: 500px;
	height: 35px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#menu ul li { 
 	float: left;
 	margin: 0 0 0 15px;
 	padding-top: 25px;
	letter-spacing: 2px;
}

#menu li a { 
	text-decoration: none;
	color: #FFF;
	margin-top: 18px;
	padding-top: 20px;
}

#menu li a:hover, li.current_page_item a { 
	background: transparent url(../../../images/28MenuBullet.gif) top center no-repeat;
}

#pics {
	position: absolute;
	top: 35px;
	left: 475px;
	width: 375px;
	padding: 50px;
	height: 600px;
	overflow: hidden;
}


a.polaroid {
	margin-bottom: 75px !important;
}


/***********************************************/
/* Individual Classes                          */
/***********************************************/
.center {
	text-align: center;
}

.fRight {
	float: right;
	margin: 0 10px 1px;
}

#mainContent img {
	margin: 0 10px 10px 0;
	float: left;
}
.alignleft {
	margin: 5px 7px 5px 0;
}


.half {
	width: 46%;
	float: left;
	margin-right: 2%;
}
.socnet {
	text-align: center;
	margin-top: 30px;
}

.third {
	width: 31%;
	float: left;
	margin-right: 2%;
}