/* @group General */
/* 3366ff */


* {
	outline: none;
}

body {
	width: 100%;
	margin: 0;
	font: 16px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

a 				{text-decoration: none;color: #3366ff;}
a img 		{border: double 3px #444;}
a:hover 	{color: #3366ff;}
a:active 	{color: #3366ff;}
a:visited 	{color: #3366ff;}

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	padding:30px 0;
	text-align:center;
	text-shadow:0 1px 1px white;
	margin-bottom:30px;
	background:url("../img/page_bg.gif") repeat-x bottom #f8f8f8;
}


h2{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid;
	margin: 0 0 10px 0;
}

img	a {border: double 3px #444; }

ul {margin: 5px 0;}


div#desc { width: 400px; float: left; }
div#link { width: 200px; float: left;}


div#postContainer 	{width: 100%; float: left; margin: 15px 0; border-bottom: 1px dotted #444; }
div#postImage 			{width: 305px; float: left;}
div#postText 				{width: 390px; height: 172px; float: left; }
div#postTextFooter 	{width: 390px; height: 20px; float:left; text-align: right; }

div#postContainer img	{border: double 3px #444; }



input.text {
	
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

textarea {
	
}

/* @end */

/* @group Structure */

#container {
	overflow: hidden;
	width: 100%;
	min-width: 700px;
	margin: 0;
	position: relative;
}

#head {
	background: #333;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;	
}


#head .main_function_bar 					{overflow: hidden; }
#head .main_function_bar a 				{color: #fff; }

.promotion_bar 			{width: 100%;padding: 11px 20px;text-align: left;background-color: #444;font-size: 11px;color: #ccc;top: 36px;}
.promotion_bar p 		{margin: 0; line-height: 14px;}
.promotion_bar span {color: #fff;}
.promotion_bar a 		{color: #FFF;}


#content {
	position: relative;
}

#foot {
	width: 700px;
	clear: both;
	color: #ccc;
	font-size: 70%;
	margin: 0 auto 200px;
	padding: 0 0;
	position: relative;
}

#wrap {
	width: 700px;
	margin: 0 auto;
	padding: 30px;
	overflow: hidden;
	position: relative;
}

#wrap.full {
	width: 100%;
	padding: 0;
}



#head a					{font-size: 15px;	float: left;	width:90px;	height: 19px;	padding: 8px 10px;color: #FFF;text-align: center;}
#head a:hover 	{background-color: #444;text-decoration: none;}
#head a:active {background-color: #444;text-decoration: none;}

#head .functions ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

#head .functions ul li {
	float: left;
}

#head .functions ul li a, #head .functions ul li em {
	padding: 11px;
	display: block;
	font-style: normal;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 9px 11px;
}

#head .functions ul li a:hover {
	background-color: #444;
}

#head .functions ul li em {
	background-color: #fff;
	color: #333;
}

#head .functions ul li.post a {
	padding-left: 25px;
	background: url(../img/add_post.png) no-repeat 10px 13px;
}

#head .functions ul li.post a:hover {
	background-color: #444;
}

#head .functions ul li.post em {
	padding-left: 25px;
	background: #fff url(../img/add_post.png) no-repeat 10px -13px;
}

/* @end */

/* @group big_logo */

#big_logo h1 {
	width: 100%;
	height: 200px;
	text-indent: -999px;
	background: url(../img/big_logo_1.5.png) no-repeat;
	margin: 45px 0 20px;
}

/* @end */

/* @group Navigation */

#navigation {
	position: relative;
	float: left;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 700px;
	font-size: 30px;
	font-weight: bold;
}

#navigation ul li {
	float: left;
	margin-right: 5px;
	position: relative;
}

#navigation ul li a, #navigation ul li em {
	font-style: normal;
	padding: 5px 5px 5px 20px;
	display: block;
	float: left;
}

#navigation ul li a.drop {
	text-indent: -9999px;
	padding: 0;
	width: 20px;
	background: url(../img/main_nav_arrow.png) no-repeat 0 15px;
}

#navigation ul li.first_child a.drop {
	padding: 0;
}

