@import url(helpers_customizations.css);

BODY {
	background: #fff;
}

.invisible {
	color: #fff;
}

.m5t {
	margin-top: 0.5em;
}
.border-top {
	border-top: 2px solid #f0f0f0;
	padding-top: 0.5em;
}

.as-link,
A {
	color: #03c;
	text-decoration: underline;
}

	.as-link:hover,
	A:hover {
		color: #c30 !important;
	}

.no-ul { text-decoration: none; }

#page {
}


#footer {
	padding-left: 4em;
	color: #444;
	padding-bottom: 2.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

	#footer_inner {
		width: 47em;
	}

	#footer A {
		color: #333;
	}


#header {
	padding-bottom: 2em;
	display: block;
	background: #fff url(../images/bg-header.gif) repeat-x left top;
}

	#header-inner {
		padding-left: 4em;
		/* min-height: 45px; */
		padding-top: 25px;
		padding-bottom: 1em;
		display: block;
		border-bottom: 1px solid #ccc;
	}
	

	#logo {
		position: absolute;
		right: 40px;
		top: 30px;
		width: 90px;
		height: 90px;
		background: url(../images/logo-shoe.gif) no-repeat;
		display: block;
		z-index: 1000;
	}
	
	#search {
		display: block;
		position: absolute;
		right: 200px;
		top: 40px;
	}
	
	#title {
		float: left;
		display: block;
		/* border: 1px solid red; */
	}

		#title .title {
			text-transform: uppercase;
			display: block;
		}

		#title .subtitle {
			display: block;
			font-size: 0.85em;
			font-weight: normal;
			color: #888;
		}

	#main_menu {
		padding-top: 17px;
		_padding-top: 14px;
		font-size: 0.85em;
		display: block;
	}

		#main_menu .menu_list {
			float: left;
			margin-left: 0em;
			display: block;
		}

			#main_menu .menu_list .menu_item {
				display: inline;
				padding-left: 2em;
				text-transform: lowercase;
			}

			#main_menu .item {
				color: #000;
			}
			
				#main_menu .backto {
					margin-bottom: 0em;
					font-size: 0.85em;
					position: relative;
					top: -1em;
				}
				
					#main_menu .backto A {
						color: #000;
					}
				
				#main_menu .current {
					font-weight: bold;
					color: #c30;
					text-decoration: none;
				}

				#main_menu A:hover {
					color: #c30;
				}

				#main_menu .iconic {
					_position: relative;
					_top: 1px;
				}
				
				#main_menu .iconic SPAN {
					position: relative;
					top: 1px;
				}
				
			#main_menu #user {
				position: absolute;
				bottom: 0px;
				right: 4em;
				padding-right: 120px;
				text-align: right;
			}
			
#content {
	margin-left: 4em;
}

	#content-inner {
		background-color: #fff;
		width: 47em;
	}


		.col {
			float: left;
			width: 20em;
		}
		
		

			.col-last {
				padding-left: 1em;
				width: 24em;
			}
			

/* CONTENT TAGS */
.elm {
	padding-bottom: 2em;
}

.elm-small {
	padding-bottom: 0.5em;
}

.elm-border {
}

.small {
	font-size: 0.85em;
}


.action {
	margin-left: 1em;
}
	
