/*
	AppleStash Layout
	Date: 2008-06-17 14:21:34
*/


/* Body and Global Reset
----------------------------------------------- */
body {
	margin: 0;
	background: #000 url(../images/body.png) 0 50%;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* Header
----------------------------------------------- */
#header {
	position: relative;
	margin: 0 auto 8px auto;
	padding: 0;
	width: 986px;
	height: 125px;
	background: url(../images/header_space.png) no-repeat;
}

#header h1 {
	position: absolute;
	left: 9px;
	width: 301px;
	height: 91px;
	background: url(../images/header_logo.png);
}
#header h1 a {
	position: relative;
	display: block;
	top: 38px;
	left: 92px;
	width: 116px;
	height: 24px;
	text-indent: -2000px;
}

#header ul {
	position: absolute;
	bottom: 3px;
	left: 22px;
	width: 382px;
	height: 31px;
	padding: 0 0 0 7px;
	background: url(../images/header_navgrid.png) no-repeat;
}
#header ul li {
	position: relative;
	float: left;
	margin: 0 1px 0 0;
}
#header ul li a {
	display: block;
	height: 31px;
	text-indent: -2000px;
	background: url(../images/header_navgrid.png) no-repeat;
}
#header ul li#n_home a {
	width: 62px;
	background-position: -7px 0;
}
#header ul li#n_home a:hover { background-position: -7px -31px; }
#header ul li#n_home.active a,
#header ul li#n_home.active a:hover { background-position: -7px -62px; }

#header ul li#n_archives a {
	width: 89px;
	background-position: -70px 0;
}
#header ul li#n_archives a:hover,
#header ul li#n_archives.hover a { background-position: -70px -31px; }
#header ul li#n_archives.active a,
#header ul li#n_archives.active a:hover { background-position: -70px -62px; }

#header ul li#n_subscribe a {
	width: 83px;
	background-position: -160px 0;
}
#header ul li#n_subscribe a:hover { background-position: -160px -31px; }
#header ul li#n_subscribe.active a,
#header ul li#n_subscribe.active a:hover { background-position: -160px -62px; }

#header ul li#n_about a {
	width: 64px;
	background-position: -244px 0;
}
#header ul li#n_about a:hover { background-position: -244px -31px; }
#header ul li#n_about.active a,
#header ul li#n_about.active a:hover { background-position: -244px -62px; }

#header ul li#n_contact a {
	width: 73px;
	background-position: -309px 0;
}
#header ul li#n_contact a:hover { background-position: -309px -31px; }
#header ul li#n_contact.active a,
#header ul li#n_contact.active a:hover { background-position: -309px -62px; }

/* Menu */
#header ul li#n_archives ul {
	display: none;
	position: absolute;
	z-index: 999;
	top: 31px;
	left: -23px;
	bottom: auto;
	float: none;
	width: 258px;
	height: auto;
	background: none;
}
#header ul li#n_archives ul li {
	float: none;
	margin: 0;
	width: 229px;
	padding: 5px 0 0 29px;
	font-size: 11px;
	background: url(../images/header_sub_shadow.png) repeat-y;
}
#header ul li#n_archives ul li.first { padding-top: 10px;}
#header ul li#n_archives ul li a {
	width: auto;
	height: auto;
	display: inline;
	background: none;
	text-indent: 0;
	color: #65757c;
	text-decoration: none;
}
#header ul li#n_archives ul li a:hover { color: #111; }
#header ul li#n_archives ul li span {
	margin-left: 4px;
	color: #bac6ca;
}
#header ul li#n_archives ul li.cap {
	width: 258px;
	height: 28px;
	padding: 0;
	font-size: .001em;
	background: url(../images/header_sub_cap.png) no-repeat;
}

/* Active menu */
#header ul li#n_archives.active ul li { background: url(../images/header_sub_shadow_active.png) repeat-y; }
#header ul li#n_archives.active ul li.cap { background: url(../images/header_sub_cap_active.png) no-repeat; }
#header ul li#n_archives.active ul li a:hover { color: #fff; }
#header ul li#n_archives.active ul li span { color: #333; }

/* Magic */
#header ul li#n_archives.hover ul { display: block; }

