/* Global attributes */
html * {
	padding:				0;
	border:					none;
	margin:					0;
}

h1 {
	border-bottom:			1px solid #E6E4DB;
	margin:					1.2em 0 1em 0;
}

h2, h3 {
	margin:					1em 0 .5em 0;
}

h4, h5, h6 {
	margin:					.6em 0 .3em 0;
}

p {
	margin-bottom:			.5em;
}

ul, ol {
	padding:				0 2em;
	margin-bottom:			1.2em;
}

li {
	margin-bottom:			.5em;
}

pre {
	padding:				.3em .6em;
	background:				#EDEBE3;
	border:					1px solid #BFB9C3;
	border-right-color:		#DBD6DF;
	border-bottom-color:	#DBD6DF;
	margin-bottom:			.5em;
	overflow:				auto;
}

a:focus, a:hover {
	background:				#9E3107;
}

*[type="hidden"] {
	display:				none;
}
/* /Global attributes */


/* Header and footer */
#header {
	height:					2.5em;
	padding:				.5em 60px;
	background:				#277AAC;
	position:				relative;
}

#header h1 {
	border:					none;
	margin:					0;
	position:				absolute;
}
#header h1 a:focus, #header h1 a:hover {
	background:				none;

}
#header h1 a:focus {
	outline:				1px dotted #115577;
}

#header h1#logo_print {
	display:				none;
}

#header h1 img {
	width:					7.8em;
}

#header p {
	position:				absolute;
	bottom:					.4em;
	right:					60px;
} 
#header p a:link, #header p a:visited, 
#footer p a:link, #footer p a:visited {
	margin-left:			1.5em;
}
#header p a:focus, #header p a:hover, 
#footer p a:focus, #footer p a:hover {
	background:				#115577;
}

#footer {
	clear:					both;
	padding:				.8em 60px;
	background:				#277AAC;
}

#footer a.improve_it:link, #footer a.improve_it:visited  {
	margin:					0;
}
/* /Header and footer */


/* Card-shaped areas */
#text_body #links_to_inside a, 
#blank_slate_instructions li, #cards li, 
form, #errorExplanation {
	background:				#E6E4DB url(../images/background/drop_shadow.gif) no-repeat bottom right;
}
/* /Card-shaped areas */


/* Main content */
#main_content {
	min-height:				30em;
	height:					auto !important;
	height:					30em;
	padding:				.5em 0 2em 60px;
	background:				#FFF url(../images/background/header_drop_shadow.gif) repeat-x top left;
}

#text_body {
	width:					34em;
}

#text_body #links_to_inside {
	margin:					1.75em 0;
}

#text_body #links_to_inside a {
	padding:				.3em 1em .7em .75em;
	margin-left:			.2em;
}
#text_body #links_to_inside a:hover {
	background-color:		#9E3107;
}

#text_body img {
	float:					right;
	clear:					right;
	width:					18.5em;
	padding:				2px;
	border:					1px solid #E6E4DB;
	margin:					0 0 1.5em .5em;
}

.subnavigation, #notice {
	clear:					left;
	position:				relative;
	z-index:				1;
}

#notice, #error {
	width:					38%;
	padding:				.4em;
	background:				#FFBD3E url(../images/background/notice_shading.gif) repeat-x top left;
	margin:					-2em auto 0 auto;
}

#error {
	background:				#B53758 url(../images/background/error_shading.gif) repeat-x top left;
	margin-top:				-2.1em;
}

img#warning {
	float:					right;
	width:					4.7em;
	outline:				none;
	margin:					0 0 1em 1em;
}
/* /Main content */


/* ReCaptcha */
div#recaptcha_area {
	margin:					2.5em auto 1.5em auto;
}
/* /ReCaptcha */


/* Blank slate instructions */
#how_to_start {
	display:				none;
}

#blank_slate_instructions li {
	float:					left;
	width:					20%;
	height:					auto;
	padding:				.2em;
	margin:					0;
	position:				relative;
}

#blank_slate_instructions #arrow {
	height:					.75em;
	position:				absolute;
	top:					-.1em;
	right:					8px;
}

#blank_slate_instructions .subnavigation {
	margin:					0;
}

#blank_slate_instructions #hand_cursor {
	height:					.2em;
	position:				absolute;
	right:					40%;
	bottom:					.2em;
	z-index:				1;
}
/* /Blank slate instructions */


/* Cards */
#cards {
	padding:				0;
}

