/* GLOBAL STYLES */

body {
	margin: 0;
	padding: 0;
	background: url(../images/sharedimgs/body-bg.jpg) repeat-x top center black;
	text-align: center;
}

body,table,tr,td,div {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: white;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

input,select,textarea {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
}

/* SITE IDS */

#site-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 975px;
	text-align: left;
}


/* ___ BOTTOM WRAPPER STYLES ___ */

#bottom-wrapper {
	margin: 0;
	padding: 15px 0;
	clear: both;
	width: 975px;
	height: 45px;
	text-align: center;
}

#bottom-menu {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	overflow: hidden;
	white-space: nowrap;
}

#bottom-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bottom-menu ul li {
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
	display: inline;
	background: url(../images/sharedimgs/bottom-menu-separator.gif) no-repeat center right transparent;
}

#bottom-menu ul li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

#bottom-menu ul li a:hover {
	color: #ffcc2f;
}


/* ___ MIDDLE WRAPPER STYLES ___ */

#middle-wrapper {
	margin: 15px 0;
	padding: 0;
	width: 975px;
	clear: both;
}

#left-col {
	margin: 0;
	padding: 15px;
	width: 643px;
	float: left;
	border: 1px solid #303030;
	background: url(../images/sharedimgs/overlay-transparency.png) repeat top left transparent;
}
#reg1
{
width: 380px;	
float: left;
}
#reg2
{
width: 240px;
float: right;
border-left:1px dotted #CCC;
padding: 5px;
}

#right-col {
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
	width: 275px;
}

#right-col #login-box {
	margin: 0;
	padding: 15px;
	width: 243px;
	min-height: 115px;
	border: 1px solid #303030;
	background: url(../images/sharedimgs/overlay-transparency.png) repeat top left transparent;
}

#right-col #login-box h2 {
	margin: 0;
	padding: 0;
	color: #ababab;
	font-size: 18px;
	font-weight: normal;
}

#right-col #login-box span {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
}

#right-col #login-box span label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	width: 80px;
	display: block;
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
}

#right-col #login-box span input {
	float: left;
	width: 100px;
	vertical-align: top;
}

#right-col #side-bar {
	margin: 15px 0 0 0;
	padding: 15px;
	width: 243px;
	border: 1px solid #303030;
	background: url(../images/sharedimgs/overlay-transparency.png) repeat top left transparent;
	text-align:center;
}


/* ___ TOP WRAPPER STYLES ___ */

#top-wrapper {
	margin: 0;
	padding: 0;
	width: 975px;
	height: 143px;
	clear: both;
}

#top-wrapper #logo {
	margin: 0;
	padding: 0;
	float: left;
}

#top-wrapper #top-menu {
	margin: 0;
	padding: 0;
	float: right;
}

#top-wrapper #top-menu ul {
	margin: 0;
	padding: 61px 0 0 0;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}

#top-wrapper #top-menu ul li {
	margin: 0 12px;
	padding: 0;
	float: left;
}

#top-wrapper #top-menu ul li a {
	color: white;
	text-decoration: none;
}

#top-wrapper #top-menu ul li a:hover {
	color: #ffcc2f;
}



/* SITE CLASSES */

.clearfix {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 1px;
}

.site-button {
	margin: 0;
	padding: 0 5px;
	width: auto !important;
	height: 18px;
	border: 1px solid #474747;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	background: url(../images/sharedimgs/button-bg.gif) repeat-x top left transparent;
	cursor: pointer;
}
.image_style2
	{
	max-width: 100px;
	display:inline;
	}
.image_style3
	{
	max-width: 100px;
	display:inline;
	margin-right: 6px;	
	}
.image_style4
	{
	max-width: 60px;
	display:inline;
	height: 60px;
	overflow: hidden;
	}
.image_style
	{
	width: 100px;
	padding-bottom: 5px;	
	}
.image_style5
	{
	max-width: 200px;
	display:inline;
	}
#comments
	{
	border-top: 1px dashed #cccccc; 
	margin-top: 5px;	
	}
#comment_pic
	{
	float: left;
	width: 10%;
	margin-left: 5px;
	padding-top: 5px;
	}
#comment_pic img
	{
	max-width: 100px;
	text-align: right;
	}