/* Search and AAPL */
#header .search_aapl {
	position: absolute;
	top: 30px;
	right: 25px;
}
#header .search_aapl fieldset {
	margin: 0 0 8px 0;
	padding: 10px 0 0 12px;
	width: 216px;
	height: 31px;
	border: none;
	background: url(../images/header_search.png) no-repeat;
}
#header .search_aapl fieldset label {
	font-size: .7em;
	font-weight: bold;
	color: #554253;
}
#header .search_aapl fieldset input {
	padding: 1px;
	width: 150px;
}
#header .search_aapl p.aapl {
	text-align: right;
	font-size: .7em;
}
#header .search_aapl p.aapl a {
	padding: 0 0 0 14px;
	color: #fff;
	text-decoration: none;
}
#header .search_aapl p.aapl.up a { background: url(../images/header_up.gif) no-repeat 0 3px; }
#header .search_aapl p.aapl.down a { background: url(../images/header_down.gif) no-repeat 0 3px; }
#header .search_aapl p.aapl a:hover { text-decoration: underline; }


/* Wrapper Positioning
----------------------------------------------- */
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 986px;
}
#wrapper_top,
#wrapper_bottom {
	clear: both;
	width: 986px;
	height: 11px;
	background: url(../images/wrapper_top.png) no-repeat;
}
#wrapper_bottom { background: url(../images/wrapper_bottom.png) no-repeat; }
#wrapper_center {
	float: left;
	clear: both;
	width: 980px;
	border-left: solid 3px #000;
	border-right: solid 3px #000;
	background: url(../images/wrapper_center.png) repeat-y;
}
#wrapper_center #content {
	float: left;
	width: 680px;
	padding: 14px 0 0 0;
	background: url(../images/wrapper_gradient.png) repeat-x;
	border-left: solid 1px #fff;
}
#wrapper_center #sidebar {
	float: right;
	width: 247px;
	padding: 15px 25px 25px 25px;
	border-right: solid 1px #fff;
}


/* Topic
----------------------------------------------- */
#topic {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 12px 0 0 30px;
	width: 956px;
	height: 38px;
	background: url(../images/topic/background.png) no-repeat;
}
#topic h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #acb2b8;
}
#topic img {
	position: absolute;
	z-index: 900;
}


/* Content
----------------------------------------------- */
/* Headings */
#content h1 {
	margin: 0 0 15px 25px;
	font-size: 1.4em;
	color: #111;
}
#content h1 a {
	color: #111;
	text-decoration: none;
}
#content h2 {
	margin: 0 0 10px 25px;
	font-size: 1em;
	color: #64696b;
}


/* Generic content styling */
#content p {
	margin: 0 25px 15px 25px;
	font-size: .750em;
	line-height: 1.6em;
	color: #5e6264;
}

#content ul {
	margin: 0 0 25px 25px;
}
#content ul li {
	margin: 0 0 0 25px;
	list-style: disc;
	font-size: .750em;
	line-height: 1.6em;
	color: #5e6264;
}

/* Pagination */
#content p.pagination {
	font-size: .7em;
}
#content p.pagination span.pages {
	padding: 1px 3px 2px 3px;
	border: solid 1px #ccd1d3;
}
#content p.pagination span.current {
	margin-left: 5px;
	margin-right: 5px;
}
#content p.pagination a {
	text-decoration: none;
	padding: 1px 3px 2px 3px;
	border: solid 1px #ccd1d3;
}


/* Entry specific content
----------------------------------------------- */
#content .entry {
	float: left;
	clear: both;
	width: 680px;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #e4eaec;
}
#content .entry .details {
	margin: 10px 0 15px 25px;
	width: 630px;
	float: left;
	clear: both;
}
#content .entry .details p {
	float: left;
	margin: 0;
	width: 340px;
	font-size: .7em;
	line-height: 1.5em;
	color: #a4a9ab;
}
#content .details p a {
	color: #636667;
	text-decoration: none;
}

#content .details .stico_default {
	font-size: 100%;
	padding-left: 16px !important;
	background: url(../images/sharethis_small.gif) no-repeat 0 1px !important;
}