.red { color: #c30 !important; }
	A:hover.red { background-color: #c30; color: #fff !important; }
.green { color: #390 !important; }
.gray { color: #888 !important; }
.lgray { color: #aaa !important; }
.black { color: #000 !important; }


.little,
LABEL.small {
	color: #666;
	font-size: 7pt;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}

LABEL {
	cursor: pointer;
	_cursor: _hand;
}

.small-heading {
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.small-heading.nip {
	font-weight: normal;
	color: #888;
}

	P A.more {
		margin-left: 1em;
	}

.more-space {
	margin-bottom: 1em;
}

OL LI,
UL LI {
	padding-bottom: 0.5em;
}

	OL {
		margin-left: 2.5em;
	}

/* ARTICLE FORMATTING */

DIV.title {
	margin-bottom: 1em;
}

.title H2,
.title H1 {
	display: inline;
	font-size: 1em !important;
}

	.title H2 .small-heading,
	.title H1 .small-heading {
		color: #390;
		display: block;
		margin-bottom: 0em;
		text-decoration: none;
	}

	.title H2 A,
	.title H1 A {
		text-decoration: none;
	}

	.title H2 .main-heading,
	.title H1 .main-heading {
		font-size: 2.2em;
		letter-spacing: -2px;
		color: #390;
		line-height: 1em;
	}

	.title H2 A:hover,
	.title H1 A:hover {
		color: #390 !important; /* for underline, override default A:hover */
		text-decoration: underline;
	}
	.title .actions,
	.title .actions {
		position: relative;
		top: -0.3em;
		margin-left: 0.5em;
	}

.body .image_left {
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.body A:visited {
	color: #808 !important;
}

.body P, .body UL, .body OL, .body PRE, .body DIV.figure, .body BLOCKQUOTE {
	margin-bottom: 1em;
}

	.body P.perex {
		color: #888;
	}
	
	.body P.note {
		color: #666;
		font-size: 0.85em;
	}

.body H2 {
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #390;
}

.body H3 {
	font-size: 1em;
	color: #390;
}

.body H4 {
	font-weight: 1em;
	color: #000;
}

#more_articles OL {
	margin-left: 2.5em;
}

#more_articles H3,
#more_articles H2 {
	font-weight: normal;
}


.body OL,
.body UL { margin-left: 2.5em; }

	.body UL { list-style-type: disc; }
	.body UL LI { padding-left: 0.2em }
	
.body BLOCKQUOTE,
.body BLOCKQUOTE.story {
	padding-left: 2.5em;
	color: #444;
	background: url(../images/icon-story.gif) no-repeat left top;
}

	.body BLOCKQUOTE {
		background: url(../images/icon-quote.gif) no-repeat left top;
	}
	
		.body BLOCKQUOTE CITE {
			margin-top: 0.5em;
			display: block;
			font-size: 0.85em;
			font-style: normal;
			color: #888;
		}
		
			.body BLOCKQUOTE CITE A {
				color: #888;
			}

.body DIV.figure {
	/* font-size: 0.85em; */
	border: 1px solid #ccc;
	padding: 1em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	_height: 1%;
}

	.body DIV.figure P.title {
		color: #390;
	}

	.body DIV.figure P {
		margin-bottom: 0.2em;
	}
	
	.body DIV.figure P.a_center {
		margin-bottom: 1em;
	}

	.body DIV.figure P.f_right,
	.body DIV.figure P.f_left {
		margin: 0em;
	}
	
	.body DIV.figure P.f_right {
		margin-left: 1em;
	}
	
	.body DIV.figure P.f_left {
		margin-right: 1em;
	}
	
	.body DIV.figure A.embed {
		text-decoration: none !important;
	}
	
	.body DIV.figure A:hover.embed IMG {
		border: 1px solid #c30;
	}
		
	.body DIV.figure A.embed IMG {
		display: block;
		border: 1px solid #03c;
		padding: 1px;
	}
	
	.body DIV.figure .zoom {
		display: block;
		_width: 50%;
		font-size: 0.85em;
		color: #000;
		text-decoration: none;
		margin-top: 0.5em;
		line-height: 24px;
		min-height: 24px;
		_height: 24px;
		background: #fff url(../images/icon-zoom.gif) no-repeat left center;
		padding-left: 24px;
	}
	
CODE {
	color: #800;
	font-family: "Courier New", Courier, monospaced;
	font-size: 1.1em;
}
/* COMMENTS */

#comments {

}

	#comments H2 {
		color: #888;
		font-size: 1.4em;
		letter-spacing: -1px;
		margin-bottom: 0.5em;
	}

		#comments .comment {
			border: 1px solid #ccc;
			padding: 0.5em 1em 0em 2.5em;
			margin-bottom: 1em;
			position: relative;
			/* hiding date field */
			_height: 1%;
		}
		
		/* comment status */
		#content #comments .comment-denied {
			border-left: 3px solid #c30;
			background-color: #fcc;
		}
		
		#content #comments .comment-unaccepted {
			border-left: 3px solid #c30;
			background-color: #ffc;
		}
		
		#comments .comment H3 {
			font-weight: normal;
		}
		
			#comments .comment H3 .number {
				font-weight: bold;
			}
			
			#comments .comment H3 .author {
				font-weight: bold;
				font-size: 1.4em;
				letter-spacing: -1px;
				color: #390;
			}
			#comments .comment H3 .author INPUT {
				color: #390;
			}
			
			#comments .comment .date {
				float: right;
				font-size: 0.85em;
				color: #888;
				display: block;
				padding-top: 0.8em;
			}


	#comments .comment-odd {
		background-color: #f8f8f8;
	}
	
	#comments .comment-edit {
		padding-bottom: 1em;
		padding-right: 2em;
	}
	
	#comments_add {
		padding: 0em 2.5em;
	}
	
		#comments_add.single {
			padding: 0em 4em 0em 0em;
		}
		
	INPUT.big {
		padding: 3px;
		font-size: 1.4em;
		color: #000;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	INPUT.med {
		padding: 3px;
		color: #000;
		font-weight: bold;
	}
	
	TEXTAREA.wide {
		padding: 3px;
		width: 100%;
	}
	
	SELECT.big {
		width: 70%;
	}

