/*   
Theme Name: Solaera 365
Theme URI: http://design365.solaerawebdesign.com
Description: Theme for Solaera Web Design's Design365 challenge.
Author: Rosalind Wills
Author URI: http://www.solaerawebdesign.com
*/

/* ====================== CSS RESET (ERIC MEYER) http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ===================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ======= BEGIN SOLAERA STYLES ===== */

body { background: #343b67 url(/wp-content/themes/solaera365/images/bg_repeat.png) repeat-x top center; color: #ffffff; font-family: Helvetica, Arial; font-size: 14px; }

a { color: #9aabff; }
strong { font-weight: bold; }
em { font-style: italic; }

.hide { display: none; }
.blue { color: #9aabff; }
.clear {clear: both; }


#wrap { width: 960px; margin: 0 auto; background: #343b67 url(/wp-content/themes/solaera365/images/bg_main.png) no-repeat top center; }

/* ========= HEADER ======= */

#header { width: 700px; margin: auto; padding-top: 27px; }
#headerlink { display: block; height: 210px; width: 700px; margin: auto; }


#topmenu { text-align: center; padding-top: 10px; }
#topmenu a { color: #ffffff; text-decoration: none; height: 16px; line-height: 16px; }
#topmenu a:hover { text-decoration: underline; }

/* ======== CONTENT ========*/

#content { width: 800px; margin: auto; margin-top: 30px; line-height: 18px;}

.storytitle { font-size: 30px; font-weight: bold; line-height: 35px;  }
.storytitle a { text-decoration: none; }
.blogdate { font-size: 10px; margin-bottom: 30px; }
.storycontent p { margin-bottom: 20px; margin-left: 10px; }
.storycontent img { float: left; margin: 0 20px 20px 0; }

.feedback { text-align: right; margin-top: 30px; margin-bottom: 50px; }

/* ======= COMMENTS ======= */

.commentlist li { margin-left: 30px; background: #ccc; color: #111; padding: 10px 20px; margin-bottom: 20px; border: 2px solid #555; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.commentlist p {margin-bottom: 0; }
.commentlist li a { color: #292e67; }
.commentlist .avatar { float: left; margin-right: 10px; margin-bottom: 10px; }
cite { font-size: 10px; }
p.feed-track { text-align: right; }

h2#postcomment { font-size: 18px; }
h3#comments, #respond h3 { margin-bottom: 10px; font-style: italic; }
#respond p { font-size: 10px; }


/* ===== ABOUT PAGE ===== */

#contact_page_list { margin-left: 30px; }
#contact_page_list li {margin-bottom: 10px; }
#contact_page_list li a { display: block; width: 400px; height: 32px; padding-left: 40px; line-height: 32px; }
#contact_page_list li a#e-mail { background: url(/wp-content/themes/solaera365/images/email_32.png) no-repeat left center; }
#contact_page_list li a#aim { background: url(/wp-content/themes/solaera365/images/aim_32.png) no-repeat left center; }
#contact_page_list li a#facebook { background: url(/wp-content/themes/solaera365/images/facebook_32.png) no-repeat left center; }
#contact_page_list li a#linkedin { background: url(/wp-content/themes/solaera365/images/linkedin_32.png) no-repeat left center; }
#contact_page_list li a#skype { background: url(/wp-content/themes/solaera365/images/skype_32.png) no-repeat left center; }
#contact_page_list li a#twitter { background: url(/wp-content/themes/solaera365/images/twitter_32.png) no-repeat center left; }


/* ====== FOOTER ====== */

#footer { font-size: 10px; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 20px; background: #333; border-top: 1px solid #ccc; }