/* **************************
         Mangetwo CSS
*************************** */

body#www-mangetwo-com {
	font-size: 75%; /* Set to 75% to bring IE default to 12px (normally) */
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color: #fff;
	margin-top: 3em;
	}

html>body {
	font-size: 12px; /* Explicitly set 12px for all the nice browsers */
	}

img {
	vertical-align: middle;
	}

a img {
	border: 0px;
	}

a {
	text-decoration: none;
	}	

a:hover {
	text-decoration: underline;
	}

em {
	font-weight: bold;
	font-style: normal;
	}

input {
	font-size: 1em;
	}

.post .icon {
	margin: 0px 10px 10px 0px;
	}

.icon {
	float: left;
	position: relative;
	}

.icon2 {
	float: right;
	position: relative;
	}

.post .alignleft {
	float: left;
	margin-right: 10px;
	}

h2.sectionhead {
	float:  left;
	position: relative;
	top: -2em;
	left: -1em;
	margin:  0em;
	padding: 0em;
	}
		
/* **************************
 Define sizes for headers to fit vertical rhythm 
*************************** */
h1 { /* 18px */
	font-size:1.5em;
	line-height: 1em;
	}
	
h2	{ /* 16px */
	font-size:1.333em;
	line-height: 1.125em;
	font-weight: bold;
	color: #a0af00;
	margin: 1.125em 0em 1.125em 0em;
	}
	
h3  { /* 14px */
	font-weight: bold;
	font-size:1.1667em;
	line-height: 1.286em;
	color: #a0af00;	
	padding-left: 22px;
	background-image: url("../_image/crumbs.gif");
	background-repeat: no-repeat;
	}

h3 a {
	color: #a0af00;	
	background-color: #fff;
	position: relative;
	}

h3 a img {
	float: right;
	}	

h4 	{

	}
/* **************************
      End of headers 
*************************** */

p	{
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}

blockquote p.quote{
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
	font-style: italic;
	}

blockquote .person {
	display: block;
	text-align: right;
	font-weight: bold; 
	color: #a0af00; 
	
	}

#page {
	width: 750px;
	margin: auto;
	text-align: left;
	}

#header {
	position: relative;
	}

/* **************************
        login box
*************************** */
#user {

	background-image: url("../_image/userbgsolid.gif");
	background-repeat: no-repeat;
	color: #fff;
	width: 250px;
	height: 126px;
	float: right;
	position: relative;
	text-align: right;
	right: 0em;
	top: 0em;	
	}

#user input {
	border: none;
	font-size: 1em;
	}

#user form {
	margin-right: 10px;

	}

#user p.information {
	margin-left: 5em;
	margin-bottom: 0em;
	}

#user h2 {
	position:  absolute;
	top: -1em;
	}	
/* **************************
       End of login box
*************************** */

img.facebook {
	position: absolute; 
	left: 690px; 
	bottom: 1px;
	}

img.twitter {
	position: absolute; 
	left: 720px; 
	bottom: 1px;
	}

/* **************************
    About front page
*************************** */
#about {
	margin: 0em 10px 1.5em 10px;
	}
	
#about p {
	font-size: 1.083em;
	line-height: 1.385em;
	margin-bottom: 1.385em;
	}

#about blockquote {
	display: block;
	margin-right: 280px;
	margin-left: 7em;
	}

/* **************************
      End of About
*************************** */


/* **************************
       Events Sidebar
*************************** */
#events {
	padding-top: 1.5em;
	position: relative;
	float: right;
	width: 250px;	
	background-image: url("../_image/event-top.gif");
	background-repeat: no-repeat;	
	}

#events ul li {
	line-height: 1.5em;
	font-size: 1em;
	padding-bottom: 1.5em;
	}

#events ul li img{
	width: 100%;
	height: 3em;
	}

#events .postfoot  {
	background-image: url("../_image/event-bottom.gif");
	}

#events p.aboutinfo {
	background-image: url("../_image/event-bottom.gif");
	margin: 0em;
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
#events p, #events ul {
	margin-left: 10px;
	margin-right: 10px;
}

/* **************************
         End of Events 
************************** */

#content {
	clear: both;
	}

#blog {
	padding-top: 1.5em;
	width: 480px;
	position: relative;
	background-image: url("../_image/blog-top.png");
	background-repeat: no-repeat;	
	}

#blog p.information {
	margin-left: 10px;
	margin-right: 10px;
	height: 6em;
	}

#blog p.aboutinfo {

	}

.post {
	margin: 0em 10px 3em 10px;
	}

.postfoot  {
	border-top: solid 2px #a0af00;
	background-image: url("../_image/blog-bottom.gif");
	background-repeat: no-repeat;
	background-position: 0% 100%;	
	}

.postfoot p {
	margin: 0em 10px 0em 10px;
	position: relative;
	top: -2px;
	}

#blog p.images {
	text-align: center;
	}

#blog p.images img{
	height: 9em;
	}

ul.newsinfo {
	float: right;
	font-size:0.8333em;
	line-height:0.9em;	
	padding-left: 1em;
	margin-left: 1em;
	margin-top: 0.45em;
	border-bottom: 0.08333em dotted #a0af00;
	border-left: 0.08333em dotted #a0af00;
	padding-bottom:0.666666em;
	margin-right: 10px;
	}

div.eventpay {
	float: right;
	width: 250px;
	background: url("../_image/userbgsolid.gif") no-repeat;
	color: #fff;
	width: 250px;
	height: 126px;
	position: relative;
	left: 10px;
	}

div.eventpay h2.sectionhead {
	top: -1em;
	}
	
div.eventpay p {
	margin: 0em 10px 0em 10px;
	text-align: right;
	}

div.eventpay p a {
	color: #fff;
	font-weight: bold;
	}

div.eventpay form {
	text-align: center;
	}
	
ul.eventinfo {
	margin: 3em 3em 3em 1.5em;
	line-height: 1.5em;
	}

ul.eventinfo .eventdetail {
	display: block;
	float: left;
	width: 5em;
	font-weight: bold;
	}

.blogpostfollow {
	margin: 0em 4em 0em 4em;
	padding: 0.75em 1em 0.75em 1em;
	border: dotted 1px #a0af00;
	}

form.blogcomment {
	margin-top: 1.5em;
	}

form.blogcomment input, form.blogcomment textarea {
	font-size: 1em;
	line-height: 1.5em;
	border: solid 1px #a0af00;
	}

form.blogcomment input {
	width: 250px;
	}
	
form.blogcomment textarea {
	width: 450px;
	}

form.blogcomment .userinfo{
	float: right;
	width: 250px;
	text-align: right;
	}

form.blogcomment label {
	display: block;
	font-size: 0.833em;
	position: relative;
	top: -0.75em;
	}

form.blogcomment .userinfoitem {
	line-height: 2.25em;
	}

.widgets ul li {
	padding: 0em !important;
	}

.widgets ul {
	margin-bottom: 1.5em;
	}
	
#footer {
	clear: both;
	text-align: center;
	margin-top:2.25em;
	padding-top:0.667em;
	}		

ul.menu li	{
	line-height: 1.5em;
	list-style: circle outside;
	margin-bottom: 1.5em;
	}