#navigation ul li a.drop:hover {
	background: url(../img/main_nav_arrow.png) no-repeat -16px 15px;
}

#navigation ul li a.drop:active {
	background: url(../img/main_nav_arrow.png) no-repeat -32px 15px;
}

#navigation ul li em {
	color: #333;
}

#navigation ul li a {
	color: #ccc;
	text-decoration: none;
}

#navigation ul li.first_child a, #navigation ul li.first_child em {
	padding-left: 0;
}

#navigation ul li a:hover {
	color: #bbb;
}

#navigation ul li a:active {
	color: #aaa;
}

#navigation ul li.search {
	float: right;
	margin-right: 0;
}

#navigation ul li.search input.text {
	display: block;
	margin: 9px 0px 9px 10px;
	border: 4px solid #f5f5f5;
	padding: 2px 5px 3px 25px;
	font-size: 14px;
	font-weight: bold;
	width: 90px;
	color: #ccc;
	background: #fff url(../img/search_glass.png) no-repeat 5px 4px;
}

#navigation ul li.search input.text.focus {
	color: #333;
	background: #fff url(../img/search_glass.png) no-repeat 5px -20px;
}

#navigation ul.range {
	position: absolute;
	z-index: 2;
	top: 45px;
	left: 0;
	background-color: #f5f5f5;
	background-image: none;
	border-bottom: 5px solid #dfdfdf;
	border-top: 0;
	width: auto;
}

#navigation ul.range li {
	float: none;
	margin: 0;
}

#navigation ul.range li em, #navigation ul.range li a {
	padding: 10px;
	padding-right: 30px;
	float: none;
}

#navigation ul.range li em {
	color: #555;
	background: url(../img/main_nav_range_check.png) no-repeat right;
}

#navigation ul.range li a:hover {
	background-color: #eee;
}

/* @end */

/* @group Display Range */

#display_control {
	margin-bottom: 10px;
	clear: both;
	float: left;
	width: 700px;
}

#display_control ul {
	margin: 0;
	padding: 5px 0px;
	list-style-type: none;
	overflow: hidden;
	float: left;
}

#display_control ul.display_mode {
	float: right;
}

#display_control ul li {
	float: left;
	font-size: 12px;
	padding: 5px;
}

#display_control ul li em, #display_control ul li span {
	font-style: normal;
	line-height: 12px;
	color: #333;
}

#display_control ul.display_mode li.tile,#display_control ul.display_mode li.list {
	padding: 0;
	text-indent: -9999px;
}

#display_control li.first_child {
	padding-left: 0;
}

#display_control ul.display_mode li a {
	display: block;
	width: 22px;
	height: 22px;
}

#display_control ul.display_mode li.tile a {
	background: url(../img/display_control.png) 44px;
	width: 17px;
}

#display_control ul li.tile a:hover {
	background: url(../img/display_control.png) 22px;
}

#display_control ul.display_content li a {
	color: #ccc;
}

#display_control ul.display_content li a:hover {
	color: #999;
}

#display_control ul.display_content li a:active {
	color: #777;
}

#display_control ul.display_mode li.tile a.active {
	background: url(../img/display_control.png) 22px;
}

#display_control ul.display_mode li.list a {
	background: url(../img/display_control.png) 1px;
}

#display_control ul li.list a:hover {
	background: url(../img/display_control.png) 66px;
}

#display_control ul li.list a.active {
	background: url(../img/display_control.png) 66px;
}

/* @end */

/* @group Post */

.post_wrap {
	margin-bottom: 100px;
	clear: both;
	overflow: hidden;
	float: left;
	width: 700px;
}

.post_wrap.individual {
	margin-bottom: 50px;
}

.post_wrap .post_head {
	margin-bottom: 5px;
	float: left;
	width: 700px;
	border-bottom: 1px solid #3366ff;
}

.post_wrap .post_head a.save_post {
	position: absolute;
	top: 10px;
	right: 0;
	width: 22px;
	height: 21px;
	color: #ccc;
	background: url(../img/love_post.png) no-repeat -43px 0;
	text-align: center;
	font-size: 11px;
	display: block;
}

