/* -----------------------------------------------------------------
--- General settings
----------------------------------------------------------------- */

/* Everything */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	font-family: Arial, "Lucida Grande", Verdana, Sans-serif;
	margin: 0px;
	padding: 0px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,p,blockquote,th,td { font-size: 15px; }
textarea { width: 100%; }

/* Lists and paragraphs */
ol, ul { padding-left: 25px; }
ol, ul, p, h1, h2, h3, h4, h5 { padding-top: 5px; padding-bottom: 5px; }
li { padding-top: 2px; padding-bottom: 2px; }
p, li, h5 {	line-height: 150%; }

/* Headers */
h1 { padding-bottom: 1px; line-height: 120%; font-size: 32px; }
h2 { padding-bottom: 1px; line-height: 120%; font-size: 22px; }
h3 { padding-bottom: 0px; line-height: 120%; font-size: 18px; }
h4 { padding-bottom: 0px; line-height: 120%; font-size: 16px; }

/* Other minor stuff */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th { text-align:left; }
q:before, q:after { content:''; }
fieldset, img, abbr, acronym { border:0; }
.clear { clear: both; height: 0px; }
.right { float: right; }


/* -----------------------------------------------------------------
--- Colors
----------------------------------------------------------------- */

.header h2, .header h2 a, .meta_data .author { color: rgb(114,164,0); } /* Green */
.highlight { background-color: #FDFCC0; }

/* Faded */
p.faded { color: #444; }
.faded { color: #888; }
.faded a { color: #496aa6; }
.faded a:visited { color: rgb(111,70,155); }
.faded .highlight { background-color: #FDFCDB; }


/* Links */
a {	color: #0040b6; }
a:visited { color: #551a8b; }
a:hover, .faded a:hover { color: rgb(255,0,132); }
a:active, .faded a:active { color: #ff0000; }


/* -----------------------------------------------------------------
--- Layout structure
----------------------------------------------------------------- */

body.center {
	text-align: center;
}
.wrapper .sidebar {
	margin-top: 38px;
}

.wrapper {
	position: relative;
	width: 855px;
	text-align:left;
	margin: 10px auto 20px auto;
}
.content, .sidebar { float: left; }
.content { 
	width: 504px; 
	padding: 0px 81px 50px 0px;
}
.sidebar { 
	width: 250px; 
	padding: 0px 0px 0px 20px;
}


/* -----------------------------------------------------------------
--- iPhone CTA
----------------------------------------------------------------- */

.iphone_cta {
	width: 400px;
	position: absolute;
	z-index: 1001;
}
.iphone_cta .container {
	background-color: #aaa;
	height: 200px;
}

/* -----------------------------------------------------------------
--- Header
----------------------------------------------------------------- */

.logo {
	position: absolute;
	left: -34px;
	top: 5px;
}
.header .description {
	padding: 3px 0px 30px 49px;
}
.header strong { color: #222; }
.header h2 a {
	text-decoration: none;
}
.header h2 a:hover {
	text-decoration: underline;
	color: rgb(255,0,132);
}
.header h3 {
	margin-top: 1px;
	margin-left: 1px;
	font-size: 100%;
	line-height: 115%;
	font-weight: normal;
	color: #343434;
	background-color: #eee;
	padding: 3px 5px;
}
.header .home_link {
	font-weight: normal;
	font-size: 80%;
	line-height: 100%;
}


/* -----------------------------------------------------------------
--- Footer
----------------------------------------------------------------- */

.footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 75%;
}
.footer, .footer a {
	color: #666;
}
.footer a:hover {
	color: #000;
}


/* -----------------------------------------------------------------
--- Post
----------------------------------------------------------------- */

.post,.post div,.post dl,.post dt,.post dd,.post ul,.post ol,.post li,.post pre,.post fieldset,.post p,.post blockquote,.post th,.post td {
	font-size: 17px; }
.post ol, .post ul, .post p, .post h1, .post h2, .post h3, .post h4, .post h5 { 
	padding-top: 7px; 
	padding-bottom: 7px; }
.post li { 
	padding-top: 4px; 
	padding-bottom: 4px; }

.post h1 a { text-decoration: none; display: block; }
.post h1 a:hover { text-decoration: underline; }
.post h1 { padding-bottom: 1px; line-height: 120%; font-size: 32px; }
.post h2 { padding-bottom: 1px; line-height: 120%; font-size: 26px; padding-top: 24px; }
.post h3 { padding-bottom: 0px; line-height: 120%; font-size: 20px; padding-top: 20px; }
.post.index h2 { font-size: 22px; }
.post.index h3 { font-size: 18px; }


.post { 
	padding-bottom: 40px; 
}
.post .meta_data { 
	font-size: 20px; 
	padding: 9px 0px 5px 0px; 
}
.post .meta_data {
	font-weight: normal;
}
.post .meta_data .author { 
	font-weight: bold; '
}
.post img {
	padding: 1px;
	border: 1px solid #ccc;
}
.post img.left, .post img.right { margin-top: 9px; margin-bottom: 9px; }
.post img.left { float: left; margin-right: 9px; }
.post img.right { float: right; margin-left: 9px; }


/* -----------------------------------------------------------------
--- Comments
----------------------------------------------------------------- */

.comment {
	padding: 7px 0px;
}
.comment .info .name {
	font-weight: bold;
}
.comment .info .date, .comment .info .debatable_link {
	font-size: 75%;
	line-height: 1px;
}

.debatable_link {
	overflow: visible;
	width: 300px;
	display: none;
}
.debatable_form {
	display: none;
}

.replies {
	padding-left: 20px;
	margin-left: 15px;
}
.replies.without_spacing, .new_comment_form {
	padding-left: 0px;
	margin-left: 5px;
}
.replies .comment, .new_comment_form {
	display: block;
	padding-left: 30px;
	padding-top: 0px;
	margin-top: 14px;
	background: #fff url('/images/reply_arrow_faded.png') no-repeat;
}
.replies .comment .info {
	padding-top: 0px;
}

.comment_form p {
	padding-top: 0px;
}
.comment_form textarea {
	height: 150px;
}
textarea.text,input.text {
	font-size: 13px;
}



/* -----------------------------------------------------------------
--- Top resources
----------------------------------------------------------------- */


.top_resources, .top_resources li {
	font-size: 13px;
	color: #777;
}
.top_resources li {
	padding: 7px 0px;
}
.top_resources h2 {
	font-size: 15px;
	padding: 0px;
}
.top_resources p {
	color: #000;
	font-size: 13px;
	padding: 0px;
}
.top_resources p.meta {
	color: #444;
	font-size: 11px;
}
.top_resources p.meta .highlight {
	color: #232323;
	background-color: transparent;
}
.top_resources strong {
	font-weight: normal;
	background-color: #FCFDDF;
}
.sort_by {
	padding: 20px 0px 0px 0px;
}
.sort_by li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-right: 7px;
}
.sort_by li.separator {
	margin-top: 2px;
	font-size: 11px;
}
#top_resources h1 {
	font-size: 27px;
}
#top_resources h3 {
	padding-top: 15px;
}



/* -----------------------------------------------------------------
--- Sidebar
----------------------------------------------------------------- */

.sidebar p, .sidebar li { 
	font-size: 85%; 
}
.sidebar h3 {
	font-size: 100%;
	margin-top: 14px;
	padding-bottom: 3px;
}
.sidebar p { 
	padding-top: 3px; 
	padding-bottom: 3px; 
}
.sidebar .mugshot {
	float: right;
	margin-top: 22px;
	margin-right: 0px;
}
.sidebar .mugshot img {
	padding: 1px;
	border: 1px solid #ccc;
}
.sidebar .popular_posts {
	padding-top: 0px;
	padding-bottom: 0px;
}
.sidebar .popular_posts li {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 125%;
}
.sidebar .popular_posts li a {
	display: block;
}


/* -----------------------------------------------------------------
--- Other
----------------------------------------------------------------- */

input.example {
	font-style: normal;
}
input.example.blur {
	color: #666;
	font-style: italic;
}
.disclaimer {
	font-size: 70%;
	text-align: right;
	margin-top: -3px;
	padding-top: 0px;
	padding-right: 25px;
	color: #666;
}
.sidebar .disclaimer {
	font-size: 70%;
	margin-top: -5px;
	padding-right: 10px;
	color: #777;
}
.back {
	font-size: 90%;
}
.caption, .post .caption {
	font-size: 85%;
	margin-top: -14px;
	color: #666;
}
.icon { 
	margin-bottom: -3px; 
	margin-right: 3px; 
	margin-left: 1px; 
}
.notification p {
	background-color: #fffac4;
	border: 1px dotted #aaa;
	border-right: 0px;
	border-left: 0px;
	font-size: 14px;
}
.cta {
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 5px 20px 1px 15px;
	background-color: #eee; /* rgb(229,236,249) */
	border: 1px dotted #aaa; /* rgb(51,102,204) */
	border-left: none;
	border-right: none;
}
.pagination {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 50px;
}
.top_pagination .pagination {
	margin-top: -20px;
	margin-bottom: 20px;
}

.search h2, .search h3, .search p { font-weight: normal; }
.search h2 { font-size: 110%; }
.search h3 { font-size: 100%; padding-top: 3px; padding-bottom: 0px; }
.search p { padding-top: 3px; }
.search p, .search li { font-size: 85%; }
.search .match { font-weight: bold; }
.search .result { padding-top: 10px; }
.search { padding-bottom: 25px; }


.social_media_button.twitter p a {
	padding: 0px 4px 1px 4px;
	font-size: 12px;
	color: #fff;
	background-color: #99D01A;
	border: 1px solid #84B900;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.social_media_button.twitter p a:hover {
	background-color: #fff;
	color: #84B900;
}
.social_media_button.facebook {
	padding-top: 12px;
}

#snippet {
	display: block;
	float: left;
	margin-top: -60px;
}