@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
    font-family: sans-serif, tahoma, Arial, verdana;
    text-align: center;
    background-image: url(/images/stripe.png); background-repeat: repeat repeat;
}

h1,h2,h3 {
	margin: 0.5em 0;
	color: #64AE24;
}

h1 a,h2 a,h3 a { 
	color: #64AE24;
}

p {
	margin: 0.5em 0;
}

textarea {
	width: 400px;
	height: 100px;
}

fieldset {
    padding: 10px; 
    margin: 10px 0;
}


input[type=text] {
	
}

.leftside {
	float: left;
	width: 200px;
	padding: 5px;
}

.header {
	padding: 5px;
}

.rightbox {
	float: right; 
}

.search_form {
	text-align: right; 
}

.login_panel {
	text-align: right;
	margin: 0 0 10px 0;
}

input[type=text] {
	padding: 4px 4px;
    border: 1px solid #64AE24;
}

textarea {
    padding: 4px 4px;
    border: 1px solid #29699F;    
}

#container {
	margin: 10px 0;
	border: 1px solid #DBDBDB;
	padding: 10px;
	width: 900px;
	text-align: left;
	margin-left: auto ;
    margin-right: auto ;
    background: white;
}

.content {
	margin-right: 210px;
	padding: 5px;
}

.rightside {
	float: right;
	width: 200px;
	padding: 5px;
}

.footer {
	margin-top: 10px;
	border-top: 1px solid #333;
	padding: 10px 5px;
}

.copyrights {
	float: left;
	margin: 0 20px 20px 20px;
	padding: 0 10px;
}

.footer_menu {
	float: left;
	clear: right;
	margin: 0 20px 20px 20px;
	padding: 0 10px;
}

.footer_menu li {
	display: block;
	list-style-type: ;
	margin: 0 10px 5px 0;
}

.cb {
	clear: both
}

.rightsidebar {
	float: right;	
	margin: 0 0 20px 20px; 
}

/* ajax messages */
#ajax_messages>div {
	padding: 10px;
	margin: 0 0 10px 0;
}

#ajax_messages>div.success {
	border: 1px solid green;
}

#ajax_messages>div.error {
	border: 1px solid red;
}

#ajax_messages>div.notice {
	border: 1px solid darkblue;
}

/* messages */
div.messages>div {
	padding: 10px;
	margin: 0 0 10px 0;
}

div.messages>div.success {
	border: 1px solid green;
}

div.messages>div.error {
	border: 1px solid red;
}

div.messages>div.notice {
	border: 1px solid darkblue;
}

/* feed styles */
.feed div.item {
	margin: 15px 0;
	overflow: hidden;
	width: 100%;
}

.feed .item div.title {
	margin: 0.5em 0;
	font-size: 1.1em;
}

.feed .item .date {
	font-size: 0.8em;
	color: #777;
	margin-right: 10px;
	display: inline;
}

.feed .item img {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 200px;
	max-height: 150px;
}

/* table styles */
tr.even,td.even {
	background-color: #f7f7f7;
}

tr.odd,td.odd {
	background-color: #ffffff;
}

/* post styles */
.posts div.post {
	margin: 15px 0;
	clear: both;
}

.posts .post h3 {
	margin: 0.5em 0;
	font-size: 1.1em;
}

.posts .post .date {
	font-size: 0.8em;
	font-weight: normal;
	color: #777;
	margin-left: 20px;
	display: inline;
}

.posts .post img {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 200px;
	max-height: 150px;
}

/* content divs */


/* buttons */
.action a,  input[type=button], input[type=submit]{
    display: inline-block;
    padding: 4px 6px 2px;
    padding-bottom: 4px; /* IE hack to fix spacing issue. */
    text-decoration: none;
    text-align: center;
    background: #CBEFAE;
    color: black;
    border: 1px solid;
    border-top-color: #64AE24;
    border-left-color: #64AE24;
    border-right-color: #64AE24;
    border-bottom-color: #64AE24;
}

.action a:hover, input[type=button]:hover,  input[type=submit]:hover {
    background: #64AE24;
    color: white;   
}

input[disabled], input[disabled] {
    color: gray;
} 
/* open id service list*/
#providers { 
	   margin: 0.5em 0;
}
#providers li { 
	display: inline;
	list-style: none;
	padding: 0 10px 0 0;	
	}
	
/* siteform */
table.siteform td {
	padding: 0.2em;
}
table.siteform {
    margin: 2em 0;
}

div.rightside > div { 
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #64AE24;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
         
}

div.leftside > div { 
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #64AE24;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
         
}

div.topside { 
    margin: 20px 0;
    text-align: center;
         
}

div.bottomside { 
    margin: 20px 0;
    text-align: center;     
}
ul.content { 
    margin-left: 15px;
}
ol.content { 
    margin-left: 15px;
}

.sm { 
    font-size: 0.8em;
}
 
.warning { 
    color: red;
}