.post_wrap .post_head a.save_post:hover {
	color: #aaa;
	background: url(../img/love_post.png) no-repeat -21px 0;
	text-decoration: none;
}

.post_wrap .post_head a.save_post.spin {
	background: url(../img/spinner.gif) no-repeat 4px 4px;
}

.post_wrap .post_head a.save_post.spin:hover {
	cursor: default;
}

.post_wrap .post_head a.save_post.saved {
	background: url(../img/love_post.png) no-repeat 1px 0;
	color: #ff5165;
}

.post_wrap .post_head a.save_post.saved:hover {
	cursor: default;
	background: url(../img/love_post.png) no-repeat 1px 0;
	color: #ff5165;
}

.post_wrap .post_head dl {
	margin: 0;
	overflow: hidden;
	max-width: 480px;
	float: left;
}

.post_wrap .post_head dl dt {
	float: left;
	width: 40px;
	margin: 0 10px 0 0;
}

.post_wrap .post_head dl dt a, .post_wrap .post_head dl dt img {
	display: block;
}

.post_wrap .post_head dl dd {
	float: left;
	margin: 0;
	font-size: 11px;
	color: #ccc;
	width: 430px;
}

.post_wrap .post_head dl dd h3 
{
	margin: 0;
	font-size: 20px;
	width: 430px;

}

.post_wrap .post_head dl dd h3 a {
	color: #333;
}

.post_wrap .post_head dl dd h4 {
	margin: 0;
	font-weight: normal;
	font-size: 11px;
}

.post_wrap .post_head dl dd h4 span.counts {
	margin-left: 10px;
	color: #3366ff;
}

.post_wrap .post_head dl dd h4 span.counts a {
	padding-left: 15px;
	margin-right: 7px;
	color: #3366ff;
}

.post_wrap .post_head dl dd h4 span.counts a:hover {
	color: #3366ff;
}

.post_wrap .post_head dl dd h4 span.counts a:active {
	color: #3366ff;
}

.post_wrap .post_head dl dd h4 span.counts a.comment {
	background: url(../img/comment_meta_icon.png) no-repeat -1px -145px;
}

.post_wrap .post_head dl dd h4 span.counts a.loved {
	background: url(../img/comment_meta_icon.png) no-repeat -1px -84px;
}

.post_wrap .post_content {
	width: 700px;
	float: left;
}

.post_wrap .post_content img {
	display: block;
}

.post_wrap .post_content .image-wrap {
	float: left;
	position: relative;
}

.post_wrap .post_content .image-wrap img.bigfatdick {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.post_wrap span.post_function a {
	margin: 0 7px;
}

.post_head a.love_button {
	float: right;
	display: block;
	width: 59px;
	height: 36px;
	background: url(../img/love_button.gif) no-repeat;
	text-indent: -99999px;
}

.post_head a.love_button:hover {
	background: url(../img/love_button.gif) 0 -36px no-repeat;
}

.post_head a.love_button:active {
	background: url(../img/love_button.gif) 0 -108px no-repeat;
}

.post_head a.love_button.loving, .post_head a.love_button.loving:hover, .post_head a.love_button.loving:active {
	background: url(../img/love_button.gif) 0 -72px no-repeat;
	cursor: default;
}

.post_head a.love_button.loved, .post_head a.love_button.loved:hover, .post_head a.love_button.loved:active {
	background: url(../img/love_button.gif) 0 -108px no-repeat;
}

/* @end */

/* @group Tag Cloud */

ol.tag_cloud {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none;
	text-align: justify;
}

ol.tag_cloud li {
	display: inline;
	margin-right: 5px;
}

ol.tag_cloud li.level5 {
	font-size: 160%;
}

ol.tag_cloud li.level4 {
	font-size: 140%;
}

ol.tag_cloud li.level3 {
	font-size: 120%;
}

ol.tag_cloud li.level2 {
	font-size: 100%;
}

ol.tag_cloud li.level1 {
	font-size: 80%;
}

/* @end */

/* @group Profile */

#profile_pad {
	margin-bottom: 20px;
}