/* messages */

.msg {
	padding: 0.5em 0em;
	margin-bottom: 1em;
}

	.msg-floats {
		
	}
		.msg-floats .icon {
			float: left;
			width: 24px;
			display: inline;
		}
		
		.msg-floats .text {
			margin-left: 24px;
		}

	.title .msg {
		padding: 0;
		border: 0;
		background: #fff;
	}
	
		.title .msg IMG {
			margin-right: 0.5em;
		}

	.msg-info {
		background-color: #fff;
		border: 0px;
		padding: 0.5em 0em;
	}

	.msg IMG {
		margin-right: 0.5em;
	}
	
/* FORM */

FORM .submit {
}

FORM .field {
	margin-bottom: 1em;
}
	FORM .field .field-error *,
	FORM .field .field-error {
		color: #c30;
		font-weight: bold;
	}
	
		FORM .field .field-error {
			display: none;
		}
	
	FORM .field .field {
		margin-left: 2.5em;
	}
	
		FORM .checkbox .normal .label {
			margin-left: 0;
		}
		
		FORM .checkbox .normal .control {
			float: none;
		}
	
	FORM .label {
		margin-bottom: 3px;
	}
	
	FORM .control {
		width: 100%;
	}
	FORM .checkbox .checkbox .control,
	FORM .checkbox .control {
		float: left;
		width: auto;
		display: block;
	}
	
	FORM .checkbox .checkbox .label,
	FORM .checkbox .label {
		margin-left: 20px;
		display: block;
	}
	
	FORM .checkbox .checkbox .desc {
		margin-left: 20px;
	}
	
	FORM .value {
		font-size: 0.85em;
	}
	
	FORM .required {
		color: #c30;
		font-size: 0.85em;
	}
	
	FORM .desc {
		font-size: 0.85em;
	}
	
	/* for JS errors */
	FORM INPUT.fieldWithErrors,
	FORM TEXTAREA.fieldWithErrors,
	/* for Rails errors */
	FORM .fieldWithErrors INPUT,
	FORM .fieldWithErrors TEXTAREA {
		border: 2px solid #c30;
	}
	
	/* disable colored texts and required notices */
	
	FORM .fieldHolderWithErrors LABEL,
	FORM .fieldHolderWithErrors .required {
		display: none;
	}
	
	FORM.formWithErrors A,
	FORM.formWithErrors CODE,
	FORM.formWithErrors .red {
		color: #000 !important;
	}
	
	FORM.formWithErrors .required {
		color: #888;
	}

/* ERRORS */

.error H1 .main-heading {
	color: #c30;
	font-size: 1.1em;
	letter-spacing: 0px;
	margin-bottom: 0em;
}
	
.error .sub-heading {
	margin-top: 0em;
	margin-left: 2.5em;
	color: #888;
	font-size: 0.85em;
}

.error .description {
	margin-left: 2.5em;
	font-weight: bold;
}

	.error .description UL {
		margin-top: 0.5em;
	}
	.error .description UL LI {
		background: #fff url(../images/bullet-red.gif) no-repeat left 0.2em;
		padding-left: 20px;
		padding-bottom: 0.2em;
		color: #c30;
	}

