/* 
Theme Name: Sky
Description: A minimalistic WordPress theme featuring the colours blue and white.
Author: Aneesah
*/

/* Begin Layout */
body {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:55%;
	text-align:center;
	margin:0;
	padding:0;
	color:#53595a;}

#container {
	padding-bottom:60px;}

#page {
	width:749px;
	font-size:1.2em;
	text-align:left;
	margin:0 auto;
	padding:0;
	overflow:hidden;}

#header {
	width:749px;
	height:180px;
	margin:0 auto;
	overflow:hidden;}

#title {
	width:749px;
	text-align:center;
	margin:44px 0 0 0;}
	
#description {
	margin:0;
	text-transform:lowercase;
	text-align:center;
	font:1.8em Helvetica, Arial, Verdana, sans-serif;}	

#content {
	float:left;
	width:420px;
	text-align:justify;
	line-height:1.6em;
	margin:0;
	padding:0 22px 14px 65px;}

.post {
	margin:20px 0;}

#sidebar {
	width:163px;
	text-align:justify;
	padding:10px 0 20px 0;
	margin:0 0 0 520px;
	color:#90918c;}

#footer {
	margin:0 auto;
	width:650px;
	padding-top:10px;
	border-top:1px solid #EEEFF1;
	text-align:center;
	clear:both;}
/* End Layout */

/* Begin Headers */
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, Verdana, sans-serif;}

h1 a:hover, h2 a:hover {
	text-decoration:none;}
	
h1 {
	font-size:4.6em;
	letter-spacing:-.05em;
	margin:0;
	color:#fff;}
	
h1 a, h1 a:hover, h1 a:visited {
	color:#fff;}

h2 {
	font-size:1.8em;
	margin:0;
	color:#3467B6;}	

h2 a, h2 a:visited {
	color:#3467B6;}

#sidebar h2 {
	color:#6AB8E6;
	text-align:right;
	text-transform:lowercase;
	font-size:1.6em;}
	
h3 {
	color:#6AB8E6;
	font-size:1.3em;
	margin:12px 0;
	text-transform:lowercase;}

h3.date {
	float:right;
	margin:-1.3em 0 0 0;
	padding:3px;}

h4 {
	font-size:1.1em;
	padding-left:20px;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#54656C;
	margin:13px 0;
	border-bottom:1px solid #CDCED0;}

h5 {
	font-size:1.2em;
	color:#4D8ECE;
	margin:8px 0;
	padding-left:30px;}

h5 a {
	color:#5296D3;}

h6 {
	font-size:1.1em;
	margin:1px 0;
	text-transform:lowercase;
	padding-left:36px;
	color:#90918C;}
/* End Headers */

/* Begin Links */
a {
	text-decoration:none;
	color:#3161B3;}

a:visited {
	color:#63AFE1;}

a:hover {
	color:#53595a;
	text-decoration:underline;}

/* End Links */

/* Begin Lists */
ul {
	list-style-type:circle;}

ol {
	list-style-type:lower-alpha;}
	
ul, ol {
	color:#898B86;}

#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:.5em 0 1em 0;}

#sidebar ul li a {
	display:block;
	width:100%;
	padding:2px;
	border-bottom:1px dashed #C7CBCE;}

#sidebar ul li a:hover {
	background:#E3E4E6;
	text-decoration:none;
	border-bottom:1px solid #53595a;}
/* End Lists */

/* Begin Images */
p img {
	max-width:100%;
	padding:4px;
	margin:1px;}

a:hover img {
	background:#A8A8A6;}

/* Use these classes to align images to the right, left, or center, respectively */
img.alignright, img.alignleft, img.centered {
	display:inline;
	border:1px solid #C5C6CB;
	padding:4px;}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;}

img.alignright {
	margin:2px 0 2px 7px;}

img.alignleft {
	margin:2px 7px 2px 0;}

.alignright {
	float:right;}

.alignleft {
	float:left}
/* End Images */

/* Begin Form Elements */
#searchform {
	margin:10px auto;
	text-align:center;
	padding:5px 3px;}

#commentform textarea {
	width:94%;}

#commentform #submit {
	float:right;}

#sidebar #s {
	width:96px;}

#sidebar select {
	width:100%;}

input:focus, textarea:focus, label:focus {
	border:1px solid #777978;}
/* End Form Elements */

/* Begin Comments*/
input, textarea, select {
	font:1em Tahoma, Verdana, Arial, sans-serif;
	padding:3px;
	border:1px solid #E4E5E7;
	color:#53595A;
	background:#fff;}

.commentlist p {
	font-weight:normal;
	line-height:1.3em;
	text-transform:none;
	margin:4px 5px 7px 0;}

.commentlist div {
	margin:8px 10px;
	padding:2px 5px;
	height:1%;
	border:1px solid #E4E5E7;}

.commentlist div:hover {
	border:1px solid #777978;}

.commentmetadata {
	margin:0;
	display:block;
	text-align:right;}
/* End Comments */

/* Begin Various Tags & Classes */
abbr, acronym {
	cursor:help;
	border-bottom:1px dotted #3467B6;}
code {
	font:1em 'Courier New', Courier, monospace;}
	
blockquote, .postmetadata {
	margin:8px 30px;
	padding:4px 10px;
	border-top:2px solid #E3E4E6;
	border-bottom:2px solid #E3E4E6;
	color:#898B86;}

.postmetadata {
	font-size:1em;
	line-height:1.4em;
	margin:5px 10px 0 10px;
	padding:2px 5px;
	text-align:center;}

.center {
	text-align:center;}

hr {
	display:none;}

.navigation {
	display:block;
	text-align:center;
	font-size:.9em;
	margin:0 0 35px 0;}
/* End Various Tags & Classes*/