#profile_pad dl {
	overflow: hidden;
	margin: 0;
}

#profile_pad dl dt {
	float: left;
	margin: 0 20px 0 0;
}

#profile_pad dl dt img {
	display: block;
	border: 5px solid #f5f5f5;
}

#profile_pad dl dd {
	float: left;
	margin: 0 0 5px 0;
	width: 390px;
	font-size: 11px;
	color: #ccc;
	vertical-align: middle;
}

#profile_pad dl dd img {
	line-height: 16px;
	vertical-align: middle;
}

#profile_pad dl dd.functions {
	margin-top: 5px;
}

#profile_pad dl p.functions a {
	color: #3399ff;
}

#profile_pad dl dd.functions a:hover {
	color: #3399ff;
}

#profile_pad dl dd.functions a:active {
	color: #207cd8;
}

#profile_pad dl dd em {
	font-style: normal;
	font-weight: bold;
}

#profile_pad dl dd strong {
	color: #333;
}

#profile_pad dl dd h3, #profile_pad dl dd h4 {
	padding: 0;
	margin: 0;
	color: #333;
	border: 1px dashed #fff;
}

#profile_pad dl dd h3 {
	font-size: 48px;
}

#profile_pad dl dd h4 {
	font-weight: normal;
}

#profile_pad dl dd a {
	color: #ccc;
}

#profile_pad dl dd a:hover {
	color: #aaa;
}

#profile_pad dl dd a:active {
	color: #777;
}

#profile_pad dl dd #blog_title.hover {
	border-color: #eee;
}

#profile_pad dl dd #blog_title.active {
	border: 1px solid #ccc;
}

#profile_pad dl dd #blog_title h3 input {
	color: #333;
	width: 381px;
	margin: 0;
	border: none;
	padding-left: 5px;
	background: #fff url(../img/input_shadow.png) repeat-x;
	font: bold 95% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#profile_pad a.rss_button {
	display: block;
	position: absolute;
	text-indent: -9999px;
	width: 48px;
	height: 48px;
	top: 30px;
	right: 30px;
	background: url(../img/rss_button.png);
}

#profile_pad a.rss_button:hover {
	background: url(../img/rss_button.png) 0 -48px;
}

#profile_pad a.rss_button:active {
	background: url(../img/rss_button.png) 0 -96px;
}

#fans_wrap {
	margin-bottom: 20px
}

#fans_wrap h3 {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 20px;
	clear: both;
}

#fans_wrap ul.fans_grid {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

#fans_wrap ul.fans_grid li {
	float: left;
	width: 50%;
	margin: 0 0 15px;
}

#fans_wrap ul.fans_grid li dl {
	margin: 0;
	overflow: hidden;
}

#fans_wrap ul.fans_grid li dl dt, #fans_wrap ul.fans_grid li dl dd {
	float: left;
	margin: 0;
}

#fans_wrap ul.fans_grid li dl dt a {
	display: block;
	width: 40px;
	height: 40px;
	padding-right: 15px;
}

#fans_wrap ul.fans_grid li dl dt a img {
	display: block;
}

#fans_wrap ul.fans_grid li dl dd {
	width: 210px;
}

#fans_wrap ul.fans_grid li dl dd h3 {
	margin: 0;
	font-size: 16px;
}

#fans_wrap ul.fans_grid li dl dd h3 a {
	display: block;
	color: #333;
	padding: 2px 0;
}

#fans_wrap ul.fans_grid li dl dd h3 a:active {
	color: #000;
}

#fans_wrap ul.fans_grid li dl dd {
	font-size: 11px;
	color: #ccc;
}

.mini_contact ul {
	margin: 0;
	padding: 0 10px 10px 10px;
	list-style-type: none;
	overflow: hidden;
	background-color: #f5f5f5;
}

.mini_contact ul li {
	float: left;
	width: 40px;
	height: 40px;
}

.mini_contact ul li a, .mini_contact ul li a img {
	display: block;
}

/* @end */

/* @group Section */

.section {
	clear: both;
}