#cards li {
	float:					left;
	width:					11em;
	height:					5em;
	padding:				.6em 1.5em 1em 5.5em;
	margin:					0 .3em .3em 0;
	position:				relative;
}

#cards del {
	display:				none;
}

#cards li img {
	position:				absolute;
	top:					.7em;
	left:					1.4em;
}

#cards del {
	display:				none;
}

#cards h2 {
	margin:					0 0 .5em 0;
}

#cards h3 {
	width:					4em;
	padding:				.2em;
	background:				#277AAC;
	position:				absolute;
	top:					4.8em;
	left:					2em;
}

#cards p {
	margin-bottom:			.2em;
}

#cards .edit {
	position:				absolute;
	bottom:					1.5em;
	right:					2em;
}
/* /Cards */


/* Forms */
form, #errorExplanation {
	width:					30em;
	padding:				1.5em 2.5em 2em 2em;
	position:				relative;
}

label {
	float:					left;
	width:					11.5em;
	position:				relative;
	top:					.4em;
	z-index:				2;
}

hr {
	width:					0;
	padding:				0;
	border:					none;
	margin:					0 0 .4em 0;
	visibility:				hidden;
	clear:					both;
}

input, select, textarea {
	display:				block;
	width:					18em;
	padding:				.2em;
	border:					1px solid #BFB9C3;
	border-right-color:		#DBD6DF;
	border-bottom-color:	#DBD6DF;
	background:				#FFF;
	margin:					0 0 .3em 11em;
	position:				relative;
	z-index:				3;
}

input:focus, select:focus {
	background:				#FFF9D9;
}

input:focus, input:hover, 
select:focus, select:hover, 
textarea:focus, textarea:hover, 
.submit:focus, .submit:hover {
	border-color:			#A089A9;
}

select#person_birthday_3i {
	float:					left;
	width:					3.5em;
	margin-left:			.7em;
}
select#person_birthday_2i {
	width:					7.5em;
	margin-left:			15em;
}

#more_info {
	float:					none;
	clear:					left;
	width:					100%;
	padding-left:			6.6em;
}

#preview_text, #markdown_link {
	margin-left:			3.5em;
}
a#preview_text:visited, a#markdown_link:visited {
	background:				none;
}
a#preview_text:focus, a#markdown_link:focus, 
a#preview_text:hover, a#markdown_link:hover {
	background:				#277AAC;
}

textarea {
	display:				inline;
	width:					98.4%;
	height:					12.3em;
	margin:					.75em 0 .5em 0;
}

fieldset#picture_upload {
	display:				block;
	height:					5.5em;
	background:				#EDEBE3;
	border:					1px solid #BFB9C3;
	border-right-color:		#DBD6DF;
	border-bottom-color:	#DBD6DF;
	position:				relative;
}

#select_picture {
	width:					100%;
	top:					.75em;
}

#person_picture {
	float:					left;
	width:					25em;
	margin:					0;
	position:				relative;
	top:					2em;
	left:					8em;
}

fieldset img, #delete_picture {
	position:				absolute;
}
fieldset img {
	top:					.5em;
	left:					.8em;
}
#delete_picture {
	clear:					both;
	bottom:					.2em;
	left:					1.1em;
}

.submit {
	width:					10em;
	height:					1.7em;
	background:				#DBD6Df;
	border:					1px solid #C7BCCf;
	border-right-color:		#AFA0B9;
	border-bottom-color:	#AFA0B9;
	margin-left:			13em;
}

.submit:focus, .submit:hover {
	background:				#DBD6Df;
}
.submit:active {
	background:				#A089A9;
}

#person_submit, #submit_another, a#delete_person {
	display:				inline;
 	margin:					1em 0 0 0;
}
#person_submit {
	margin-left:			11em;
}
#submit_another {
	width:					12em;
}

a#delete_person {
	position:				absolute;
	bottom:					3.3em;
	left:					3.8em;
}

#group_remember_me, #group_terms_of_service {
	width:					auto;
	margin-top:				.7em;
}

#ask_for_login {
	margin-top:				-2.3em;
	margin-left:			29em;
}

#confirm_delete p, #confirm_delete input.submit {
	display:				inline;
	margin:					0;
	position:				relative;
	top:					.45em;
	left:					7.3em;
}

#confirm_delete input.submit {
	width:					auto;
	left:					7.4em;
}
/* /Forms */


