/*
	User Agent: CCBOT/1.0 (+HTTP://WWW.COMMONCRAWL.ORG/BOT.HTML)
	OS: OTHER
	Browser: OTHER
	Version: 
*/

html
{
	height: 100%;
	margin-bottom: 0.1em;
}

img
{
	border: 0;
}

body
{
	background-color: silver;
	font: 62.5% "Lucida Grande", Verdana, Arial, Sans-Serif;
	margin: 0 0 30px;
}

div.page
{
	position: relative;
	
	/* Border */
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top-style: none;
	border-top-width: 5px;
	
	/* Sizing */
	width: 780px;
	min-height: 500px;
	
	/* Margin */
	margin: 0 auto;
	padding: 15px 0 10px;

	background-color: black;
}

div.header
{
	background: url("http://images.tj-coding.com/header_2007.jpg");
	
	width: 780px;
	height: 200px;
	
	color: white;
	
	position: relative;
}

div.content
{
	min-height: 340px;
	
	/* Font */
	font: 16px/18px times;

	/* Coloring */
	background-color: #657383;
	color: white;
	
	/* Margin & Padding */
	padding: 10px;
	margin: 15px 15px 0 15px;
}

div.content a
{
	color: inherit;
	font-weight: bold;
}

div.content a:hover
{
	color: inherit;
	text-decoration: none;
}

div.url_box
{
	width: 425px;
	margin: auto;
	/*text-align: center;*/
}

div.url_box input[type="text"]
{
	width: 400px;
	margin-left: 25px;
}

div.client
{
	display: none;
	visibility: hidden;
	overflow: hidden;
}

p.description
{
	font-size: 1.2em;
	margin: 0 40px;
}

p.question
{
	font-weight: bold;
}

p.answer
{
	margin-left: 2em;
}

p.question, p.answer
{
	margin-top: 0;
	margin-bottom: 0;
}