.section.invert {
	border-top: none;
	margin-top: 40px;
}

.section h3 {
	margin: 10px 0;
	font-size: 13px;
	color: #333;
}

.section h3 span {
	margin: 0 7px;
}

.section h3 a, .section h3 span {
	color: #ccc;
}

.section h3 a:hover {
	color: #aaa;
}

.section h3 a:active {
	color: #777;
}

/* @end */

/* @group Landing */

.promotion {
	overflow: hidden;
	width: 700px;
	margin-bottom: 50px;
}

.promotion .section {
	float: left;
	border: none;
	width: 700px;
	margin-top: 40px;
}

.big_contact ul {
	margin: 0;
	padding: 0 10px 10px 10px;
	list-style-type: none;
	overflow: hidden;
	background-color: #eee;
}

.big_contact ul li {
	float: left;
	width: 120px;
	height: 120px;
	margin: 5px;
}

.big_contact ul li a, .big_contact ul li a img {
	display: block;
}

/* @end */

/* @group Archives */

.profile_mini {
	font-size: 26px;
}

.profile_mini h3 {
	margin: 0;
	color: #333;
}

.profile_mini h3 a {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}






/* @end */

/* @group Edit */

.edit_post .post_content {
	margin-bottom: 20px;
}

.edit_post .post_content img {
	display: block;
}

/* @end */

/* @group Comments */

body#post_comment .post_wrap .post_head a.save_post {
	top: 7px;
}

.post_wrap ul.post_meta {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	color: #ccc;
	float: left;
}

.post_wrap ul.post_meta li {
	padding-left: 17px;
	line-height: 2em;
}

.post_wrap ul.post_meta li.via {
	background: url(../img/comment_meta_icon.png) no-repeat -1px 1px;
}

.post_wrap ul.post_meta li.tag {
	background: url(../img/comment_meta_icon.png) no-repeat -1px -31px;
}

.post_wrap ul.post_meta li.loved {
	background: url(../img/comment_meta_icon.png) no-repeat -1px -79px;
}

.post_wrap ul.post_meta li.loved span.expand {
	color: #ccc;
}

.post_wrap ul.post_meta li a {
	margin: 0;
	margin-right: 5px;
	display: inline-block;
}

.comment_block dl {
	margin: 0;
	overflow: hidden;
}

.comment_block {
	margin-bottom: 15px;
}

.comment_block dl dt, .comment_block dl dd {
	float: left;
	margin: 0;
}

.comment_block dl dt {
	padding: 0 15px 0 0;
}

.comment_block dl dt img {
	display: block;
}

.comment_block dl dd {
	width: 465px;
	font-size: 11px;
	color: #aaa;
}

.comment_block dl dd.info {
	margin-bottom: 5px;
}

.comment_block dl dd.content {
	color: #555;
}

.comment_block dl dd.content p {
	margin: 5px 0;
	font-size: 12px;
	color: #333;
}

.comment_block span.post_function {
	margin-left: 7px;
}

.comment_block span.post_function a {
	margin-left: 7px;
}

.post_comment h3 {
	margin: 0 0 20px;
	font-size: 14px;
}

.post_comment form#form_post_comment .field label span {
	color: #333;
}

/* @end */


/* @group Full view */

.post-full-view ul.post-info {
	margin: 0 0 20px;
	padding: 20px 0;
	list-style-type: none;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	position: relative;
	height: 40px;
}

.post-full-view ul.post-info li {
	float: left;
}

.post-full-view ul.post-info li.info a.back {
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
	color: #3399ff;
	display: block;
	float: left;
	margin-top: 15px;
}

.post-full-view .post-content, .post-full-view .post-after {
	font-size: 11px;
	color: #aaa;
}

.post-full-view .post-content {
	border-bottom: 1px solid #eee;
	padding: 0 10px 5px;
	overflow: hidden;
}

.post-full-view .post-content .image-wrap, .post-full-view .post-content .image-wrap table {
	float: left;
}

.post-full-view .post-content .image-wrap {
	position: relative;
	overflow: hidden;
	float: left;
}