/* Form errors */
#errorExplanation {
	padding-bottom:			.1em;
	background-position:	top right;
}

#errorExplanation h2 {
	padding:				.8em;
	background:				#B53758;
	margin:					0;
}

#errorExplanation p {
	padding:				1em 0;
	border:					1px solid #B53758;
	border-top:				none;
	border-bottom:			none;
	margin:					0;
}

#errorExplanation ul {
	padding:				0 6.6em .8em 6.6em;
	border:					1px solid #B53758;
	border-top:				none;
	margin-bottom:			0;
}

#errorExplanation li {
	margin-bottom:			.3em;
}

.fieldWithErrors input {
	background:				#FDD3DB;
	border:					1px solid #BC7D7D;
	border-right-color:		#D5ADAD;
	border-bottom-color:	#D5ADAD;
}
/* /Form errors */


/* Markdown instructions */
#markdown_instructions {
	width:					19em;
	padding:				1.4em;
	background:				#FFF;
	border:					2px dotted #E6E4DB;
	margin-bottom:			1em;
	position:				absolute;
	top:					5.3em;
	left:					38.5em;
	z-index:				4;
}


#markdown_instructions * {
	line-height:			1em;
	padding:				0;
	margin:					0;
}

#markdown_instructions h3 {
	display:				list-item;
	list-style-type:		disc;
	margin:					2em 0 .6em 0;
}

#markdown_instructions pre {
	width:					7.5em;
	padding:				0 .1em .2em .1em;
	margin:					.5em 0 -1.1em 0;
}

#markdown_instructions p.output_sample {
	margin-left:			10.5em;
}
#markdown_instructions h1.output_sample {
	margin:					-.9em 0 0 6em;
} 
#markdown_instructions h2.output_sample {
	margin-left:			10em;
}
#markdown_instructions ul.output_sample {
	margin:					-2em 0 0 10.25em;
}
#markdown_instructions ol.output_sample {
	margin:					-2em 0 0 10.5em;
}

#markdown_instructions pre.screen {
	height:					5em;
}

#markdown_instructions img.screen.output_sample {
	width:					11.5em;
}

#markdown_instructions pre.print, 
#markdown_instructions img.print {
	display:				none;
}

#markdown_instructions .link, 
#markdown_instructions .image {
	width:					100%;
	margin-bottom:			.4em;
}

#more_tips {
	margin-top:				1.5em;
}
/* /Markdown instructions */


/* More info */
#facebox img, #facebox object, 
#markdown_instructions img {
	display:				block;
	padding:				2px;
	outline:				1px solid #E6E4DB;
	margin:					.5em auto;
}
/* /More info */


/* Errors 403, 404, 500 */
#page_error {
	float:					left;
	width:					18.75em;
	margin-right:			2em;
	margin-bottom:			10em;
}

#error_warning {
	margin-top:				6em;
}

#page_not_found {
	display:				inline;
}
/* /Errors 403, 404, 500 */

#facebox .b {
	background:				url(/images/facebox/b.png);
}

#facebox .tl {
	background:				url(/images/facebox/tl.png);
}

#facebox .tr {
	background:				url(/images/facebox/tr.png);
}

#facebox .bl {
	background:				url(/images/facebox/bl.png);
}

#facebox .br {
	background:				url(/images/facebox/br.png);
}

#facebox {
	position:				absolute;
	width:					100%;
	top:					0;
	left:					0;
	z-index:				100;
	text-align:				left;
}

#facebox .popup {
	position:				relative;
}

#facebox table {
	margin:					auto;
	border-collapse:		collapse;
}

#facebox .body {
	padding:				.5em;
	background:				#FFF;
	border:					1px solid #888;
	width:					27em;
}

#facebox .loading {
	text-align:				center;
}

#facebox .image {
	text-align:				center;
}

#facebox img {
	border:					0;
}

#facebox .footer {
	border-top:				1px solid #DDDDDD;
	padding-top:			5px;
	margin-top:				10px;
	text-align:				right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height:					10px;
	width:					10px;
	overflow:				hidden;
	padding:				0;
}

#facebox .top {
	text-align:			right;
	padding-bottom: 	5px;
  	border-bottom: 		1px solid #DDD;
	margin-bottom:		10px;
}

#facebox a.close {
	color:				#777;
	font-size:			70%;
	text-transform:		uppercase;
}
#facebox a.close:hover {
	color:				#FFF;
	background:			#777;
}