/* An example of reasonable styles at the application level which go well with the
  provided sample page templates. Copy this to main.css if you wish. */

html, body
{
height: 100%;
width: 100%;
}

body
{
background: #f5f5f0;
margin: 0;
padding: 0;
}

h1
{
font-size: 30px;
}

h2,
h3
{
font-size: 16px;
margin: 0 0 10px 0;
}

h3,
h6,
h5
{
color: #666;
}

br.c
{
clear: both;
margin: 10px 0;
}

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

a:hover
{
color:#000;
text-decoration: underline;
}

#a-global-toolbar a.a-events
{
display: none;
}

#a-wrapper
{ /*Site Wrapper, For Layout*/
width: 960px;
margin: 0 0 0 0;
position: relative;
z-index: 2;
float: left;
display: inline;
min-height: 100%;
}

#a-left-column
{
float: left;
width: 200px;
padding: 0 20px;
height: 100%;
min-height: 500px;
position: absolute;
top: 0;
left: 0;
}

h1#a-header
{
float: left;
width: 200px;
height: 50px;
overflow: hidden;
margin: 0 0 0;
position: absolute;
z-index: 999;
top: 20px;
left: 20px;
}

h1#a-header a
{
float: left;
height: 100%;
width: 100%;
clear: both;
margin: 0;
text-indent: -9999px;
background: url(/images/mgza-logo-200px.png) top left no-repeat;
}

h1#a-header a:hover
{
background-position: bottom left;
}

.a-home #a-content,
.a-default #a-content,
#a-content
{
float: left;
display: inline;
position: relative;
clear: none;
padding-top: 90px;
margin-left: 20px;
width: auto;
}

#a-content #a-signin
{
margin: 0;
background: #e8e7e6;
width: 200px;
}

#a-content #a-signin-form
{
	padding: 20px 10px 10px;
}

#a-signin-form label, 
#a-signin-form input, 
#a-signin-form a
{
clear: both;
float: left;
margin: 0 0 5px;
}

/* NAVIGATION =========================================== */

#a-tab-navigation-main-0
{
width: 200px;
float: left;
clear: both;
position: relative;
display: inline;
font-size: 16px;
margin: 0 0 0;
}

#a-tab-navigation-main-0 .a-accordion-nav-item 
{
float: left;
width: 100%;
margin: 0 0 10px 0;
line-height: 20px;
}

#a-tab-navigation-main-0 .a-accordion-nav-item a
{
float: left;
color: #999;
padding-left: 5px;
width: 195px;
position: relative;
/*margin-left: -5px;*/
}

.a-home #a-tab-navigation-main-0 .a-accordion-nav-item a,
.a-home #a-tab-navigation-main-0 .a-accordion-nav-item a:hover
{
color: #fff;
}

#a-tab-navigation-main-0 .a-accordion-nav-item a:hover
{
background: none;
}

.a-home #a-tab-navigation-main-0 .a-accordion-nav-item a:hover
{
background: #000;
background: rgba(0,0,0,0.6);
}

.a-navigation .nav-level-depth-1 .a-current-page a,
.a-navigation .a-accordion-nav-item .a-current-page a, 
.a-navigation .a-accordion-nav-item a:hover
{
text-decoration: none;
background: none;
color: #333;
}

.a-navigation .a-accordion-nav-item .a-current-page > a,
.a-navigation .nav-level-depth-1 .a-accordion-nav-item .a-current-page > a,
.a-current-page > a,
a.current-page
{
cursor: default;
color: #333 !important;
}

#a-tab-navigation-main-0 .nav-level-depth-1,
#a-tab-navigation-main-0 .nav-level-depth-2
{
float: left;
margin: -20px 0 0 0;
padding: 22px 0 0 10px;
width: 190px;
background: #e8e7e6;
}

#a-tab-navigation-main-0 .nav-level-depth-1 .a-accordion-nav-item
{
margin: 3px 0;
}