.post-full-view .post-content .image-wrap img.bigfatdick {
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
}

.post-full-view .post-content table.full-slice img {
	display: block;
}

.post-full-view .post-content p {
	float: left;
	width: 100%;
}

.post-full-view .post-after {
	margin: 0 0 20px 10px;
}

/* My Comment */

.post-full-view ul.post-info li.info h4 {
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	color: #aaa;
}

/* @end */


/* @group Pagination */

#wrap div#pagination {
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	clear: both;
}

#wrap div#pagination form {
	overflow: hidden;
	margin: 0;
}

#pagination a, #pagination input.text, #pagination span {
	display: inline-block;
	float: none;
}

#pagination a {
	padding: 2px 10px;
	border: 5px solid #f5f5f5;
	margin: 0 3px;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#pagination a:hover {
	color: #fff;
	background-color: #3399ff;
	border-color: #3399ff;
	text-decoration: none;
}

#pagination a:active {
	background-color: #207cd8;
	border-color: #207cd8;
}

#pagination a.disabled {
	color: #ccc;
	cursor: default;
}

#pagination a.disabled:hover {
	color: #ccc;
	cursor: default;
	background-color: #fff;
	border-color: #f5f5f5;
	background-color: #f5f5f5;
}

#pagination input.text {
	padding: 3px 8px 4px 8px;
	border: 4px solid #f5f5f5;
	width: 30px;
	margin: 0;
	background-image: none;
	font: bold 95% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#pagination span {
	color: #ccc;
	padding: 5px 8px;
	border: 1px solid transparent;
	margin-right: 5px;
}

/* @end */

/* @group Foot */

#foot p {
	color: #ccc;
	margin: 0 0 10px 0;
	text-align: center;
}

#foot p.function a, #foot p.function span, #foot p.function em {
	margin: 0 5px;
}

#foot p.function {
	margin: 0 auto 10px;
	width: 700px;
}

#foot p.function a {
	color: #ccc;
}

#foot p.function a:hover {
	color: #999;
}

#foot p.function a:active {
	color: #777;
}

#foot p.function a.language_picker {
	padding-right: 20px;
	background: url(../img/language_picker_arrow.png) right no-repeat;
}

#foot p.function em {
	font-style: normal;
	font-weight: bold;
	line-height: 14px;
	color: #eee;
}

#foot ul.language_picker {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	width: 535px;
	position: absolute;
}

#foot ul.language_picker li {
	float: left;
}

#foot ul.language_picker li a {
	display: block;
	padding: 5px;
	width: 97px;
	color: #aaa;
	text-align: center;
}

#foot ul.language_picker li a:hover {
	background-color: #eee;
	color: #bbb;
	text-decoration: none;
}

#foot ul.language_picker li a:active {
	background-color: #eee;
	color: #aaa;
}

#foot p a {
	color: #ccc;
}

#foot p a:hover {
	color: #999;
}

#foot p a:active {
	color: #777;
}

#foot p a.foot_logo {
	display: inline-block;
	background: url(../img/foot_logo.gif) no-repeat;
	width: 66px;
	height: 16px;
	text-indent: -9999px;
	margin-left: 5px;
}

/* @end */

/* @group Message */

#message_info {
	margin-bottom: 20px;
}

.speech_top {
	width: 100%;
	height: 20px;
	background: url(../img/speech_top.png) no-repeat;
}

#message_info h3, #message_info p {
	background-color: #f5f5f5;
	padding: 0px 15px;
}

#message_info h3 {
	color: #333;
	margin: 0;
	padding-bottom: 5px;
	font-size: 20px;
}

#message_info p {
	margin: 0;
	font-size: 11px;
	color: #ccc;
	padding-bottom: 15px;
}

.message_content {
	min-height: 700px;
}

.message_content h3 {
	color: #333;
	margin: 0 0 10px 0;
	font-size: 20px;
}

.message_content p, .message_content ul {
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}

.message_content ul {
	padding: 0;
	list-style-type: none;
}

/* @end */

/* @group Error */

.error_wrap {
	margin-top: 40px;
	min-height: 700px;
}

