/*
Theme Name: graciemobile
Author: Galen
Version 2
*/

/* reset */
* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}

/* typography */
body, input, textarea {
	font:14px/14px "Droid Serif", serif;
	color:#462A1A;
}
p, blockquote, ul, ol {
	line-height:22px;
	margin-bottom:14px;
}
blockquote {
	margin-left:30px;
	font-style:italic;
}
h3 {
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	margin:28px 0 14px 0;
}
h4 {
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin:21px 0 14px 0;
}
acronym {border-bottom:dotted 1px #F6B1C3;}
strong {font-weight:bold;}
em {font-style:italic;}
a {color:#DE264C;}
a:hover {color:#BC0D35;}
ul, ol {margin-left:30px;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}
ul {list-style-type:disc;}
ul ul {list-style-type:circle;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-roman;}

/* forms */
input[type="text"], textarea {
	padding:5px;
	border:solid 1px #F6B1C3;
	background:url(images/bg-textbox.png);
}
textarea {line-height:20px;}
input[type="button"], input[type="reset"], input[type="submit"] {padding:5px 20px;}

/* images */
.alignright {
	display:block;
	float:right;
	margin:0 0 21px 21px;
}
.alignleft {
	display:block;
	float:right;
	margin:0 21px 21px 0;
}
.aligncenter {
	display:block;
	margin:21px auto;
}

/* misc */
hr.clear {
	clear:both;
	height:0;
	border:none;
	margin:0;
}

/* structure */
body {
	background:url(images/bg-body.png) #F6B1C3 repeat-x;
	padding-bottom:15px;
}
#wrapper {
	width:960px;
	margin:auto;
}

/* header */
#header {
	height:80px;
	position:relative;
	font:24px/24px Lobster, serif;
	text-shadow:0 -1px 0 #000;
	color:#fff;
}
#header a {color:#fff;}
#logo {
	width:50px;
	height:50px;
	position:absolute;
	top:15px;
	left:0;
	background:url(images/logo.png);
}
h1 {
	position:absolute;
	top:28px;
	left:60px;
	font-weight:normal;
}
#access {
	position:absolute;
	top:28px;
	right:0;
	margin:0;
}
#access li {
	display:block;
	float:left;
	padding-left:20px;
	margin-left:30px;
	background:url(images/bg-nav-item.png) no-repeat left 5px;
}
#access li:hover{background-position:left -30px;}
#access li a {text-decoration:none;}

/* container */
#container {
	width:980px;
	margin:10px 0 10px -10px;
	background:url(images/bg-container-body.png);
}
#container-top {
	width:980px;
	height:50px;
	background:url(images/bg-container-top.png);
}
#container-bottom {
	width:980px;
	height:50px;
	clear:both;
	background:url(images/bg-container-bottom.png);
}
#container-body {padding:0 50px;}

/* content */
#content {
	width:570px;
	float:left;
}
.page #content {
	width:720px;
	float:none;
	margin:auto;
}

/* posts */
h2 {
	font-size:24px;
	line-height:24px;
	margin:60px 0 14px 0;
	font-style:italic;
	font-weight:bold;
}
h2:first-child {margin-top:0;}
h2 a {
	text-decoration:none;
	font-weight:bold;
}
.meta {
	line-height:12px;
	font-size:12px;
	font-style:italic;
	color:#666;
}
#posts-nav-link {margin-top:45px;}

/* comments */
.comment {padding:14px 0;}
.comment div {
	width:500px;
	float:left;
}
.comment-author {font-weight:bold;}
.comment-author a {font-weight:bold;}
.comment-date {
	display:block;
	margin:10px 0;
	font-size:12px;
	line-height:12px;
	color:#666;
}
.avatar {float:right;}
#reply input[type="text"], textarea {width:558px;}

/* sidebar */
#sidebar {
	width:250px;
	float:right;
}
#sidebar h3 {
	font:22px/22px Lobster, serif;
	color:#DE264C;
	padding-bottom:26px;
	background:url(images/bg-widget-title.png) no-repeat left bottom;
	margin:0;
}
#sidebar ul {margin:0 0 0 20px;}
.widget {margin-top:30px;}
.widget:first-child {margin-top:0;}
#sidebar .widget input[type="text"] {
	width:230px;
	margin:10px 0 5px 0;
}

/* footer */
#footer {
	color:#DE264C;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	font-size:12px;
	line-height:12px;
}