#join
	{
	text-align: center;
	margin-top: 15px;
	padding:0;
	}
#join img
	{
	padding: 0;
	margin: 0;
	border-style: none;
	width: 100%;
	}
#idea
	{
	text-align:center;
	margin-top: 15px;
	}
#idea img
	{
	border-style: none;
	width: 100%;
	}
#menu
	{
	clear: both;
	padding-top: 60px;
	}
#menu p
	{
	padding:0;
	margin:0;
	}
.formatting
	{
	color: #FFF;
	padding:2px;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
	}
#twitter
	{
	text-align: center;
	margin-top: 15px;
	}
#twitter img
	{
	text-decoration: none;
	border-style: none;
	width: 100%;
	width: 150px;
	}
#join
	{
	text-align: center;
	margin-top: 15px;
	padding:0;
	}
#join img
	{
	padding: 0;
	margin: 0;
	border-style: none;
	width: 100%;
	width: 150px;
	}
#idea
	{
	text-align:center;
	margin-top: 15px;
	}
#idea img
	{
	border-style: none;
	width: 100%;
	width: 150px;
	}
#adsense
	{
	text-align: center;
	margin-top: 15px;
	}
#adsense2
	{
	text-align: center;
	margin-top: 15px;
	}
.profile
	{
	border:1px solid #cccccc;
	max-width: 200px;
	width: 100px;
	}
#left
	{
	width: 410px;
	float: left;
	}
#right
	{
	width: 210px;
	float: right;
	padding: 3px;
	}
#right table tr
	{
	padding-top: 5px;
	}
#facebook_left
	{
	margin-top:5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
#adsense3
	{
	margin-bottom: 5px;
	}
#adsense4
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}
.advisory
	{
	color:red; 
	border:1px solid #FF0000; padding:3px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-weight: bold;
	margin-left: 70px;
	}
.error
	{
	color: red;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 2px;
	border: 1px solid #F00;
	margin-bottom: 5px;
	}
.error2
	{
	color: red;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 2px;
	border: 1px dotted #F00;
	margin-bottom: 0px;
	font-size: 120%;
	}
.error3
	{
	color: red;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 2px;
	margin-bottom: 10px;
	font-size: 160%;	
	}
#ad 
	{
	margin-left: 2px;
	margin-right:2px;
	border:1px solid #FFFFFF;
	}
#ad p
	{
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	margin:0;
	padding:0;
	}
#poetry
	{
	font-size: 1.6em;
	padding: 5px;	
	font-family: 'Salsa', cursive;
	line-height: 1.7em;
	}
.poetry2
	{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	}
#adsense_stat
	{
	margin: 0 5px 0 5px;	
	}
#adsense_side
	{
	margin-top: 20px;
	}
#inline_ad
	{
	margin-top:20px;
	}
#technical p
	{
	border: 1px solid #F00;
	padding: 3px;
	color: #F00;
	font-variant: small-caps;
	font-size: 80%;	
	}
#amazon
	{
	text-align: center;
	margin-top: 40px;	
	}
.stem
	{
	font-variant: small-caps;
	border: 1px solid #999;
	color: #000;
	background-color:#CCC;
	text-decoration: none;
	padding-top: 4px;
	}
.stat_format
	{
	padding: 5px; 
	background-color: #CCCCCC; 
	color: #000; 
	font-size: 1.4em; 
	font-weight: bold;	
	background-image: url(../images/mini-gray.jpg);
	background-repeat:repeat-x;
	border-bottom: 4px #d8b82b solid;
	}
.stat_format2
	{
	background-color: #CCCCCC; 
	color: #000; 
	font-size: 1.4em; 
	font-weight: bold;	
	background-image: url(../images/mini-gray.jpg);
	background-repeat:repeat-x;
	border-bottom: 4px #d8b82b solid;
	margin-top: 0;
	}
.stat_format3
	{
	margin-top: 36px;
	padding: 5px; 
	background-color: #CCCCCC; 
	color: #000; 
	font-size: 1.4em; 
	font-weight: bold;	
	background-image: url(../images/mini-gray.jpg);
	background-repeat:repeat-x;
	border-bottom: 4px #d8b82b solid;
	}