.error_wrap h1 {
	text-indent: -999999px;
	font-size: 1000%;
	letter-spacing: -0.1em;
	margin: 0;
}

.error_wrap h1.error_404 {
	width: 700px;
	height: 90px;
	background: url(../img/error_404.png) no-repeat;
}

.error_wrap h1.error_old_browser {
	width: 447px;
	height: 160px;
	background: url(../img/error_old_browser.png);
}

.error_wrap h1.error_not_finished {
	width: 700px;
	height: 160px;
	background: url(../img/error_not_finished.png) no-repeat;
}

.error_wrap h2 {
	margin: 0;
	margin-top: 30px;
	font-size: 20px;
}

.error_wrap ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
}

.error_wrap ul li a {
	font-weight: bold;
}

/* @end */

/* @group Static */

#static_page {
	color: #333;
	min-height: 700px;
	margin-top: 45px;
}

#static_page h1 {
	text-indent: -999999px;
	font-size: 1000%;
	letter-spacing: -0.1em;
	margin: 0 0 40px;
}

#static_page h1.faq {
	width: 700px;
	height: 90px;
	background: url(../img/faq_9gag.png) no-repeat;
}

#static_page .static_title h3 {
	margin: 0 0 10px 0;
	font-size: 20px;
}

#static_page .static_title {
	margin-bottom: 40px;
}

#static_page p {
	font-size: 12px;
	margin: 0;
	line-height: 140%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#static_page .static_block.help .static_block_content {
	padding-bottom: 20px;
}

#static_page .static_block.help h4, #static_page .static_block.help h5 {
	margin: 0 0 5px 0;
	font-size: 13px;
}

#static_page .static_block.help .static_block_content p {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #f5f5f5;
	
}

/* @end */

/* @group Pages */

body.page_bevel {
	background-color: #fff;
}

body.page_bevel.white {
	background-color: #fff;
}

body.page_bevel.white #head .functions ul li em {
	background-color: #fff;
}

body.page_bevel #wrap {
	padding: 0 30px 20px;
	background-color: #fff;
	margin: 51px auto 10px
}

body.page_bevel #wrap .bevel_top {
	width: 100%;
	height: 16px;
	background: url(../img/bevel_top.png) top left;
	position: absolute;
	top: -16px;
	left: 0;
}

body.page_bevel #wrap .bevel_bottom {
	width: 100%;
	height: 16px;
	background: url(../img/bevel_bottom.png) bottom left;
	position: absolute;
	bottom: -16px;
	left: 0;
}

body#landing #foot {
	border: none;
	margin-top: 10px;
}

body#archives .section {
	border-top: none;
	margin-top: 30px;
}

body#post_edit .section {
	margin-top: 20px;
}

body#post_comment .section {
	margin-bottom: 50px;
	border-top: none;
}

/* @end */

/* @group Overlay */

#overlay {
	background-color: #000;
	height: 100%;
	width: 100%;
	z-index: 3;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
}

#post_nav {
	position: fixed;
	z-index: 2;
	right: 10px;
	bottom: 10px;
}

#post_nav a {
	color: #ccc;
	font-size: 11px;
	display: block;
	float: left;
	width: 25px;
	height: 40px;
	text-indent: -9999px;
	margin-left: 2px;
}

#post_nav a.up {
	background: url(../img/keyboard.png) no-repeat;
}

#post_nav a.down {
	background: url(../img/keyboard.png) no-repeat -27px 0;
}

#post_nav a.love {
	background: url(../img/keyboard.png) no-repeat -54px 0;
}

/* @end */

/* @group Effects */

.hide {
	display: none;
}

/* @end */

/* @group Drawer  */

.drawer {
	clear: both;
	background-color: #fff;
	color: #ccc;
}

.drawer.post_drawer {
	height: 510px;
}

.drawer form {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 40px;
}

.drawer form h2 {
	margin: 0;
	font-size: 20px;
	color: #ccc;
	margin-bottom: 20px;
}

.drawer form h2 em, .drawer form h2 span {
	font-style: normal;
	color: #333;
}

