/*
	Tanraya CSS framework.
	Version: 0.2
	Date: 22 November 2008

	= Base stylesheets. =

	Default framework styles. You can redefine this styles in custom site
	stylesheet, but not in this file.
*/

html, body {
	margin: 0;
	padding: 0;
}

html {
	line-height: 1;
	filter: expression(runtimeStyle.filter = '', document.execCommand('BackgroundImageCache', false, true));
}

body {
	height: 100%;

	/* Min-height */
	min-height: 100%;

	width: 100%;
	background-color: #fff;

	font: 0.75em/1.5 Arial, Helvetica, sans-serif;
    line-height: 1.2em;
}

/* Headers default styles */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
}

/* Other */
*:focus { outline: none; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }


/* Useful shortcuts */
	/* Set hasLayout property to some container (this fix IE bug) */
	.container { zoom: 1; }

	/* Elements align shortcuts */
	.a-left { text-align: left; }
	.a-center { text-align: center; }
	.a-right { text-align: right; }

	.centered { margin: 0 auto; }

	/* Elements float shortcuts */
	.f-left { float: left; }
	.f-right { float: right; }

	/* Behaviours (for IE) */
	.png {
		behavior: url('iepngfix.htc');
	}


/* Columns (see: http://css-framework.ru/wiki/documentation/columns) */
	.columns { width: 100%; overflow: hidden; }
	.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55,
	.w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66,
	.w-38, .w-62 { float: left; overflow: hidden; }

	.col-content { padding: 0 6px; }
	.col-first { padding-left: 0!important; }
	.col-last { padding-right: 0!important; }

	.w-5 { width: 5%; }
	.w-10 { width: 10%; }
	.w-15 { width: 15%; }
	.w-20 { width: 20%; }
	.w-25 { width: 25%; }
	.w-30 { width: 30%; }
	.w-35 { width: 35%; }
	.w-40 { width: 40%; }
	.w-45 { width: 45%; }
	.w-50 { width: 50%; }
	.w-55 { width: 55%; }
	.w-60 { width: 60%; }
	.w-65 { width: 65%; }
	.w-70 { width: 70%; }
	.w-75 { width: 75%; }
	.w-80 { width: 80%; }
	.w-85 { width: 85%; }
	.w-90 { width: 90%; }
	.w-95 { width: 95%; }
	.w-100 { width: 100%; }

	.w-33 { width: 33%; }
	.w-66 { width: 66%; }

	.w-38 { width: 38%; }
	.w-62 { width: 62%; }


/* Default table styles */
	table { border-collapse: collapse; }


/* Default image styles */
	img { border: 0 }
	img.f-left { margin-right: 1em; }
	img.f-right { margin-left: 1em; }


/* Default form styles */
	form { margin: 0; }
	form fieldset { border: 1px solid #333; }
	form legend {
		padding: 3px 15px;
		background: #333;
		color: #fff;
		margin-left: 15px;
	}

	form label { cursor: hand; cursor: pointer; }
	form .f-row { overflow: hidden; margin-bottom: 3px; }
	form label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
	form small { color: #555; font-style: italic; }
	form .f-inputs { padding-left: 30%;  }
	form .f-actions {  }

/* Default styles for input fields */
	input { vertical-align: middle }
	input.f-checkbox { margin-top: 3px; }


	/* Input and textarea styles */
	input.f-text,
	textarea {
		width: 200px;
		padding: 2px 3px;
		font: 1em sans-serif;
		background-color: #f9f9f9;
		border: 1px solid #steelblue;
	}

	input:focus.f-text,
	textarea:focus {
		border-color: steelblue;
		background-color: #fff;
	}


	/* Button styles */
	input.button {
		padding: 3px 7px;
		width: auto;
		overflow: visible;
	}

	input.button:hover {
		background-color: #eee;
	}

	input.button:focus {
		border-color: steelblue;
	}

/* Content styles */
#content {
    line-height: 1.68em;
    color: #222;
}
    /* Remove first element top margin */
    #content *:first-child { margin-top: 0; }

    /* Content table */
	#content table { border-collapse: collapse; width: 100%; margin: 0 0 1em 0; }
	#content table th, #content table table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
	#content table th { background: #f4f4f4; }

	/* Content headers */
	#content h1 { font-size: 150%; }
    #content h2 { font-size: 140%; }
    #content h3 { font-size: 130%; }
    #content h4 { font-size: 120%; }
    #content h5 { font-size: 110%; }
    #content h6 { font-size: 100%; }

    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
    	margin: 0 0 0.5em 0 !important;
    	color: #270100;
    	font-weight: normal;
    }

    /* Content blockquote */
    #content blockquote {
        margin: 0 0 0.5em 1.5em;
        border-left: 1px solid gray;
        padding-left: 10px;
    }

    #content p, #content ul { margin: 0 0 1em 0; line-height: 1.2em; }

    /* Content link styles */
	#content a:link { color: #0066cc; }
	#content a:visited {  }
	#content a:hover {  }
	#content a:active {  }

    /* Content lists styles */
    #content ul, #content ol, #content dd {
    	margin-left: 1.5em;
    }

    /* Content code and pre styles */
    #content code, #content pre {
        font: 1em "Courier New", Courier, monospace;
        padding: 0.5em;
        background: #eee;
    }

    /* Content hr line styles */
    #content hr {
        color: #ccc;
        background-color: #ccc;
        height: 1px;
        border-width: 0px;
        margin: 0 0 1em 0;
    }

    #content hr + * { margin-top: 0.7em; }

    /* Content image styles */
    #content img {
        padding: 0.5em;
        border: 1px solid #ccc !important;
        margin-top: 0.4em;
    }