@charset "utf-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	height: 100%;
}
body {
	height: 100%;
	background: #333333;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1, h1 a {
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
	text-decoration: none;
}
h2 {
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #939393;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 12px;
}
h3 a {
	font-size: 17px;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 20px;
}
h5 {
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}
p {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 15px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.bordered {
	height: 1px;
	border-bottom: solid 1px #cccccc;
}
a {
	color: #0096ff;
	font-weight: bold;
	font-size: 12px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:hover,
a:focus,
a:active {
	/*outline: 1px dotted #0096ff;
	*/background: #0096ff;
	color: #ffffff;
	text-decoration: none;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
blockquote {
	color: #333333;
	text-indent: 15px;
	padding-bottom: 20px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 955px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
/*  header   */
#wrapper #header {
	height: 67px;
	padding: 14px 0 8px 0;
	background: #333333;
}
#wrapper #header a.logo {
	display: block;
	height: 67px;
	width: 183px;
	position: relative;
	float: left;
}
#wrapper #header a.logo:hover,
#wrapper #header a.logo:active,
#wrapper #header a.logo:focus {
	background: none;	
}
#wrapper #header .logo span {
	height: 100%;
	width: 100%;
	left: -1px;
	position: absolute;
	background: top left no-repeat url(images/logo.gif);
}
/* sub menu*/
#wrapper #sub-menu {
	height: 50px;
	padding: 0 24px;
	background: #dcdcdc;
}
#wrapper #sub-menu span{
	float: right;
	font-size: 12px;
	padding: 20px 0 0 25px;
}
#wrapper #sub-menu span a{
	margin: 0 0 0 5px;
}
/* page  */
#wrapper #page {
	background: #ffffff;
	padding-bottom: 112px;
}
#wrapper #page #left{
	width: 624px;
	padding: 0 24px;
	float: left;	
}
#wrapper #page #left .single-post ol,
#wrapper #page #left .single-post ul {
	color: #333333;
	padding-bottom: 5px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#wrapper #page #left .single-post ol {
	list-style: decimal;
}	
#wrapper #page #left .single-post ol li {
 	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 35px;
}
#wrapper #page #left .single-post ul li {
	background: transparent url(images/dot.gif) no-repeat scroll 0 8px;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 15px;
	padding-left: 15px;
}
#wrapper #page #left .single-post .attrib {
	display: block;
	font-size: 12px;
	color: #222222;
	margin: 12px 0;
}
#wrapper #page #left .single-post .attrib span.category,
#wrapper #page #left .single-post .attrib span.comments,
#wrapper #page #left .single-post .attrib span.date{
	font-size: 12px;
	color: #222222;
	margin: 0 5px;
}
#wrapper #page #left .single-post .attrib a{
	font-size: 12px;
	color: #0096ff;
}
#wrapper #page #left .single-post .attrib a:hover,
#wrapper #page #left .single-post .attrib a:active,
#wrapper #page #left .single-post .attrib a:focus {
	color: #fff;
	text-decoration: none;
}
#wrapper #page #left .paginator {
	display: block;
	padding: 18px 0 8px;
}
#wrapper #page #left #comm-area {
	background: #eeeeee;
	padding: 15px;
	margin-bottom: 30px;
}
#wrapper #page #left #comm-area .single-comm{
	padding-bottom: 20px;
}
#wrapper #page #left #comm-area .single-comm p{
	padding: 0;
}
#wrapper #page #left #comm-area .single-comm span.info{
	display: block;
}
#wrapper #page #left #comm-area .single-comm span.date{
	font-size: 10px;
	line-height: 22px;
	padding-left: 7px;
}
#wrapper #page #left #wrapper-message {
}
/*message form*/
#wrapper #page .label {
	font-size: 12px;
	margin: 0 10px 0;
	color: #333333;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#wrapper #page .input,
