/*   
Theme Name: Alison Milne Design
Theme URI: www.fightingtheboss.com
Description: Custom designed theme for alisonmilne.com
Author: Mina Mikhail
Author URI: http://www.fightingtheboss.com
Version: v0.1
*/

/*  
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, #top-section {height: 100%;}

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

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

	
	
/* Global Styles
************************************************************************/
body
{
	font-family: Baskerville, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
	color: #444;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
	color: #444;
	text-transform: uppercase;
}

a
{
	color: #535912;
	/* color: #767F1A;  OLIVE*/
	text-decoration: none;
}

a:active, a:hover
{
	color: #535912; /* OLIVE*/
	/*color: #D6A619; MUSTARD*/
	text-decoration: underline;
}

address
{
	font-style: normal;
	margin-bottom: 0;
}

sup
{
	text-transform: lowercase;
}

/* Wordpress-specific for aligning text around images properly */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.section-title-left h1
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	margin-bottom: 0;
	text-transform: uppercase;	
	color: #444;
}

.section-content-right
{
	width: 560px;
	margin-left: 15px;
	padding-left: 14px;
	border-left: 1px solid #DDD;	
	line-height: 1.35em;
	font-size: 1.15em;	

	font-family: "Century Gothic", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
}

.image-bordered
{
	border: 1px solid #DDD;
}


/* Global Header and Footer Styles
************************************************************************/
#banner
{
	background: #FFF url('images/amd_banner_small.png') no-repeat scroll top left;
	height: 150px;
	overflow: hidden;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);	
	margin-bottom: 1.5em;
}

#banner ul
{
	margin-left: 0;
	background-color: #DDD;
	padding-left: 3em;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);	
	width: 100%;
}

#banner ul li
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style-type: none;
	display: inline;
	padding-right: 1.5em;
}

#banner ul a
{
	color: #222;
	text-decoration: none;
	font-size: 1.85em;
	letter-spacing: 0.075em;
	line-height: 1.15em;
	margin-top: 1.5em;
	padding: 6px 2px 6px 4px;
}

#banner ul a:hover
{
	background-color: #535912;
	color: #FFF;
}

#banner ul span.disabled
{
	color: #BBB;
	font-size: 1.85em;
	letter-spacing: 0.075em;
	line-height: 1.15em;
	margin-top: 1.5em;
	padding: 6px 2px 6px 4px;
}

#footer
{
  position: relative;
	color: #DDD;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 180px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: -180px; /* negative value of footer height */
	text-transform: uppercase;
	clear: both;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#overlay
{
	height: 100%;
	width: 100%;
	background-color: #DDD;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);	
	text-align: right;
}

#copyright
{
	font-size: 0.85em;
	color: #666;
	padding-right: 1.5em;
	padding-top: 155px;
}

#home-link
{
	display: block;
	margin-left: 40px;
	width: 350px;
	height: 115px;
	text-decoration: none;
}

li#selected a
{
	color: #535912;	
}

li#selected a:hover
{
	color: #535912;
	background-color: transparent;
}


/* Home
************************************************************************/
#mission #banner
{
	background: #FFF url('images/amd_banner_nologo.png') no-repeat scroll top left;
}

#mission #logo
{
	text-align: center;
}

#mission #mission-statement
{
	margin-top: 1.5em;
	/*height: 230px;*/
	margin-bottom: 1.5em;
	color: #444;
	padding-top: 0.85em;	
}

#mission #mission-statement span
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.15em;
	line-height: 1.5em;
}

#mission #mission-statement span.first-sentence
{
	font-size: 1.52em;
	line-height: 1.3em;
}

#mission #mission-statement h2
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.85em;
	color: #444;
	line-height: 1em;
	margin-top: 0.25em;
}


/* Origin
************************************************************************/
div.origin-item
{
	margin-bottom: 2em;
}

#origin div.name h1, #origin div.bio h1
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	line-height: 1.5em;
	margin-bottom: 0;
	text-transform: uppercase;
}

#origin div.name h2, #origin div.bio h2
{
	font-size: 1.1em;
	line-height: 1em;
	margin-top: -0.25em;
	color: #666;
}

#origin div.bio
{
	margin-left: 30px;
	padding-left: 9px;
	border-left: 1px solid #DDD;	
}

#origin div.bio p
{
	line-height: 1.35em;
	font-size: 1.15em;
	text-transform: uppercase;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;		
}


/* Process
************************************************************************/
#studio
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	text-transform: uppercase;
	text-align: justify;
	line-height: 1.35em;
}

#studio img
{
	margin-bottom: 1.5em;
}

#studio-content
{
/*  padding: 0.5em 0;*/
	border-bottom: 1px dotted #DDD;
	margin-bottom: 2em;	
}

#page-description
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	text-align: justify;
	line-height: 1.35em;
  margin-bottom: 1.5em;
}

/* Contact
************************************************************************/
div.contact-item
{
	margin-bottom: 1.5em;
}

div.contact-leadin p
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	text-transform: uppercase;
	line-height: 1.35em;
}

#contact .section-content-right
{
	line-height: 1.25em;
	font-size: 1.5em;	
}


/* Work
************************************************************************/
.work-content-right
{
	margin-left: -11px;
	padding-left: 9px;
	border-left: 1px solid #DDD;	
	line-height: 1.25em;
	font-size: 1.5em;	
}