#a-tab-navigation-main-0 .nav-level-depth-1 a
{
display: block;
color: #666;
font-size: 12px !important;
}

#a-tab-navigation-main-0 .nav-level-depth-1 a:hover
{
color: #333;
}

#a-tab-navigation-main-0 .nav-level-depth-2
{
width: 180px;
}

#a-tab-navigation-main-0 .nav-level-depth-2 .a-accordion-nav-item 
{
margin: 3px 0;
}

#a-tab-navigation-main-0 .nav-level-depth-2 .a-accordion-nav-item a
{
display: block;
color: #666;
font-size: 11px;
}

#a-tab-navigation-main-0 .nav-level-depth-2 .a-accordion-nav-item a:hover
{
color: #333;
}


#a-login
{
float: right;
display: inline;
width: 100%;
clear: both;
/*	margin-top: -20px;*/
}

.a-media #a-content .a-subnav-wrapper
{
width: 200px;
margin: 0 20px 0 0;
float: left;
display: inline;
position: relative;
}

.a-media-toolbar, 
.a-media-library
{
float: left;
}

.a-area-header
{
float: left;
display: inline;
position: relative;
}

.a-area-body
{
width: 480px;
float: left;
display: inline;
position: relative;
}

.a-home .a-area-body
{
width: 720px;
}

.a-area-sidebar
{
width: 200px;
float: left;
display: inline;
position: relative;
margin-left: 40px;
}

.a-area-footer
{
font-size: 11px;
color: #999;
margin: 20px 0;
position: absolute !important;
bottom: 0;
left: 20px;
z-index: 2;
width: 200px;
background: #f5f5f0;
}

.a-area-footer li
{
list-style-position: outside;
}

.a-home .a-area-footer
{
position: relative !important;
left: 0;
top: 0;
bottom: 0;
margin: 40px 0 0;
background: none;
}

.a-home .a-area-footer a
{
color: #fff !important;
}

.a-home .a-area-footer a:hover
{
color: #ddd !important;
text-decoration: underline;
}

.a-area-footer a
{
color: #999;
}

.a-area-footer .a-controls-item.history
{
	display: none;
}

.a-area-footer a:hover
{
color: #444;
}

.a-area-footer .a-slot
{
margin-bottom: 0;
}

.a-home .a-area-footer
{
color: #fff;
}

.a-area-footer ul, 
.a-area-footer ul li
{
list-style: none;
font-size: 11px;
}

.a-home .a-area-banner
{
position: absolute;
top: 0;
left: 0;
display: inline;
float: left;
width: 100%;
height: 100%;
clear: both;
margin: 0;
padding: 0;
z-index: 0;
}

.a-home .a-area-banner .a-controls
{
position: relative;
}

.a-home #homepage-slideshow-admin-controls
{
position: absolute;
top: 50px;
right: 20px;
z-index: 99999;
width: auto;
float: right;
display: block;
clear: both;
margin: 0;
padding: 0;
}

.a-home.do-not-edit #homepage-slideshow-admin-controls
{
	top: 100px;
}

.a-home #homepage-slideshow-controls .a-controls
{
visibility: visible;
}

.a-home .a-area-banner .a-controls li
{
/*	float: right;*/
}

.a-home .a-area-banner .aSlideshow
{
margin-top: 0;
}

.a-home .a-area-banner .aSlideshow .a-slideshow-title,
.a-home .a-area-banner .aSlideshow .a-slideshow-description
{
display: none;
}


.a-home .a-slideshow-button-form
{
float: left;
clear: both;
display: inline;
position: relative;
margin: 10px 0;
}

.a-home .a-area-banner .a-slideshow-controls
{
position: relative;
top: 0;
left: 0;
z-index: 3;
display: block;
width: 150px;
margin: 0;
padding: 0;
}

.a-slideshow-controls-btn.a-edit
{
clear: both;
margin: 10px 0;
}

#a-global-toolbar
{
background: #fff;
margin: 0;
}