#wrapper #page .text {
	display: block;
	margin: 4px 10px 15px;
	width: 461px;
	color: #222222;
	border-left: solid 1px #b6b6b6;
	border-bottom: solid 1px #dbdbdb;
	border-top: solid 1px #737373;
	border-right: solid 1px #b4b4b4;
	padding: 5px 7px;
	background: #fffffb top left repeat-x url(images/input-bg.gif);
	outline: 0 none;
	font-size: 14px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.f-button {
	float: left;
	width: 70px;
	font-size: 13px;
	line-height: 17px;
	padding: 2px 8px;
	margin: 0 0 0 10px;
	cursor: pointer;
	border-width: 1px;
	border-color: #BBBBBB;
	border-style: solid;
	color: #464646;
	text-shadow: 0 1px 0 #f0f0ee;
	background: #F2F2F2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-khtml-box-sizing:content-box;
	box-sizing:content-box;
}
.f-button:hover,
.f-button:active,
.f-button:focus {
	border-color: #666666;
}
/* sidebar */
#wrapper #page #sidebar {
	float: right;
	width: 220px;
	padding: 34px 60px 0 0;
}
#wrapper #page #sidebar ul {
	padding-bottom: 20px;
}
#wrapper #page #sidebar ul li {
	padding-bottom: 10px;
	background: none;
}
#wrapper #page #sidebar ul li a{
	line-height: 20px;
}
#wrapper #page #sidebar p span.date {
	display: block;
	font-size: 11px;
	font-style: italic;
}
/*  footer  */
#wrapper #wrapperfooter {
	position: absolute;
	bottom: 0;
	background: #333333;
}
#wrapper #wrapperfooter #footer {
	width: 955px;
	height: 102px;
	background: #333333;
}
#wrapper #wrapperfooter #footer #bottom-f-page {
	height: 34px;
	width: 931px;
	padding: 0 12px 14px;
	background: #ffffff;
}
#wrapper #wrapperfooter #footer #bottom-f-page #copyright-line {
	padding: 11px 15px 0;
	height: 23px;
	background: #333333;
}
#wrapper #wrapperfooter #footer #bottom-f-page #copyright-line p {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	line-height: 13px;
	float: left;
}
#wrapper #wrapperfooter #footer #bottom-f-page #copyright-line #counters {
	float: right;
}
#wrapper #wrapperfooter #footer #bottom-f-page #copyright-line #counters p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 13px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#wrapper #wrapperfooter #footer #bottom-f-page #copyright-line #counters a {
	margin: 0 5px 0 25px;
	padding: 0;
	color: #0096ff;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
/*  doejo  link  */
#wrapper #wrapperfooter #footer a#doejo {
	display: block;
	width: 95px;
	height: 18px;
	position: relative;
	line-height: 14px;
	margin: 17px 19px 0 0;
	font-size: 8px;
	float: right;
	white-space: nowrap;
}
#wrapper #wrapperfooter #footer a#doejo:hover,
#wrapper #wrapperfooter #footer a#doejo:focus,
#wrapper #wrapperfooter #footer a#doejo:active {
	background: none;	
}
#wrapper #wrapperfooter #footer #doejo span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: -1px;
	background: right center no-repeat url(images/doejo.gif);
	cursor: pointer;
}
#wrapper #wrapperfooter #footer #bottom-menu {
	float: left;
	padding: 17px 0 0 12px;
}
#wrapper #wrapperfooter #footer #bottom-menu a {
	display: block;
	line-height: 14px;
	font-size: 12px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #555555;
	float: left;
}
#wrapper #wrapperfooter #footer #bottom-menu a:hover, #wrapper #wrapperfooter #footer #bottom-menu a:active {
	color: #8b8b8b;
	background: none;
}
/* -- */