div.work-image
{
	position: relative;
	background-color: #EEE;
	height: 470px;
}

div.work-category-image
{
	position: relative;
	background-color: #EEE;
  height: 190px;
  margin-bottom: 10px;
}

div.work-detail-image
{
	background-color: #EEE;
  height: 150px;
  margin-bottom: 10px;  
}

#work div.image-nav-left, #work div.image-nav-right
{
	height: 470px;
}

#work div.image-nav-left a, 
#work div.image-nav-right a,
#work div.image-nav-left a:active, 
#work div.image-nav-right a:active
{
	display: block;
	padding-top: 205px;
	height: 225px;
	text-align: center;
	font-size: 2em;
	color: #535912;
}

#work div.image-nav-left a:hover, 
#work div.image-nav-right a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #D6A619;
}

#work div.image-nav-left a:focus, 
#work div.image-nav-right a:focus
{
	outline: none;
}

#work div.work-image-overlay
{
	position: absolute;
	left: 0px;
	top: 430px;
	background-color: #FFF;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);	
	padding: 4px 20px;
	width: 470px;
}

#work div.work-image-overlay h4
{
  margin-bottom: 0;
}

#work div.work-category-image div.work-image-overlay
{
  top: 150px;
  width: 190px;
}

#work div.work-category-image div.work-image-overlay h4
{
  font-size: 12px;
}

#work div.project-list
{
  font-size: 14px;
  padding-right: 39px;
  border-right: 1px solid #EEE;
}

#work div.project-list h2
{
  line-height: 24px;
}

#work div.project-list ul
{
	list-style-type: none;
	margin: 0;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	text-transform: uppercase;
	line-height: 1.1em;
}

#work div.project-list ul li
{
	margin-bottom: 0.5em;
}

#work div.project-list a
{
	color: #535912;
	display: block;
}

#work div.project-list a:hover
{
	color: #D6A619;
	text-decoration: none;
}


/* Current
************************************************************************/
div.post
{
	margin-bottom: 3em;
}

div.post-header
{
	border-bottom: 1px solid #999;
}

div.post-title h2
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: 0.1em;	
}

div.post a:hover
{
	text-decoration: none;
	color: #D6A619;
}

div.post-category
{
	text-align: right;
	text-transform: uppercase;
	margin-top: 0.65em;
	font-size: 1.15em;
}

div.post-date, div.post-comments
{
	font-size: 1em;
	margin-bottom: 1.5em;
	margin-top: 0.25em;
}

div.post-date
{
	padding-left: 2px;
	margin-right: 8px;
}

div.post-comments
{
	text-align: right;
}

div.post-entry
{
	font-size: 1.35em;
	line-height: 1.25em;
}

div.post-entry img
{
	border: 1px solid #999;
	margin-bottom: 1.5em;
	margin-right: 1.5em;
	vertical-align: top;
}

div.post-entry ul
{
	list-style-type: square;
}

div.bottom-navigation
{
  font-size: 16px;
}


/* Sidebar
************************************************************************/
#sidebar ul
{
	list-style-type: square;
}

#sidebar h2
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: 0.5em;
	color: #444;
}

#sidebar li
{
	font-size: 1.25em;
}

#sidebar a:hover
{
	text-decoration: none;
	color: #D6A619;
}

div#search
{
	margin-bottom: 2.25em;
}

input#s
{
	border: 1px solid #999; 
	background-color: #EEE; 
	color: #999; 
	padding: 4px; 
	width: 190px;
}

input#s:focus
{
	background-color: #FFF;
}

input#searchsubmit
{
	border: 0; 
	background-color: #999; 
	color: #FFF; 
	padding: 4px; 
	font-weight: bold;
}

input#searchsubmit:hover
{
	background-color: #535912;
}

#sidebar div.navigation
{
	margin-bottom: 3em;
	text-align: center;
}

#sidebar div.navigation a
{
  color: #FFF;
}

div.navigation div.next
{
	float: right;
}

div.navigation a
{
/*  font-weight: bold;*/
  font-size: 14px;
	text-decoration: none;
	padding: 0.25em 0.5em;
	display: block;
}

div.navigation a:link,
div.navigation a:active,
div.navigation a:visited
{
	background-color: #999999;
	color: #FFF;
}

div.navigation a:hover
{
	border: 0;
	background-color: #535912;
	color: #FFF;
}

#content div.navigation div.next
{
  text-align: right;
}


/* Comments
-------------------------------------------------------------- */
#comment-container
{
	margin-top: 3em;
	border-top: 1px solid #999;
	padding-top: 1.5em;
}

#comment-container legend, #comments h4
{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.85em;
	text-transform: uppercase;
	color: #444;
	font-weight: normal;
}

#comments h4
{
	font-weight: normal;
	margin-bottom: 0;
}

#comments div.comment-leader h1
{
	font-family: Georgia, "Helvetica Neue", Helvetica, Arial, serif;
	font-weight: normal;
	text-align: center;
	color: #444;
}

div.comment
{
	margin-top: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #999;
}

div.comment-content
{
	width: 220px;
	padding-right: 10px;
}

ul.comment-details
{
	color: #666;
	margin: 0;
	list-style-type: none;
	text-align: right;
}

ul.comment-details li.author
{
	font-weight: bold;
}