#a-left-column-bg
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 240px;
float: left;
clear: both;
margin: 0;
padding: 0;
background: #000;
z-index: 1;
}

.a-home .a-area-banner
{
position: fixed;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
display: block;
}

.a-area-banner .a-slideshow ul
{
display: inline;
float: left;
position: relative;
height: 100%;
width: 100%;
}


.a-area-banner
{
position: relative;
height: 100%;
width: 100%;
z-index: 0;
display: block;
}

.a-area-banner .a-slideshow,
.a-area-banner .a-slideshow-item,
.a-area-banner .a-slideshow-image,
.a-area-banner .a-slideshow-image img
{
float: left;
display: inline;
position: relative;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

#homepage-slideshow-controls
{
float: left;
width: 200px;
clear: both;
position: absolute;	
color: #fff;
bottom: 20px;
left: 20px;
z-index:2;
/*	margin: 20px 0;*/
}

#homepage-slideshow-controls .a-slideshow-controls
{
	float: left;
	width: 150px;
	clear: both;
	display: inline;
	margin: 0;
}

#homepage-slideshow-controls .a-slideshow-controls li.a-slideshow-controls-next
{
	float: right;
}

#homepage-slideshow-controls .title,
#portfolio-metadata .title,
#homepage-slideshow-controls .button
{
float: left;
clear: both;
display: inline;
position: relative;
margin: 10px 0;
width: 100%;
font-size: 16px;
color: #fff;
}

#portfolio-metadata .title
{
color: #444;
}

#homepage-slideshow-controls .description
{
float: left;
clear: both;
display: inline;
position: relative;
display: none;
}

#homepage-slideshow-controls .button
{
margin: 5px 0 10px 0;
}

#homepage-slideshow-controls .button a
{
font-size: 11px;
padding: 2px 3px;
color: #fff;
background-color: #000;
background-color: rgba(0,0,0,0.6);
}

#homepage-slideshow-controls .button a:hover
{
text-decoration: none;
color: #000;
background-color: #fff;
}
/* MGZA Gallery Controls ====================================================== */

.a-slot.aSlideshow ul.a-slideshow-controls
{
position: absolute;
top: 0;
left: 500px;
width: 150px;
margin: 0 0 20px 0;
z-index: 9999;
height: auto;
}

.a-slot.aSlideshow {
margin-bottom:10px;
margin-top:10px;
}

.a-slot.aSlideshow ul.a-slideshow-controls li.a-slideshow-controls-next
{
background-position: 0 -74px;
float: right;
margin-left: 2px;
}

.a-btn.icon.a-arrow-right
{
background: url(/images/mgza-gallery-arrows-sprite-dark.png) 0 -74px no-repeat;
padding: 0;
text-indent: -9999px;
width: 49px;
height: 37px;
background-color: transparent !important;
}

.a-btn.icon.a-arrow-left
{
background: url(/images/mgza-gallery-arrows-sprite-dark.png) 0 0 no-repeat;
padding: 0;
text-indent: -9999px;
width: 49px;
height: 37px;
background-color: transparent !important;
}

.a-home .icon.a-arrow-left,
.a-home .icon.a-arrow-right
{
background-image: url(/images/mgza-gallery-arrows-sprite.png) !important;
background-color: transparent !important;
}

.a-btn.icon.a-arrow-right:hover
{
background-position: 0 -111px !important;
background-color: transparent !important;
}

.a-btn.icon.a-arrow-left:hover
{
background-position: 0 -37px !important;
background-color: transparent !important;
}


/* Default Page ====================================================== */

.a-default .a-body-column
{
float: left;
margin-left: 20px;
}

.a-blog-post-media,
.a-default .aSlideshow,
.a-blog-post-media .a-slideshow,
.a-default .aSlideshow .a-slideshow,
.a-default .aSlideshow .a-slideshow .a-slideshow-item,
.a-blog-post-media .a-slideshow .a-slideshow-item
{
float: left;
width: 720px;
clear: both;
position: relative;
}

.a-default .aSlideshow .a-slideshow-item .a-slideshow-image,
.a-blog-post-media .a-slideshow-item .a-slideshow-image
{
display: block;
width: 480px;
float: left;
margin: 0;
padding: 0;
position: relative;
}

.a-default .aSlideshow .a-slideshow-item .a-slideshow-title,
.a-default .aSlideshow .a-slideshow-item .a-slideshow-description,
.a-blog-post-media .a-slideshow-item .a-slideshow-title,
.a-blog-post-media .a-slideshow-item .a-slideshow-description
{
float: left;
clear: none;
font-size: 14px;
line-height: 1.2;
margin-bottom: 10px;
padding-left: 20px;
width: 200px;
position: relative;
top: 57px;
}

.a-default .aSlideshow .a-single-item .a-slideshow-title,
.a-default .aSlideshow .a-single-item .a-slideshow-description,
.a-blog-post-media .a-single-item .a-slideshow-title,
.a-blog-post-media .a-single-item .a-slideshow-description
{
top: 0;
}

.a-default .aSlideshow .a-slideshow-item .a-slideshow-description,
.a-blog-post-media .a-slideshow-item .a-slideshow-description
{
font-size: 12px;
line-height: 1.4;
}

/* Admin Page ====================================================== */

.a-admin .a-area .a-controls
{
display: none;
}


/* Blog Engine ======================================================= */
.a-blog-posts #a-tab-navigation-main-0 .a-current-page
{
position: relative;
z-index: 2;
background: #e8e7e6;
}

.a-blog-posts #a-tab-navigation-main-0 .a-subnav-wrapper
{
font-size: 12px;
position: relative;
z-index: 0;
background: none;
width: 180px;
margin: 5px 0;
float: left;
clear: both;
padding-top: 0;
}

.a-blog-posts .a-subnav-wrapper .a-subnav-inner
{
	padding: 0;
}

.a-blog-posts .a-subnav-wrapper a
{
	padding: 0 5px;
	width: auto;
}

.a-subnav-wrapper.blog .tags a
{
	width: auto !important;
}

.a-blog-posts .a-subnav-wrapper a.selected
{
	line-height: 20px !important;
	padding: 0 20px 0 5px !important;
}

.a-blog-posts .a-subnav-wrapper a.selected:hover
{
	color: #000;
	background: url("/apostrophePlugin/images/a-icon-close.png") no-repeat scroll right -20px #fff;
}

.a-blog-posts .a-subnav-wrapper hr
{
float: left;
width: 100%;
height: 1px;
border: none;
background: #fff;
margin: 5px 0;
}

.a-blog-posts .a-subnav-wrapper .a-blog-filter-options
{
float: left;
clear: both;
width: 100%;
display: inline;
margin: 5px 0;
}

.a-blog-posts .a-subnav-wrapper .a-blog-filter-options li,
.a-blog-posts .a-subnav-wrapper a
{
float: left;
width: auto;
}

.a-subnav-wrapper .a-filter-options .a-filter-option a {
clear:both;
float:left;
height:auto;
line-height:1.2;
width:auto;
padding: 3px 5px;
margin-bottom: 3px;
}

.a-blog-posts .a-subnav-wrapper .a-blog-categories .a-blog-filter-options li
{
width: 100%;
clear: both;
}

.a-blog-posts .a-subnav-wrapper .a-blog-filter-options a
{
padding: 0 5px;
}

.a-blog-posts .a-subnav-wrapper a:hover,
.a-blog-posts .a-subnav-wrapper .a-blog-filter-options a.selected
{
background: #444;
color: #f5f5f0;
}

.a-subnav-wrapper a.a-rss-feed
{
background: transparent url(/apostrophePlugin/images/a-icon-rss-feed.png) no-repeat scroll left center;
display: block;
float: left;
padding: 0 0 0 20px !important;
}

#a-blog-main
{
float: left;
width: 700px;
margin-left: 20px;
}

#a-blog-main .a-blog-post
{
float: left;
clear: both;
width: 100%;
margin-bottom: 80px;
border-bottom: 1px solid rgb(206,200,188);
padding-bottom: 10px;
}

#a-blog-main .a-blog-post.last
{
	border-bottom: none;
}

#a-blog-main .a-blog-post-excerpt
{
width: 480px;
}

#a-blog-main .a-blog-post-meta
{
font-size: 11px;
color: #999;
}

#a-blog-main .a-blog-post-title a.a-edit-post
{
float: right;
}

.a-tag-sidebar-list
{
float: left;
clear: both;
position: relative;
display: inline;
margin: 0 0 10px 0;
width: 180px;
}

.a-tag-sidebar-list li
{
float: left;
width: 100%;
clear: both;
}

.a-tag-sidebar-list a
{
padding: 0 5px;
}

.a-tag-sidebar-list .a-tag-sidebar-tag-count
{
padding-left: 5px;
}
	

/* Extra Form Styles ================================================= */

.a-form-row
{
float: left;
width: 100%;
clear: both;
position: relative;
margin: 0 0 10px;
}

.a-form-row.submit li
{
float: left;
display: inline;
width: auto;
clear: none;
position: relative;
margin-right: 5px;
}

input.a-submit
{
border: none;
color: #fff;
font-family: Arial,Sans-serif;
font-size: 12px;
/*padding: 0;*/
margin: 0;
text-transform: capitalize;
width: auto;
}

.a-form-row.submit .cancel
{
margin-left: 5px;
}

.a-slot.aRichText a
{
	color: #777;
	text-decoration: underline;
}

a:hover
{
	color: #000;
}


/* MGZA Custom Admin Colors */

.a-history-browser
{
border: 1px solid #302e14;
}

.editing-now a.a-btn,
.browsing-history a.a-btn.a-history
{
background-color: #302e14;
}

#a-admin-container a:link, 
#a-admin-container a:visited,
#a-personal-settings-heading span
{
/*background-color: #302e14;	*/
}



/* Fancy Breadcrumb Overrides */

#a-breadcrumb-create-childpage-max-message
{
	float: left;
	font-size: 11px;
	white-space: nowrap;
	height: 20px;
	line-height: 20px;
	padding: 0 4px 0 20px;
	color: #eee;
	background: #222 url(/apostrophePlugin/images/a-icon-arrow-left-thin.png) top left no-repeat;
	display: none;
	position: absolute;
	left: 100%;
	z-index:999;
	text-transform: capitalize;
}

/* a-admin layout adjustments */

.a-admin #a-content,
.a-media #a-content
{
	width: 100%;
}

.a-admin #a-admin-container,
.a-media #a-media-plugin
{
	float: right;
	clear: none;
	width: 720px;
}

.a-admin.a-reorganize .a-area-footer
{
/*	display: none;*/
}

#tree
{
	overflow: hidden;
	margin-bottom: 200px;
}



/* UI Button Color Overrides for MGZA */

#a-global-toolbar #the-apostrophe
{ /* Apostrophe */
	background-color: rgb(48,46,20);
	background-color: rgba(48,46,20,0.65);	
}

.a-btn,
.a-submit
{ /* Background Color */
	background-color: rgb(48,46,20);
	background-color: rgba(48,46,20,0.65);	
}

.a-history-browser,
ul.a-controls .a-variant-options
{ /* Border Color */
border-color: rgb(48,46,20);
}

#a-admin-container a:link, 
#a-admin-container a:visited,
#a-global-toolbar #a-logged-in-as span,
#a-personal-settings-heading span
{ /* Text Color */
color: rgb(48,46,20);
}

/* =do not edit
----------------------------------------------- */

#do-not-edit {
background: #f22;
color: #fff;
padding: 10px;
font-size: 1.2em;
position: relative;
z-index:999;
bottom: 0;
right: 0;
}

#do-not-edit a {
color: #fff;
text-decoration: underline;
}

#do-not-edit strong {
font-weight: bold;
}