.error H2 {
	font-size: 1em;
	letter-spacing: 0px;
	color: #000;
}

.error H1 {
	display: block;
	background: #fff url(../images/icon-warning-24.gif) no-repeat left center;
	min-height: 24px;
	_height: 24px;
	line-height: 24px;
	padding-left: 2.5em;
}

.error H1 IMG {
	display: none;
	/* margin-right: 15px; */
}

.body .error {
	margin-left: 2.5em;
}
	
	.body .error UL {
		margin-top: 0.5em;
		margin-left: 0;
		list-style: none;
	}
	.body .error UL LI {
		background: #fff url(../images/bullet-red.gif) no-repeat 2px 0.2em;
		padding-left: 20px;
	}
	
	.body .error UL LI.backto {
		background-image: url(../images/icon-backto-16.gif);
		background-position: 0px 0.2em;
	}
	
/* ARTICLE LISTS */

.articles {
	list-style: none;
}

.group {
}

	.group UL {
		margin-bottom: 1em;
	}
	.group H2 {
		font-weight: normal;
		color: #390;
		margin-bottom: 0.5em;
	}
	
	.group LI {
		margin-left: 2.5em;
	}
		.col .group LI {
			margin-left: 1.5em;
		}

	.group .list {
		padding-top: 0.5em;
		border-left: 4px solid #f0f0f0;
		_border-bottom: 1px solid white;
	}
	
	.group H2.group-title,
	.group H3.group-title {
		color: #000;
		margin: 0;
	}
		
		.group-title A {
			color: #000;
			text-decoration: none;
			padding-right: 1em;
		}


.expanded {

}
	
	.expanded .group-title {
		display: block;
	}
	
	.expanded .group-title A {
		background: url(../images/icon-collapse.gif) right center no-repeat;
		/* text-decoration: none; */
	}
		.expanded .list {
			display: block;
		}
		
.collapsed {
}
	.collapsed .group-title A {
		background: url(../images/icon-expand.gif) right center no-repeat;
		text-decoration: underline;
	}
	
		.collapsed .list {
			display: none;
		}

/* ARCHIVE */

#archive LI {
	padding: 0px;
	margin-bottom: 0.5em;
}

/* ANCHORS */

.anchor {
	display: block;
	width: 32px;
	position: absolute;
	top: 0px;
	text-align: left;
	/* cursor: default; */
	text-decoration: none;
}

.anchor SPAN {
	position: absolute;
	left: -9000px;
}

.show-anchor-frame {
	background-color: #ffc;
}

	/* .perex .anchor, */
	
	.show-all-anchors .anchor
	{
		background: url(../images/icon-anchor.gif) no-repeat center top;
	}

/*
	.show-anchor-frame .anchor SPAN {
		position: absolute;
		display: block;
		padding: 3px;
		left: 32px;
		top: 0px;
		line-height: 10px;
		color: #000 !important;
		font-size: 8pt;
		background-color: #fff;
	}
*/

#article_content {
	position: relative;
}

#author {
	float: right;
	width: 20em;
	margin-bottom: 1em;
	margin-left: -7em;
	position: relative;
	left: 8em;
	background: #fff url(../images/bg-box.gif) no-repeat left bottom;
}

	#author .elm {
		padding-bottom: 0.5em;
	}

	#author .body {
		padding: 1em;
		border: 1px solid #ccc;
	}
	
	#author .body P {
		font-size: 0.85em;
	}
	
	#author .body H2 {
		font-size: 0.85em;
		text-transform: uppercase;
		font-weight: normal;
		color: #000;
		letter-spacing: 0px;
		margin: 0em;
	}
	
	#author .body H2.more {
		margin-bottom: 1em;
	}
	
	#author .body H3 {
		font-size: 1.4em;
		letter-spacing: -1px;
		color: #390;
		margin: 0em 0em 0.2em 0em;
	}

#author IMG {
	float: left;
	margin: 0em 1em 0.5em 0em;
}


.web-url {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -1px;
	top: -1px;
}