div#user_stats
	{
	display:none;
	border:3px solid #8e91a0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
	padding: 3px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
div#user_stats2
	{
	display:inline;
	width: 277px;
	float: right;
	padding: 3px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
div#user_stats3
	{
	display:inline;
	width: 277px;
	float: right;
	padding: 3px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	min-height: 470px;
	}
div#user_stats4
	{
	display:inline;
	width: 400px;
	float: right;
	padding: 3px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
#user_stat1
	{
	margin-left: 10px;
	margin-bottom: 5px;	
	}
.stats_page
	{
	font-size: 9px;	
	}
.georgia
	{
	font-size: 110%;
	}
table.georgia
	{
	border-top: 1px dashed #cccccc;
	margin-top: 20px;	
	}
table.georgia tr 
	{
	border-bottom: 1px dashed #cccccc;
	}
h2.poetry_header
	{
	margin-top: 30px;
	margin-bottom: 0px;
	}
.courier
	{
	
	}
.poetry_class
	{
	position: relative;	
	padding-top: 5px;
	}
.poetry_class2
	{
	border: none;
	position: relative;	
	text-align: left;
	margin-left: 3px;
	}
div#random_poem
	{
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;	
	}
.stat_font
	{
	text-align:center; 
	font-weight: bold;	
	color: #000000;
	}
#blog_help p
	{
	text-align: left;
	border: 1px dotted #CCC;	
	border-top: 10px solid #CCC;
	padding: 3px;	
	}
#message2
	{
	float: right;	
	}
#message3
	{
	float: right;	
	width: 520px;
	}
#instructions
	{
	margin: 10px;
	border-top:1px dotted #CCC;
	}
#instructions ul
	{
	margin-left: 20px;	
	}
.video
	{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;	
	}
#facebook_ad
	{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
#inline
	{
	margin-bottom:20px;
	}
#facebook_panel
	{
	margin-top: 20px;	
	margin-bottom: 20px;
	}
#videos
	{
	margin-top: 20px;
	padding-top: 20px;	
	}
#pillar
	{
	margin-top: 20px;
	margin-bottom: 20px;
	}
#scroll
	{
	width: 653px;
	overflow:hidden;		
	}
#comment_button
	{
	margin-top: 10px;
	}
#pillar table td
	{
	padding: 5px;
	}
#countbox1
	{
	margin-top: 5px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 105%;
	width: 100%;
	}
.leaf
	{
	float: right;
	width: 80px;
	top: 5px;
	right: 0; 	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 120%;
	}
.leaf2
	{
	float: left;
	width: 80px;
	top: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 120%;
	}
#leaf
	{
	border:1px solid #549b0f;
	margin-top: 30px;
	margin-bottom:10px;	
	}
#search
	{
	margin-top:5px;	
	}
.notes
	{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 115%;
	}
#notes
	{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 115%;
	line-height: 24px;
	}
#registration div input
	{
	
	}
#registration input
	{
	width: 220px;
	padding: 5px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 135%;
	margin-bottom: 10px;
	}
#pic_format
	{
	width: 100px;
	float: left;
	height: 120px;
	margin-bottom: 5px;
		}
#pic_format img
	{
	max-height: 100px;
	}
#pic_format2
	{
	width: 160px;
	float: left;
	height: 300px;
	margin-bottom: 5px;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #e2e2e2, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #e2e2e2, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #e2e2e2, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #e2e2e2, white); /* Standard syntax */
	}
#pic_format2 img
	{
	max-height: 160px;
	}
.pic_format
	{
	margin-top: 3px;	
	}
.site_rank
	{
	font-size: 160%;
	font-weight: bold;	
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	}
.box_style
	{
    position: absolute;
    margin: 0;
	padding: 0;
	top: 0;	
	}
.poetry_page
	{
	position: relative;	
	}
.heir
	{
	margin-top: 18px;
	font-family: Helvetica, Verdana, sans-serif, Arial;
	font-weight: bold;	
	font-size: 140%;
	}
#ruby
	{
	margin-top: 18px;
	margin-bottom: 18px;
	border-bottom: 5px solid #931111;	
	border-top: 1px dashed #931111;
	font-family: Helvetica, Verdana, sans-serif, Arial;
	color: #931111;
	}
img.ruby_1
	{
	width: 50px;
	max-width: 100%;
	padding: 5px;	
	display: inline;
	}
#fade_options
	{
	font-size: 1.2em;
	color: #FFF;
	text-align: left;
	font-variant: small-caps;
	}
#more_options
	{
	display: none;	
	}
#user_poetry
	{
	margin-top: 40px;	
	}
.titles
	{
	font-size: 1.4em;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	}
#main_display
	{
	margin-top: 10px;
	margin-bottom:0px;	
	}
#poetry_display
	{
	margin-top: 40px;
	margin-right: 20px;	
	}
#poetry_display h2
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;	
	}
#contests h2
	{
	font-size: 1.4em;
	margin-bottom: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
#contests p
	{
	font-size: 1.2em;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}
#contests a
	{
	font-size: 1.2em;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}
.latest_poetry_entries
	{
	font-weight: bold;
	margin-top:40px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 1.6em;
	text-decoration:underline;
	}
#article_view
	{
	margin-bottom: 30px;	
	}
#article_view ul
	{
	display: block;	
	margin: 0;
	padding: 0;
	}
#article_view ul li
	{
	display: inline;
	padding: 3px;
	list-style:none;
	
	}
#article_view ul li div
	{
	width: 150px;
	}
#article_view ul li img
	{
	border: none;
	}
#article_view div p
	{
	width: 150px;
	margin: 0;
	padding: 0;
	}
#article_view div
	{
	display: inline;
	width: 150px;
	}
#articles
	{
	margin: 0;
	padding: 0;	
	margin-top: 50px;
	min-height: 150px;
	margin-bottom: 10px;	
	position: relative;
	}
#link
	{
	position: absolute;
	right: 0;
	top: 0;	
	}
#articles h2
	{
	margin-bottom: 10px;
	font-size: 2.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#articles a
	{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 150%;
	text-decoration: none;
	color: #CCC;
	}
#share_code
	{
	margin-bottom: 10px;	
	}
#user_stats2 table td 
	{
	padding: 2px;
	font-size: 115%;
	font-family: Tahoma, Geneva, sans-serif;
	}
#user_stats3 table td 
	{
	padding: 2px;
	font-size: 115%;
	font-family: Tahoma, Geneva, sans-serif;
	}
.table
	{
	width: 100%;	
	}
.text
	{
	float: right;
	margin-left: -50px;	
	}
.float_right
	{
		
	}
.title
	{
		
	}
.comments
	{
		
	}
.image
	{
	width: 50px;
	float: left;	
	}
#success
	{
	position: relative;
	height: 48px;
	background-color: #effeb9;
	border: 1px solid #99cc33;	
	}
#success img
	{
	margin: 5px auto 5px;
	display: inline-block;
	}
#success p
	{
	position: absolute;
	display: inline;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	margin-left: 15px;
	top: 8px;
	}
.buttons
	{
	width: 130px;
	height: 30px;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	}
#title
	{
	font-family: 'Salsa', cursive;
	font-size: 140%;	
	}
#page_ad2
	{
	padding-top: 10px;	
	}
.remix_box
	{
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 67px;
	}
.remix_text
	{
	background-color: #000;
	border-color: #000;	
	border: 0px;
	color: #FFF;
	font-size: 130%;
	}
#mail-icon
	{
	padding: 5px;
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
	}
#send-email
	{
	display: none;
	}
#send-message
	{
	margin-top: 5px;	
	}
div.pagination 
	{
	padding: 3px;
	margin: 3px;
	}
div.pagination a 
	{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
	}
div.pagination a:hover, div.pagination a:active 
	{
	border: 1px solid #000099;

	color: #000;
	}
div.pagination span.current 
	{
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
div.pagination span.disabled 
	{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
.comment_poem
	{
	margin-top: 8px;
	display: inline-block;
	padding-top: 5px;
	}
.comment_poem a
	{
	color: #ffcc33;
	padding: 2px;
	border: 1px solid #ffcc33;
	text-decoration: none;
	margin-top: 2px;
	width: 200px;	
	}
.article_views 
	{
	padding-left: 5px; 
	font-size: 130%;	
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	font-weight: bold;
	}
ul.art_mod
	{
	display: block;
	margin:0;
	padding: 0;	
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	}
ul.art_mod li
	{
	width: 130px;
	padding: 10px;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;	
	min-height: 80px;
	border: 1px dotted #CCC;
	}
ul.art_mod li a 
	{
	text-align: center;
	text-decoration: none;	
	}
#karma_banner
	{
	padding-bottom: 10px;
	}
#register_now
	{
	border-style: none;
	}
#register_now img
	{
	padding-bottom: 20px;
	border-style: none;
	}
ul.user_ul
	{
	display: block;	
	margin: 0;
	padding: 0;
	}
ul.user_ul li
	{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1px;
	}
ul.user_ul li img
	{
	float: left;
	margin-left: -17px;
	margin-top: 17px;
	padding: 0;
	}
ul.user_ul li p	
	{
	padding: 0;
	margin: 0 auto;
	padding-left: 50px;	
	padding-top: 5px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	padding-bottom: 10px;
	}
ul.user_ul li p.subtext
	{
	padding: 0;
	margin: 0 auto;
	padding-left: 50px;	
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1em;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	}
li.li_none
	{
	background-color: #f0efef;
	color: #000;
	min-height: 32px
	}
li.li_rookie
	{
	background-color: #cfcece;
	color: #000;
	min-height: 32px
	}
li.li_colonel
	{
	background-color: #918f8f;
	color: #000;
	min-height: 32px
	}
li.li_brigadier_general
	{
	background-color: #918f8f;
	color: #000;
	min-height: 32px
	}
li.li_major_general
	{
	background-color: #535252;
	color: #FFF;
	min-height: 32px
	padding-bottom: 10px;
	}
li.li_general
	{
	background-color: #2c2b2b;
	color: #FFF;
	min-height: 32px
	padding-bottom: 10px;
	}
li.li_ruby
	{
	background-color: #fb0404;
	color: #FFF;
	min-height: 32px
	}
li.li_unknown
	{
	background-color: #fdfbfb;
	color: #000;
	min-height: 32px
	}
#editor
	{
	font-size: 16px;
	}
.comm_form
	{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #999;
	background: white;	
	text-family: sans-serif;
	}
.poster
	{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-weight: bold;
	color: #666;	
	font-size: 1.1em;
	}
#comment_table 
	{
	padding: 2px;
	border: 1px solid #000;
	}
#comment_table p
	{
	
	}
#comment_poems
	{
	padding-bottom: 30px;	
	}
div.pagination 
	{
	padding: 0px;
	margin: 0px;
	padding-top:5px;
	padding-bottom: 5px;
	}

div.pagination a 
	{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #999;
	text-decoration: none; /* no underline */
	color: #000099;
	font-size: 1.6em;
	color: #FFF;
	}
div.pagination a:hover, div.pagination a:active 
	{
	border: 1px solid #999;
	color: #000;
	font-size: 1.6em;
	color: #FFF;
	}
div.pagination span.current 
	{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #999;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
	font-size: 1.6em;
	}
div.pagination span.disabled 
	{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #999;	
	color: #DDD;
	font-size: 1.6em;
	}
.set_height
	{
	margin: 0;
	padding: 0;
	min-height: 242px;	
	}
#facebook_left h2
	{
	font-size: 180%;
	font-family: Georgia, "Times New Roman", Times, serif;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	}
#facebook_left p
	{
	font-size: 140%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.2em;	
	}

/*This section handles the display of the email response from the read poetry page*/
#mail3
	{
	margin: 0;
	padding: 0;	
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: 1px dashed #444444;
	}
#user_mail_pic
	{
	width: 105px;
	float: left;
	margin: 0;
	padding: 0;	
	}
#user_mail_message
	{
	width: 270px;
	float: right;
	margin: 0;
	padding: 0;	
	}

/* success window for email sent success */
.success1
	{
	display: none;
	color: #090;
	padding: 5px;
	text-align: center;
	border: 1px solid #090;
	margin-top: 5px;
	}
/* sount position for poetry entries for the day */
#count_pos
	{
	position: absolute;
	right: 5px;
	top: 8px;
	padding: 3px;
	background-color: white;
	color: black;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	font-size: 80%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
#mail2
	{
	margin-bottom: 3px;	
	}
#heir
	{
	color: #CCC;	
	}
/*These classes handle the display of the mini comment avatars */
.mini_ul
	{
	display: block;	
	}
.mini_li
	{
	display: inline;
	list-style: none;
	}
.mini_avatar
	{
	width: 30px; 
	height: 30; 
	overflow: hidden;
	position: relative;
	}
.indi_count
	{
	position: absolute;
	top: 12px;
	right: 3px;
	padding: 2px;
	background-color: white;
	color: black;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	font-size: 80%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
.minify
	{
	display: inline;
	padding: 5px;
	width: 20px;
	max-height: 20px;
	overflow: hidden;
	position: relative;	
	}
.minify img 
	{
	max-height: 30px; 
	max-width: 30px;
	}
.mini_p
	{
	padding-top: 16px;
	padding-bottom: 3px;
	font-size: 90%;	
	}
/*These classes handle the display of the mini comment avatars - end*/



/*Classes to handle remix poetry display */
.poetry
	{
	font-size: 1.6em;
	padding: 5px;	
	font-family: 'Salsa', cursive;
	line-height: 1.7em;
	}
/* Remix post on page load */
.poetry_r
	{
	padding-top: 55px;
	font-size: 1em;
	padding-left: 5px;	
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: 'Salsa', cursive;
	line-height: 1.7em;
	}
/* End remix post on page load */
.poetry
	{
	font-size: 1.6em;
	padding: 5px;	
	font-family: 'Salsa', cursive;
	line-height: 1.7em;
	}
/* remix banner */
#remix_banner
	{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px dashed #cccccc;	
	}
/*Classes to handle remix poetry display - end */


/* Vibe message css */
#vibe_message
	{
	display: none;
	margin-top: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	padding: 3px;
	border: 1px solid #FFF;
	margin-bottom: 10px;
	}
#vibe_message p
	{
	font-family: Helvetica, Verdana, Arial, sans-serif;	
	font-size: 110%;
	}
/* end vibe message css */

/* css for vibe button */
#test2
	{
	padding-bottom: 15px;	
	}
/* end css for vibe button */

/* points and karma board css */
#point_board
	{
	position: relative;
	margin: 0;
	padding: 0;
	}
#points 
	{
	position: absolute;
	left: 80px;
	top: 8px;	
	color: #000000;
	font-weight: bold;
	}
#karma_board
	{
	position: relative;
	margin: 0;
	padding: 0;
	}
#karma_b
	{
	position: absolute;
	left: 80px;
	top: 10px;	
	color: #000000;	
	font-weight: bold;
	}

/* end points and karma board css*/

/* css for status bar in the user panel */
#status_updates table
	{
	border-collapse:collapse;	
	}
#status_bar
	{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;	
	height: 40px;	
	}
#status_label
	{
	width: 100px;
	background-color:#CCC;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;	
	margin: 0;
	padding: 0;
	color: #000;
	height: 40px;
	text-align: center;
	float: left;
	}
#status_label p
	{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	padding-top: 12px;
	}
#status_ind
	{
	margin: 0;
	padding: 0;
	width: 540px;
	float: right;
	height: 40px;
	}
#status_ind input 
	{
	height: 40px;
	width: 535px;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;	
	background-color: #000000;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	color: #FFF;
	float: right;
	}
#status_ind input:focus
	{
	outline-color: #CCC;	
	}
#status_posted
	{
	display: none;
	color: #0C0;
	border: 1px solid #0C0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom: 5px;	
	padding: 3px;
	font-weight: bold;
	}
.username_status
	{
	display: inline;
	font-size: 120%;
	font-weight: bold;
	color: #CCC;
	padding-left:4px;
	padding-right: 4px;
	}
.status_view
	{
	display: inline;
	font-size: 120%;
	vertical-align:text-top;
	padding-left: 4px;
	}
.status_timestamp
	{
	display: inline;
	font-size: 90%;
	margin-left: 5px;
	color: #666;
	}
.status_image
	{
	display: inline;
	overflow: hidden;	
	}
/* end css for status bar in the user panel */

#top_small
	{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;
	}

/* CSS to handled the form on the poetry entry display page */

#poetry_entry_display
	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/free-paper-texture-13.jpg);
	overflow: hidden;	
	color: #000;
	}
#display_sub
	{
	width: 80%;
	margin-left: auto;
	margin-right: auto;	
	color: #000;
	}
/* end of CSS for poetry entry display page */
#blog_box
	{
	margin-bottom: 15px;
	padding: 15px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border: 1px dotted #FFF;
	}
#yes
	{
	width: 40%;
	text-align: center;
	float: left;
	padding: 3px;
	background-color: #CCC;
	margin-right: 5px;
	color: #000;
	}
#no 
	{
	width: 40%;
	text-align: center;
	float: right;
	padding: 3px;
	background-color: #CCC;
	margin-left: 5px;	
	color: #000;
	}
#blog_box_status
	{
	display: none;
	border: 1px solid #FFF;
	padding: 3px;
	text-align: left;	
	}
.blog_style
	{
	font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;	
	}
	
/*This is the CSS for the leaderboard */
#leaderboard
	{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#leaderboard table
	{
	border: 1px solid #CCC;
	border-collapse: collapse;
	text-align: left;
	width: 95%;
	font-size: 130%;
	font-family: Helvetica, Arial, sans-serif;
	}
#leaderboard table p
	{
	margin-left: 5px;
	margin: 0;
	padding: 3px;	
	padding-left: 5px;
	font-size: 110%;
	}
/* Leaderboard css end */

/* Poetry pages poet display boxes */
.poetry_page
	{
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 5px;	
	border: 1px dotted #CCC;
	}
.poetry_title
	{
	width: 120px;
	float: right;	
	}
.views
	{
	margin: 0;
	padding: 0;
	width: 63px;
	height: 63px;
	display: inline-block;	
	text-align: center;
	}
.comments
	{
	margin: 0;
	padding: 0;
	width: 63x;
	height: 63px;
	display: inline-block;	
	text-align: center;	
	}
.poems
	{
	margin: 0;
	padding: 0;
	width: 63px;
	height: 63px;
	display: inline-block;	
	text-align: center;	
	}
.poems1
	{
	width: 63px;	
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	background-color: #CCC;
	color: #000;
	}
.comments1
	{
	width: 63px;	
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	background-color: #CCC;
	color: #000;
	}
.views1
	{
	width: 63px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-align: center;	
	background-color: #CCC;
	color: #000;
	}
.preview
	{
	padding: 2px;
	font-size: 85%;	
	height: 66px;
	overflow: hidden;
	}
.poetry_username
	{
	font-weight: bold;	
	}
/* Poetry pages poet display boxes - end */

/* CSS for the countdown clock */
.timer div {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#demo {
	text-align: center;
	border: 2px soild #FFF;
	color: #FFF;
}
p#demo {
	font-family: Monospace;
	font-size: 20px;
}
#demo h2 {
	font-family: Monospace;;
	font-size: 22px;
	text-align: center;
	padding-left: 15px;
	padding-top: 15px;
}
/* CSS for the countdown clock - end */


/*styling for promember section on poetry page*/

.promember {
	display:  flex;
	justify-content: center;
	align-items: center;
	border:  2px solid #FFF;
	border-radius: 10px;
	height:  2rem;
	padding:  1rem;
	font-size:  1rem;
	font-weight:  bold;
}
.proaccount {
	background-color: #D92E22 ;
	color:  #FFF;
	position:  absolute;
	border-radius:  5px;
	bottom:  -10px;
	font-size: 0.8rem;
	font-weight:  bold;
}
.promember-image {
	background-image:  url('../images/Poetry_Vibe_Hoodie-nobackground.png');
	background-repeat: no-repeat;
	background-size:  cover;
	height:  100%;
	position:  relative;
	border:  1px dashed #7C6322;
}
.promember-image a {
	position:  absolute;
	bottom:  2.5rem;
	border-radius:  10px;
	border:  2px solid #7C6322;
	color:  #7C6322;
	padding:  0.5rem 1rem;
	text-decoration: none;
	font-size:  1rem;
	left:  50%;
	transform: translateX(-50%);
	font-weight:  bold;
}