/* Buttons */
#content .entry .details ul.buttons {
	float: right;
	clear: none;
	width: auto;
	margin: 0;
}
#content .entry .details ul.buttons li {
	list-style: none;
	float: left;
	margin: 0 0 0 8px;
	height: 24px;
	background: url(../images/buttons_left.png) no-repeat 0 -24px;
}
#content .entry .details ul.buttons li a {
	display: block;
	float: left;
	width: auto;
	height: 20px;
	padding: 4px 25px 0 11px;
	background: url(../images/buttons_right.png) no-repeat 100% -24px;
	font-size: .8em;
	line-height: 1.5em;
	text-decoration: none;
	color: #484848;
}
#content .entry .details ul.buttons li.default { background-position: 0 0; }
#content .entry .details ul.buttons li.default a {
	background-position: 100% 0;
	color: #00abf0;
}


/* Next steps
----------------------------------------------- */
.next_steps {
	float: left;
	clear: both;
	width: 680px;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	border-bottom: solid 1px #e4eaec;
}
.next_steps .social {
	float: left;
	margin: 0 0 0 25px;
	width: 315px;
}
.next_steps .related {
	float: left;
	width: 310px;
}
.next_steps h4 {
	margin: 0 0 10px 0;
	font-size: .8em;
	color: #64696b;
}

#content .next_steps ul { margin: 0; padding: 0; }
#content .next_steps li { font-size: .7em; }
#content .next_steps .social li {
	margin: 0 0 5px 0;
	list-style: none;
}

#content .next_steps .social li.digg a {
	padding-left: 22px;
	padding-bottom: 2px;
	background: url(../images/digg.gif) no-repeat;
}

#content .next_steps .social li.delicious a {
	padding-left: 22px;
	padding-bottom: 2px;
	background: url(../images/delicious.gif) no-repeat;
}

/* Comments
----------------------------------------------- */
#comments {
	clear: both;
	margin: 0 25px 25px 25px;
}
#comments h4 {
	margin: 0 0 10px 0;
	font-size: 1em;
	color: #64696b;
}
#comments .comment {
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	background: #e9f0f2;
}
#comments .comment h4 {
	color: #111;
	font-weight: normal;
	font-size: .7em;
}
#comments .comment h4 a { color: #000; }
#comments .comment p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: .7em;
}

/* Form */
#post_comment {
	clear: both;
	margin: 0 25px 25px 25px;
	border: none;
}
#post_comment h4 {
	margin: 0 0 15px 0;
	font-size: 1em;
	color: #64696b;
}
#post_comment p {
	margin: 0 0 15px 0;
	font-size: .7em;
	color: #64696b;
}
#post_comment label {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 10px 0;

}
#post_comment label span {
	display: block;
	float: left;
	margin: 2px 0 0 0;
	width: 60px;
	font-size: .7em;
	color: #64696b;
}
#post_comment input {
	padding: 1px;
	width: 220px;
}
#post_comment label.comment {
	margin: 10px 0 4px 0;
	clear: both;
	font-size: .7em;
	color: #64696b;
}
#post_comment textarea {
	clear: both;
	width: 550px;
	padding: 2px;
}

#post_comment input.button {
	clear: both;
	width: auto;
	margin: 10px 0 0 -2px;
}


/* Sidebar
----------------------------------------------- */
#sidebar .subscribe { margin: 0 0 25px 0; }
#sidebar .subscribe p {
	font-size: .7em;
	line-height: 1.5em;
	color: #767b7d;
}
#sidebar .subscribe p img { margin-left: -2px; }
#sidebar .subscribe p input {
	margin-right: 5px;
	margin-top: 5px;
	padding: 2px;
}

#sidebar h4 {
	margin: 0 0 10px 0;
	font-size: .850em;
	color: #959c9e;
}
#sidebar ul.posts { margin: 0 0 20px 0; }
#sidebar ul.posts li {
	margin: 0 0 5px 0;
	background: url(../images/sidebar_well.gif) no-repeat 0 0;
	font-size: .7em;
}
#sidebar ul.posts li a {
	display: block;
	padding: 5px 5px 5px 7px;
	background: url(../images/sidebar_well.gif) no-repeat -247px 100%;
	text-decoration: none;
}
#sidebar ul.posts li a span { color: #767b7d; }

/* Footer
----------------------------------------------- */
#footer {
	position: relative;
	margin: 8px auto 0 auto;
	padding: 24px;
	width: 938px;
	background: url(../images/footer.png) no-repeat;
}
#footer p {
	color: #efdcec;
	font-size: .7em;
}


/* Miscellaneous
----------------------------------------------- */
a {
	color: #2671A7;
}
a:hover {
	color: #A84596;
}

.clear { clear: both; }
a img { border: none; }