/*
Theme Name: squares
Version: 1.0
Author: Me, Ashley
Theme URI: http://ashleybaxter.net
Description: This is a product of me messing around in Wordpress with limited time, so there's not a lot going on.
*/

/* 1	Global reset (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration:none }

/* 2	Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

body {
	text-align: center;
        font-family: Calibri, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #2F2F2F;
        background: url('http://ashleybaxter.net/images/bg.jpg') top repeat-x;
}

/* Generic everyday run of the mill middle of the road average styles */

a img {
        background: none;
        border: none;
        padding: 0;
}

a:link, a:visited {
	color: #2f2f2f;
        background: #FFFF00;
        padding: 2px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
}

a:hover {
        color: #FFFFFF;
        background: #2f2f2f;
}

h1, h2, h3, h4 {
        font-family: "garagier-1","garagier-2", Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
        letter-spacing: 2px;
        margin: 0.5em 0 0.5em 0;
}

h3 {
        font-size: 18px;
}

p {
        margin: 1.2em 0 1.2em 0;
        color: #333333;
}

.external a:link, .external a:visited, .external li a:link, .external li a:visited {
        margin-bottom: 10px;
        color: #FFFFFF;
        background: #00c2f3;
}

.external a:hover, .external li a:hover {
        background: #2f2f2f;
}

.wp-caption-text {
        font-style: italic;
        font-size: 12px;
}

#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

/* Header Styles */

#header {
	float: left;
	padding: 30px 0 0 0;
}

#header img, #header a:link, #header a:visited {
        font-family: Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
        text-transform: none;
        font-weight: normal;
        background: none;
        border: none;
        font-size: 20px;
        margin-top: 20px;
}

#header img:hover {
        opacity:0.4;filter:alpha(opacity=40);
}

#header p {
        margin: 0;
}

#ashley {
	z-index: 1;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	border: 5px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
	-webkit-box-shadow: 0px 2px 15px #333;
        float: right;
        margin-top: 20px;
}

#about-author {
	z-index: -1;
	width: 210px;
	padding: 0 50px 10px 10px;
	position: relative;
	top: 40px;
	left: 50px;
        float: right;
}

/* Navigation Styles */

#navigation {
        font-family: "garagier-1","garagier-2", Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
}

#navigation li {
        display: inline;
        margin-right: 20px;
}

/* Post Styles */


#content {
	width: 610px;
        float: left;
        margin-top: 50px;
}

#content a:link, #content a:visited {
	color: #2f2f2f;
        background: #FFFF00;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
}

#content a:hover {
        color: #FFFFFF;
        background: #2f2f2f;
}

.retweet a:link, .retweet a:visited {
        color: #FFFFFF;
        background: #2f2f2f;
}

.post {
        width: 610px;
        font-size: 15px;
        margin-bottom: 50px;
}

.post img {
        border: 10px solid #2f2f2f;
}

#content h2 {
        color: #2f2f2f;
	font-size: 22px;
        background: url('http://ashleybaxter.net/images/post-header.jpg') left repeat;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        width: 500px;
        text-shadow: 1px 1px 3px #ddd;
}

.post h2 a:link, .post h2 a:visited, #content h2 a:link, #content h2 a:visited {
        color: #2f2f2f;
	font-size: 22px;
        background: url('http://ashleybaxter.net/images/post-header.jpg') left repeat;
        text-shadow: 2px 2px 5px #ddd;
}

.post h2 a:hover, #content h2 a:hover {
        color: #999999;
}

.data {
        line-height: 24px;
        padding: 10px;
        margin-top: 20px;
        border: 1px solid #DDDDDD;
        font-style:italic
}

.date {
	font-variant: small-caps;
        padding: 2px 0 2px 0;
}

/* Comment Styles (my least favourite thing) */

#commentform, #comments, .alt, #comment-3 {
	width: 610px;
}

#commentform label {
        display: block;
        padding: 5px
        float: left;
}

#comment {
	width: 610px;
	color:#474747; 
	background: #f7f7f8;
	padding: 5px;
	border: 1px solid #ddd;
        margin-bottom: 20px;
}

.individual-comments li {
        padding: 15px;
        border-bottom: 1px solid #CCCCCC;
}

.individual-comments img {
        float: left;
        margin: 3px 5px 5px 5px;
        border: 5px solid #2f2f2f;
}

h3#comments {
        margin-bottom: 20px;
        background: url('http://ashleybaxter.net/images/post-header.jpg') left repeat;
}

#respond {
        text-transform: uppercase;
        margin: 25px 0 25px 0;
}

#author, #email, #url {
        margin-bottom: 10px;
	color:#474747; 
	background: #f7f7f8;
	border: 1px solid #ddd;
        display: block;
        padding: 5px
}

cite a:link, cite a:visited {
        background: #2f2f2f;
        color: #ffffff;
}

/* Sidebar Styles */

#sidebar {
	width: 290px;
	padding-left: 60px;
	float: right;
        margin-top: 40px;
}

#sidebar li {
	margin: 5px 0 5px 20px;
}

#sidebar h2 {
        margin: 0 0 20px 0;
        text-transform: lowercase;
        font-size: 16px;
}

#sidebar ul {
        margin-bottom: 20px;
}

.archives li {
      margin: 5px 0 5px 20px;
}

/* Search Form Styles */

#s {
	color:#474747; 
	background: #f7f7f8;
	padding: 5px;
	border: 1px solid #ddd;
        width: 190px;
        margin-top: 20px;
}


#searchform {
        margin-bottom: 20px;
}

#searchsubmit, #submit {
	color:#999999; 
	background: #f7f7f8;
	padding: 4px;
	border: 1px solid #ddd;
	font-size: 12px;
        text-shadow: 2px 2px 5px #ddd;
}

.subscribe-to-comments {
        margin-top: 30px;
}

#searchsubmit:hover, #submit:hover {
	color:#2f2f2f; 
}

img.wp-smiley { 
        border:none;
        float: none;
}

/* Footer Styles */

#footer {
        margin-top: 30px;
        background: url('http://ashleybaxter.net/images/post-header.jpg') left repeat;
}

.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}