/*	Wayne Moore - Main stylesheet by Cuie&Co.
	Author: Andy Walton, andy@cuieandco.com
	Last updated: 22 July 2010 (Created:22 July 2010)
---------------------------------------------------------- */

/* SETUP
---------------------------------------------------------- */
html {height:auto; min-height:100%; overflow:-moz-scrollbars-vertical;}
body {background:#ed1d24 url(../img/bg_content_container.gif) top left repeat; border:0; color:#efefef; font:normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin:0; min-width:970px; padding:0; width:100%;}

/* TYPOGRAPHY
---------------------------------------------------------- */

blockquote {font:normal 14px/20px Georgia, "Times New Roman", Helvetica, Arial, serif; margin-bottom:18px; padding:0 36px;}
cite {font:italic 12px/30px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-top:6px; padding:0;}
h1 {font:normal 24px/27px Georgia, "Times New Roman", Helvetica, Arial, serif; letter-spacing:0.05em margin-bottom:18px;}
h2 {font:normal 18px/27px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h3 {font:normal 15px/20px Georgia, "Times New Roman", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h4 {font:normal 14px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h5 {font:normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
p {margin-bottom:18px;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym {border-bottom:1px dotted #e7e6e6;	cursor:help;}

/* LINKS
---------------------------------------------------------- */
a,
a:link,
a:visited {color:#efefef; text-decoration:underline;}
a:hover {color:#efefef; text-decoration:none;}

/* RULES
---------------------------------------------------------- */
hr {border:0; border-bottom:1px solid #efefef; clear:both; height:1px; margin-bottom:18px; width:100%;}
hr.dashed {border-bottom:1px dashed #efefef;}
hr.dotted {border-bottom:1px dotted #efefef;}
hr.thick {border-bottom:3px solid #efefef;}


/* SITE LAYOUT + CONTENT
---------------------------------------------------------- */

#background img {min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0; z-index:-1;}

@media screen and (max-width:1024px) {
	#background img {left:50%; margin-left:-512px;}
}
		
#content {position:absolute; top:60px; left:30px; width:auto; margin:0; color:#efefef; background-color:#000; padding:30px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333; box-shadow:0 0 15px #333;}

#logo {clear:left; display:block; width:auto;}
#logo h1 {font-size:30px; margin-bottom:0;}
#logo h1 a {background:#000 url(../img/logo_wayne_moore.png) bottom left no-repeat; display:block; height:172px; width:265px;}
#logo h1 a em {display:none; margin-left:-9999px;}

#footer {background-color:#000; bottom:0; font-size:11px; left:0; margin:0; padding:6px 12px; position:absolute; width:auto; -webkit-border-top-right-radius:2px; -moz-border-radius-topright:2px; border-top-right-radius:2px;}


/* SOCIAL ICONS - easy to add
---------------------------------------------------------- */

#social_icons li a {color:#efefef; text-decoration:none;}
#social_icons li a:hover {color:#787878; text-decoration:none;}
#social_icons ul {width:auto;}
#social_icons ul li {display:block; height:20px; width:auto; margin-left:0; list-style:none; padding:0 0 3px 24px;}

#social_icons li.blog {background:transparent url(../img/icon_blog_16.png) 0 2px no-repeat;}
#social_icons li.twitter {background:transparent url(../img/icon_twitter_16.png) 0 2px no-repeat;}
#social_icons li.django {background:transparent url(../img/icon_djangopeople_16.png) 0 2px no-repeat;}
#social_icons li.github {background:transparent url(../img/icon_github_16.png) 0 2px no-repeat;}
#social_icons li.linkedin {background:transparent url(../img/icon_linkedin_16.png) 0 2px no-repeat;}
#social_icons li.flickr {background:transparent url(../img/icon_flickr_16.png) 0 2px no-repeat;}
#social_icons li.spotify {background:transparent url(../img/icon_spotify_16.png) 0 2px no-repeat;}
#social_icons li.amplicate {background:transparent url(../img/icon_amplicate_16.png) 0 2px no-repeat;}

span.icon_32 a {display:block; float:left; height:32px; margin:0 9px 0 0 ; width:32px;}
span.icon_32.twitter a {background:transparent url(../img/icon_twitter_32.png) top left no-repeat;}
span.icon_32.facebook a {background:transparent url(../img/icon_facebook_32.png) top left no-repeat;}
span.icon_32.youtube a {background:transparent url(../img/icon_youtube_32.png) top left no-repeat;}

span.icon_32.twitter em,
span.icon_32.facebook em,
span.icon_32.youtube em { display:none; height:32px; margin-left:-3000px;}

span.icon_16 a {display:block; float:left; height:16px; margin:0 9px 0 0; width:16px;}

span.icon_16.twitter a {background:transparent url(../img/icon_twitter_16.png) top left no-repeat;}
span.icon_16.facebook a {background:transparent url(../img/icon_facebook_16.png) top left no-repeat;}
span.icon_16.youtube a {background:transparent url(../img/icon_youtube_16.png) top left no-repeat;}

span.icon_16.twitter em,
span.icon_16.facebook em,
span.icon_16.youtube em { display:none; height:16px; margin-left:-3000px;}


/* MISC. STYLING CLASSES
---------------------------------------------------------- */
.read_more {float:right; margin-bottom:18px;}
.align_right {text-align:right;}
.align_center {text-align:center;}
.float_left {clear:left; float:left; margin:0 12px 6px 0;}
.float_center {clear:both;	float:none; margin:0 auto 18px auto; padding:3px; text-align:center;}
.float_right {clear:right; float:right; margin:0 0 6px 12px; padding:3px;}
.float_none {margin:0; padding:0;}

/* FORMS
---------------------------------------------------------- */
input,
textarea,
select {background-color:#efefef; background-color:#efefef; border:1px solid #efefef; color:#000; height:20px; margin:0 0 9px 0; font-size:12px; padding:5px 6px 4px 6px; line-height:20px;
}
input:focus,
textarea:focus,
select:focus {-moz-box-shadow:0 0 5px #efefef; -webkit-box-shadow:0 0 5px #efefef; box-shadow:0 0 5px #efefef;}

select {height:30px; text-align:left; margin-bottom:0;}
option {line-height:24px; text-align:left;}

label {color:#4e4c4c; font-size:12px;}

button {background-color:#000; border:none; color:#efefef; font-size:13px; line-height:20px; margin:0; padding:6px 12px; text-transform:uppercase; width:auto;}
button:hover {background-image:none; background-color:#efefef; color:#000; text-decoration:none;}

.error {color:#ed1d24; font-style:italic;}

/* page_form */
#page_form {background-color:#efefef; margin-bottom:18px; overflow:auto; padding:18px 18px 0 18px; width:428px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#page_form p {font-size:14px; text-shadow:1px 1px 0 #e8efec; -webkit-text-shadow:1px 1px 0 #e8efec; -moz-text-shadow:1px 1px 0 #e8efec;}
#page_form ul {list-style:none; margin:0; padding:0;}
#page_form li {list-style:none; padding:0 0 18px 0; text-shadow:1px 1px 0 #e8efec; -webkit-text-shadow:1px 1px 0 #e8efec; -moz-text-shadow:1px 1px 0 #e8efec;}

#page_form label {float:left; font-size:12px; padding:8px 9px 0 0; text-align:right; width:157px;}

#page_form input, #page_form textarea {border:1px solid #ddd; float:left; height:24px; width:244px; margin:0 0 18px 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;	}

#page_form textarea {height:80px;}
#page_form select {margin-bottom:0;}

#page_form ul.errorlist {background-color:#fdf2ee; border:2px solid #d35224; color:#d35224; clear:both; margin:0 0 6px 0; padding:0; text-align:center;}
#page_form ul.errorlist li {margin:0; padding:3px; text-shadow:1px 1px 0 #efefef; -webkit-text-shadow:1px 1px 0 #efefef; -moz-text-shadow:1px 1px 0 #efefef;}

#page_form button {margin-left:166px;}


/* extras */
#navigation {
    margin-bottom: 10px;
}

hr.social {
    margin-top: 10px;
    width: 170px;
}