.tooltip {
	line-height:45px;
	height: 45px;
	position: absolute;
	z-index: 100;
	left: 164px;
	top: -32px;
	padding-left:24px;
	background: left top no-repeat url(http://www.texthog.com/gui/images/notice_left.png);
	display: none;
}
.tooltip .tooltip_middle {
	float: left;
	line-height:27px;
	height: 45px;
	background: right top repeat-x url(http://www.texthog.com/gui/images/notice_middle.png);
	font-size: 10px;
}
.tooltip .tooltip_right {
	float: left;
	height: 45px;
	background: right top no-repeat url(http://www.texthog.com/gui/images/notice_right.png);
	width: 23px;
}
* html body .tooltip {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.texthog.com/gui/images/notice_left.png', sizingMethod='crop');
	background: none;
}
* html body .tooltip .tooltip_middle {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.texthog.com/gui/images/notice_middle.png', sizingMethod='scale');
	background: none;
	width: 50px;
	white-space: nowrap;
}
* html body .tooltip .tooltip_right {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.texthog.com/gui/images/notice_right2.png', sizingMethod='crop');
	background: none;
}
#wrapper .checkbox {
	float: left;
}
#wrapper .checkbox-label {
	font-size: 11px;
	float: left;
	line-height: 21px;
	padding-bottom: 5px;
	padding-left: 5px
}
#wrapper #page .recent-phrase .rate-a-phrase {
	position: absolute;
	width: 120px;
	background: #FFF;
	right: 9px;
	top: 14px;
	height: 30px;
	display: none;
	font-size: 10px;
	text-align: right;
}
#wrapper #page .recent-phrase .rate-a-phrase span {
	cursor: pointer;
}
#wrapper #page .recent-phrase .box {
	position: absolute;
	width: 100px;
	background: #FFFFEF;
	border: 1px solid #FFFFB8;
	right: 0px;
	top: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	padding: 10px;
	line-height: 13px;
	display: none;
}
#wrapper #page .signupbox {
	width: 702px;
	background: #FFFFEF;
	border: 1px solid #FFFFB8;
	top: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	padding: 10px;
	line-height: 13px;
}
#wrapper #page .recent-phrase .box a {
	font-size: 10px;
	font-weight: normal;
	background: none;
	color: #0096ff;
}
.toolwr {
	position: relative;
}
#recaptcha_widget_div {
	padding-top: 10px;
}
.facebook_sign {
	background: url(images/all-icons.gif) no-repeat;
	background-position: 0 -34px;
	padding-left: 23px;
}
.facebook_div {
	padding-top: 10px;
}
.facebook_div p {
	font-weight: bold;
}

.important {
	color: #C33;
}

#wrapper #page #coinit-form .nopad {
	padding: 0;
}

#wrapper #page #coinit-form #oldprice{
	text-decoration:line-through;
}

#wrapper #page #coinit-form .newprice{
	color: #F00;
}

#wrapper #page #coinit-form #regprice{
	display: none;
}

#wrapper #page #coinit-form .disabled {
	color: #666;
}

/* ======== */
#wrapper #page #home-page #creator #options-window table.opt td span.selected {
	background: url(images/border.gif);
	cursor: pointer;
}

#wrapper #page #home-page #creator #options-window table.opt td span {
	cursor: pointer;
}


/* Twitter */
#sidebar ul.twitter {
	color:#333333;
	font-family: "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	padding: 0;
	margin: 0;
}
#wrapper #page #sidebar li.twitter-item {
	padding: 0 0 20px;
}
#sidebar p {
	padding: 0;
	margin: 0 0 10px;
}
#sidebar .twitter-timestamp {
	display: block;
	font-style: italic;
	font-size: 11px;
}
#sidebar a.twitter-link,
#sidebar a.twitter-user {
	text-decoration: none;
	background: none;
	color: #0096ff;
}
#sidebar a.twitter-link:hover,
#sidebar a.twitter-user:hover,
#sidebar a.twitter-link:active,
#sidebar a.twitter-user:active,
#sidebar a.twitter-link:focus,
#sidebar a.twitter-user:focus {
	text-decoration: underline;
	outline: 0 none;
	background: none;
	color: #0096ff;
}
/* sign up */
.form {
	float: right;
	padding-top: 40px;
}
.form form .input,
.form form .text{
	font-size: 14px;
	margin-right: 5px;
	padding: 2px 2px 4px;
	background: #eeeeee;
	border: 0 solid #EEEEEE;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
}
.form form .btn{
	font-size:11px;
	background: #555555;
	color: #eeeeee;
	border: solid 0 #eeeeee;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding: 4px 0 4px;
}
.form form label {
	font-size: 12px;
	color: #ffffff;
	margin-right: 10px;
	text-transform: uppercase;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.single-post .alignleft {
	float: left;	
}

.single-post .alignright {
	float: right;
}

.single-post img.alignleft {
	margin: 8px 15px 5px 5px;
}

.single-post img.alignright {
	margin: 8px 5px 5px 15px;
}