
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/img01.jpg) repeat-x left top;
	/*background: #990022;*/
	font: 12px Lucida Grande,Arial, Helvetica, sans-serif;
	color: #212121;
        background-color: #333;
        
        
}

h1, h2, h3 {
	margin-top: 0px;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

p, ol, ul {
	margin-bottom: 1.3em;
	line-height: 160%;
}

a {
	color: #175500;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a img {
	border: none;
}

a:focus{
border:none;
}

/* Header */

#header {
	width: 900px;
	height: 130px;
	margin: 0px auto;
	/*background: #990022;*/
	background: #990022;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Logo */

#logo {
	float: left;
	background: url(../images/beachball.png) no-repeat left top;
	padding-left: 70px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 {
	padding: 25px 0px 4px 0px;
}

/* Menu */

#menu {
	float: right;
	background: #243F12;
	/*border-top: 2px #9BC56F solid; */
	margin: 30px 0 0 0;
                border-top: solid 1px #777;
        border-left: solid 1px #777;
        border-right: solid 2px #000;
        border-bottom: solid 2px #000;
        background-color:#555;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
}

#menu ul {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin: 0px 0px 0px 1px;
}

#menu a {
	display: block;
	width: auto;
	height: 28px;
	padding: 12px 20px 0px 20px;
	/*background: url(../images/img02.jpg) no-repeat right 50%;*/
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first {
	background: none;
        
}

#menu .active a {
    color:yellow;
}

/* Page */

#page {
	width: 920px;
	margin: 0px auto;
	padding: 30px 0px;

        
}

/* Content */

#content {
	float: left;
	width: 570px;

}

#content.full {
	
	width: 920px;
}

.post {
	margin: 0px 0px 12px 0px;
        padding:4px;
        border-top: solid 1px #777;
        border-left: solid 1px #777;
        border-right: solid 2px #000;
        border-bottom: solid 2px #000;
        background-color:#555;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        color: #eee;
}

.post .title {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: #BFC9AE solid 1px;
	color: #f00;
        text-shadow: #000 2px 2px 2px;

}

.post .title a {
	color: #232F01;
}

.post .entry {
        font: Lucida Grande,Arial, Helvetica, sans-serif;
}

.post a {

        color:#aaf;
}

post pre {
        font: Lucida Grande,Arial, Helvetica, sans-serif;
}

.post .meta a{
	font-weight: bold;
        color: #f00;
}

.post .byline {
	margin: 0px;

}

/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
                border-top: solid 1px #777;
        border-left: solid 1px #777;
        border-right: solid 2px #000;
        border-bottom: solid 2px #000;
        background-color:#555;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        
}

#sidebar-bgtop {
	height: 3px;
}

#sidebar-bgbtm {
	height: 3px;
}

#sidebar-content {

	padding: 20px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;

}

#sidebar li {
    line-height: 160%;
    
}

#sidebar li ul {
	margin-bottom: 1.8em;
	padding-left: 10px;
	list-style: none;
        
}

#sidebar h2 {
	padding: 4px 20px;
	background: #990022;
	font-size: 1.2em;
	color: #FFFFFF;
        margin-top:8px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-box-shadow: black 2px 2px 2px; -webkit-box-shadow: black 2px 2px 2px;
}

#sidebar a {
	text-decoration: none;
	color: #232F01;
        display:block;
        color:#ddd;
}

#sidebar a:hover {
	text-decoration: none;
        background-color: #ddd;
        font-weight: bold;
        color: #333;
}

/* Search */

#search {
}

#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#search #s {
	width: 160px;
}

#login fieldset {
	margin-top: 0px;
	padding: 0px;
	border: none;
}

#login input[type=text], input[type=password] {
        width: 160px;
	margin-bottom: 6px;
	padding: 1px;

}

#loginerror {
        display: block;
        width: 166px;
	padding: 1px;
        color: #900;
        background-color: orange;
        font-weight:bold;
        border:solid 1px #ccc;
        display:none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align: center;

}


/* Footer */

#footer {
	clear: both;
	width: 920px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #FFFFFF;
	background: #990022;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #FFFFFF;
}

.comment {
	padding:5px;
	background-color:#eff;
	border:#ddd 1px solid;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        color: #000;
}


code {
	display:block;
	padding:4px;
	margin-left:10px;
	width:80%;
	background-color:#FFb;
}

/* Form styles */
div.form-container { margin: 2px; padding: 5px;  background-color: #FFF; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 6px 0; padding: 6px; border: #333 1px solid;  -moz-border-radius: 7px; -webkit-border-radius: 7px;}
div.form-container form legend { font-weight: bold; color: #aaa; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input { font-size: 12px; padding: 2px; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

/* code igniter pagination */

#cipagination a, #cipagination strong {
 
 margin: 3px;
 background: #e3e3e3;
 padding: 4px 7px;
 text-decoration: none;
border: 1px solid #cac9c9;
color: #292929;
font-size: 13px;
}

#cipagination strong, #cipagination a:hover {
 font-weight: normal;
 background: #cac9c9;
}