p.error
{
	color: red;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.note, .inote
{
	color: white;
	font-size: 0.8em;
}

.inote
{
	display: inline;
}

p.page_nav a, p.page_nav a:hover
{
	color: black;
}

p.page_nav
{
	color: gray;
	text-align: center;
	font-weight: bold;
}

p.right
{
	margin: 0;
}

.right
{
	text-align: right;
}

.narrow
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div.narrow hr
{
	width: 100%;
}

.buffer
{
	visibility: hidden;
	width: 0;
	height: 0;
}

table td, table th
{
	padding: 2px;
}

.user_td, .ncuser_td,
.confirmed, .nconfirmed
{
	color:  #6698FF;
	font-weight: bolder;
}

.ncuser_td, .nconfirmed
{
	font-weight: normal;
}

ul.auth_list li span
{
	color: black;
	font-weight: bolder;
}

.selected
{
	background-color: #6698FF;
}

table.details
{
	float: right;
	margin: 5%;
	width: 50%;
}

table.details td
{
	text-align: center;
}

table.client_details
{
	margin: 5px auto;
	height: 75px;
	width: 90%;
}

div.user_list
{
	width: 40%;
}

.pointer
{
	cursor: pointer;
}

.red
{
	color: red;
}

.green
{
	color: green;
}

.center
{
	text-align: center;
}

div.login
{
	width: 300px;
	margin: 80px auto;
	padding: 10px;
	border: 1px solid black;
	background-color: #6698FF;
}

div.login input[type="text"],
div.login input[type="password"],
div.tab input[type="text"]
{
	margin-left: 25px;
}

hr
{
	width: 90%;
	height: 1px;
	border: 0;
	background-color: black;
}

table
{
	width: 80%;
	margin: auto;
	
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

table td form
{
	margin: 0;
}

table th
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 2px;
	border-collapse: collapse;
}

table td
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

div.copyright
{
	/* Alignment */
	text-align: center;
	vertical-align: bottom;

	/* Font */
	font-size: x-small;

	margin: 2px auto;
}

div.copyright,
div.copyright a,
div.copyright a:hover,
div.copyright a:visited,
div.copyright a.hide
{
	color: black;
	text-decoration: none;
}

div.copyright a:hover
{
	text-decoration: underline;
}

div.copyright a.hide:hover
{
	text-decoration: none;
}

ul.upper_menu
{
	position: relative;
	top: 0;
	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	text-align: right;
}

ul.upper_menu li
{
	display: inline;
	margin: 0;
}

ul.upper_menu,
ul.upper_menu li a
{
	padding: 5px 8px 6px;
}

ul.upper_menu li,
ul.upper_menu li a
{
	color: white;
	text-decoration: none;
	font: bold 12px/14px arial;
}

ul.upper_menu li a:hover
{
	text-decoration: underline;
}

ul.menu
{
	list-style-type: none;
	
	position: absolute;
	bottom: 0;
	
	width: 95%;
	
	margin: 0 auto;
	padding: 0;
}

ul.menu li
{
	display: inline;
	margin: 0;
}

ul.menu .menu_right
{
	position: absolute;
	right: 0;
}

ul.menu,
ul.menu li a
{
	padding: 5px 8px 6px;
}

ul.menu li a
{
	color: white;
	text-decoration: none;
	font: bold 14px/16px arial;
}

ul.menu li a:hover
{
	text-decoration: underline;
}

ul.sub_menu
{
	position: relative;
	top: 0;
	
	margin: -10px -10px 10px -10px;
	padding: 0;
	
	list-style-type: none;
	background-color: #6698FF;
	
	border-bottom: 1px solid black;
}

ul.sub_menu li
{
	display: inline;
	margin: 0;
}

ul.sub_menu,
ul.sub_menu li a
{
	padding: 5px 8px 6px;
}

ul.sub_menu li,
ul.sub_menu li a
{
	color: black;
	text-decoration: none;
	font: bold 14px/16px arial;
}

ul.sub_menu li a:hover
{
	text-decoration: underline;
}

#iframe_container
{
	text-align: center;
}

#images_container
{
	float: left;
	position: relative;
	left: 0;
	width: 150px;
	height: 685px;
	margin: 0;
	overflow: auto;
}

#imgs
{
	position: relative;
	width: 670px;
	height: 425px;
	margin: 10px auto;
	overflow: auto;
	border: 1px solid black;
}

#images_container h4,
#imgs h4
{
	background-color: #6698FF;
	text-align: center;
	color: black;
	height: 25px;
	margin: 0;
	padding: 5px 0;
	font-size: 1.5em;
}

#images_container div,
#imgs div
{
	margin: 10px;
	width: 100px;
	height: 100px;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
	z-index: 100;
}

#images_container div:hover,
#imgs div:hover
{
	border-color: #529EBD;
}

#images_container img.load,
#imgs img.load
{
	margin: 36px;
}

#iframe_container iframe
{
	border: none;
	height: 50px;
	width: 450px;
	overflow: hidden;
}

fieldset
{
	border: 0;
}

fieldset.user
{
	display: inline;
	border: 1px solid black;
	padding: 8px;
}

input, select , textarea
{
	border: 1px solid black;
	margin-bottom: 1px;
	padding: 1px;
}

input[type="button"],
input[type="submit"],
input[type="reset"]
{
	margin: 5px 1px;
	padding: 2px;
}

input[name="qid"]
{
	color: black;
	text-align: center;
}

textarea[name="content"]
{
	height: 475px;
}

textarea[name="comment_content"]
{
	width: 50%;
	height: 150px;
}

input[name="title"]
{
	width: 100%;
	font-size: 25px;
	background-color: #EAEAEC;
}

input[name="title"]:focus
{
	background-color: white;
}

h1, h2, h3, h4
{
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}

h1
{
	font-size: 3.4em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 50px 40px 0;
}

h1, h1 a, h1 a:hover, h1 a:visited, p.description
{
	text-decoration: none;
	color: white;
}

h1 a:hover
{
	text-decoration: underline;
}

h2
{
	text-align: center;
	font-size: 2.6em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding: 25px 0;
	margin: 0;
}

h3
{
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding: 12px 0;
	margin: 0;
}

div.blog
{
	color: black;
	background-color: #6698CC;
	
	font: 12pt/14pt "Times";
	
	padding: 2px 10px;
	border: 1px solid black;
	
	margin: 0 auto 10px auto;
	width: 85%;
}

div.blog pre.code
{
	border: 1px dashed gray;
	background-color: #C2DFFF;
	color: gray;
	
	width: 85%;
	margin: 5px auto;
	padding: 5px 5px 5px 15px;
	
	font: 10pt/12pt arial;
}

div.blog p.highlight,
div.blog span.ihighlight
{
	background: #FFFF99;
	margin: 0;
	padding: 1px;
}

/*exclude*/
div.blog#comment
{
	width: 70%;
}

div.post_content p
{
	margin: 14px 5px 14px 5px;
}

div.blog p.title
{
	font: 14pt/16pt "Times";
}

div.blog p.title,
div.blog p.comments,
div.blog p.comments a
{
	color: white;
	font-weight: bold;
}

div.blog p.comments
{
	text-align: right;
}

div.blog > p
{
	margin: 0;
	padding: 2px;
}

div.blog form
{
	display: inline;
	margin: 0 8px;
}

div.blog span.edit
{
	font-size: 10pt;
	margin-left: 14px;
}