.drawer form h2 a {
	color: #ccc;
	text-decoration: none;
}

.drawer form h2 a:hover {
	color: #777;
}

.drawer form h2 a:active {
	color: #555;
}

.drawer a.handle {
	height: 18px;
	display: block;
	background: #333 url(../img/handle.png) no-repeat center center;
}

.drawer a.handle:hover {
	background-color: #444;
}

form .field {
	overflow: hidden;
	margin-bottom: 20px;
}

.field label {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #aaa;
}

.field label span.error {
	color: #cc3335;
}

form .field input.text, form .field textarea {
	display: block;
	margin: 0;
	border: 3px solid #eee;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	width: 524px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

form .field input.text:focus, form .field textarea:focus {
	border-color: #333;
}

form .field input.text.capcha {
	width: 100px;
	float: left;
}

form .field img.capcha {
	float: left;
	margin-left: 10px;
}

form .field textarea {
	height: 70px;
}

form .after {
	overflow: hidden;
}

form .after a {
	display: block;
	float: left;
	padding: 3px 12px;
	font-size: 13px;
	font-weight: bold;
	border: 5px solid transparent;
	text-decoration: none;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 20px;
}

form .after a.submit:hover {
	background-color: #3399ff;
	color: #fff;
}

form .after input.button {
	padding: 8px 17px;
	border-color: #f5f5f5;
	background-color: #f5f5f5;
	color: #3399ff;
	border: none;
	display: block;
	float: left;
	font: bold 13px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

form .after input.button:hover {
	color: #fff;
	background-color: #3399ff;
	border-color: #3399ff;
}

form .after input.button:active {
	background-color: #207cd8;
	border-color: #207cd8;
}

form .after a.cancel {
	color: #ccc;
}

form .after a.cancel:hover {
	color: #777;
}

form .after a.cancel:active {
	color: #555;
}

form #signup_form_username input.text {
	display: inline;
	width: 12em;
}

form #signup_form_username span {
	font-size: 13px;
	font-weight: normal
}

/* @end */

/* @group Notification */

.notification {
	position: fixed;
	width: 180px;
	top: 10px;
	right: 10px;
	font-size: 12px;
}

.notification_content {
	background-color: #fffa73;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.notification_content h3 {
	margin: 0;
	font-size: 13px;
}

.notification_content p {
	margin: 5px 0 0;
	line-height: 1.3em;
}

/* @end */

/* @group Internal */

#internal_warning {
	height: 30px;
	width: 100%;
	background: #ffb800 url(../img/internal_warning.jpg) repeat-x;
}

#internal_warning p {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	color: #fff;
	text-shadow: #9e390d 0 1px 0;
	padding-left: 10px;
	text-align: center;
}

/* @end */

/* @group CSY */

.color_preview_box {
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	width: 240px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

#commentTextBoxRemain {
	color: #ccc;
	font-size: smaller;
}

#editorRemain {
	color: #ccc;
	font-size: smaller;
}

.error_popup_wrapper {
	clear: both;
	float: none;
	position: relative;
	display: block;
	height: 66px;
	width: 150px;
	color: #000;
	background-image: url(../img/speech_left.png);
	background-repeat: no-repeat;
	font-size: x-small;
	margin: 0px;
	visibility: hidden;
}

.error_popup_wrapper div {
	background-color: #eee;
	height: 46px;
	margin-left: 15px;
	width: 120px;
	padding: 10px;
}

#password_validation {
	left: 535px;
	top: -200px;
}

#email_validation {
	left: 535px;
	top: -190px;
}

#username_validation {
	left: 282px;
	top: -407px;
}

#login_error_wrapper {
	left: 190px;
	top: -70px;
}

#signup_name_validation {
	background-position: 0px 2px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

.validation_icon {
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
}

.valid {
	background-image: url(../img/accept.png);
}

.invalid {
	background-image: url(../img/error.png);
}

/* @end */

/* @group Ad */

.ad-60 a, .ad-60 a img {
	display: block;
}

.post-full-view ul.post-info .ad-60 {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* @end */

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

.drawer p {
	color: #000;
}