/*  
Theme Name: Ninja
Theme URI: http://www.kenengba.com/
Description: A web standard compliant NinjaWordPress Theme with a modern look and feel.
Version: 1.0
Author: Jason Ng
Author URI: http://www.kenengba.com/
*/

body {
background-color:#006F8A;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
margin:0;

}

h1,h2,h3,h4,h5 {
color:#FFF;
font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
font-size:1.5em;
margin:0 0 1em;
padding:0;
}

#cmt {
background-color:#000000;
padding:0;
border-top:1px solid #ffffff;
}

#twitter {
background-image:url(images/tw.gif);
background-repeat:no-repeat;
color:red;
font-size:12px;
height:285px;
left:92%;
position:absolute;
top:500px;
width:165px;
}
#tw {
width:147px;
padding-top:18px;
}

#tw ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-27px;
margin-top:-13px;
}

.commentlist li .avatar { 
	float: right;
	border:1px solid #EE1C25;
	padding: 2px;
	
}

p {
font-size:0.85em;
line-height:1.2em;
margin:1em 0 0;
padding:0pt 0pt 5px 18px;

}

blockquote {
border-left:4px solid #7d8f9f;
text-align:left;
font-size:15px;
padding:0 10px 10px;
}

#root {
margin-left:auto;
margin-right:auto;
position:relative;
width:764px;
}

#content {
left:198px;
position:absolute;
top:51px;
width:566px;
}

#content .wrapper {

border-left:2px solid #000000;
float:left;
width:510px;
padding:0 0px 170px;
}

#content * a:hover {
text-decoration:none;
}

#content h1 {
background-image:url(images/bg_logo.gif);
background-repeat:no-repeat;
display:block;
height:170px;
width:566px;
margin:0;
padding:0;
}

#content h1 a {
display:block;
width:566px;
}

#content h1 span {
color:#FFFFFF;
display:block;
font-size:1.4em;
padding:18px 189px 0px 99px;
text-align:center;
}

#content h2.slogan {
background-image:url(images/bg_slogan.gif);
background-position:bottom;
background-repeat:repeat-x;
display:block;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:13px;
font-weight:400;
text-align:center;
margin:0;
padding:0 0 14px;
}

#content h2 {
background-image:url(images/titlebg.gif);
background-position:left center;
background-repeat:no-repeat;
font-size:20px;
margin-bottom:-30px;
margin-left:10px;
margin-top:10px;
height:60px;
width:501px;
padding-top:4px;
font-style:italic;
}

#content h2 a:hover {
color:#FF0;
}

#content p.prefix {
color:#FFFF08;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:0.9em;
margin:0;
padding:0;
}

#content p.prefix a,#content p.suffix a {
text-decoration:none;
}

#content p.suffix {
background-color:#000;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:12px;
height:14px;
line-height:1em;
text-align:right;
padding:5px 9px;
width:300px;
color:#FFFF08;
}

#content .footer {
background-image:url(images/ftbg.gif);
background-repeat:no-repeat;
float:left;
height:120px;
padding-bottom:15px;
width:608px;
}

#content .footer p {
color:#EEEEEE;
font-family:"MS Sans Serif",Geneva,sans-serif;
font-size:12px;
padding-top:110px;
position:relative;
}

#content .footer a {
color: #EEE;
}

#wpcf_your_name,#wpcf_email,#wpcf_website,#wpcf_msg,#searchbox,#author,#name,#email,#url,#searchbox,#comment {
background-color:#FFFFFF;
border:1px solid #7D8F9F;
color:#000000;
}

#user_login,#log,#login_password,#rememberme {
background-color:#14212D;
border:1px solid #7d8f9f;
color:#fff;
}

#login ul {
margin:0;
padding:0;
}

#login ul li {
display:inline;
margin-left:10px;
}

img.left {
float:left;
border:1px solid #7d8f9f;
margin:5px 12px 3px 0;
padding:2px;
}

img.right {
float:right;
border:1px solid #7d8f9f;
margin:5px 0 3px 12px;
padding:2px;
}

img.center {
display:block;
border:1px solid #7d8f9f;
margin:0 auto 8px;
padding:2px;
}

acronym {
cursor:help;
border-bottom:1px dotted #9C0063;
}

#side {
position:absolute;
top:30px;
width:196px;
}

#side .wrapper {
clear:both;
border-right:2px solid #000000;
float:right;
margin-right:-4px;
padding-bottom:180px;
width:173px;
}

#side .topdecor {
background-image:url(images/bg_side_top.gif);
background-repeat:no-repeat;
height:164px;
margin-left:2px;
margin-top:21px;
width:196px;
}

#side .searchbox {
background-color:#31363A;
background-image:url(images/bg_search.gif);
background-position:top left;
background-repeat:no-repeat;
height:73px;
position:relative;
width:152px;
padding:15px 0 0 21px;
}

#side .searchbox p {
font-size:10px;
left:4px;
position:absolute;
text-align:left;
text-transform:uppercase;
top:36px;

}

#searchbox {
background-color:#14212D;
border:1px solid #575F66;
color:#FFF;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:11px;
height:14px;
line-height:14px;

position:absolute;


top:65px;
width:107px;
}

#searchbutton {
background-image:url(images/btn_search.gif);
background-repeat:no-repeat;
border:none;
color:#FFF;
cursor:pointer;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:9px;
height:18px;
left:133px;
position:absolute;
top:65px;
width:24px;
padding:0 0 0 2px;
}

#side h2 {
background-image:url(images/bg_sidecaption.gif);
background-repeat:no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:400;
height:37px;
position:relative;
width:155px;
margin:1em 0 0 -4px;
padding:10px 0pt 0pt 26px;
}

#side ul {
font-size:0.8em;
list-style:none;
overflow:hidden;
width:137px;
margin:0;
padding:0 18px 20px;
}

#side ul li {
background-image:url(images/li.gif);
background-position:0 0.3em;
background-repeat:no-repeat;
display:block;
margin:0;
padding:4px 0 2px 20px;
}

.page2 li {
background:url(images/page.gif) no-repeat 0 1px;
list-style:none;
background-position:0 0.3em;
background-repeat:no-repeat;
display:block;
margin:0;
padding:4px 0 2px 20px;
}

#side ul li.current_page_item li a {
color:#fff;
}

#side ul li a {
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

#side ul li a:hover {
position:relative;
}

#side ul li ul {
border-bottom:1px solid #293B4C;
padding:0;
}

#side ul li li {
background-image:url(images/subpage.gif);
background-position:0 5px;
border-bottom:none;
padding:2px 0 2px 11px;
}

#side ul li li a {
font-size:9pt;
}

#side ul li li a:hover {
color:#1CBDFF;
}

#side p {
font-size:0.8em;
padding:0 18px 20px;
}

#side ul.rss li {
background-image:url(images/add_rss.gif);
background-position:0 0.3em;
border-bottom:none;
padding:4px 0 2px 20px;
}

#side ul.archives li {
background-image:url(images/li.gif);
height:16px;
list-style:none;
padding:2px 0 2px 22px;
}

#side ul.categories li {
background-image:url(images/li.gif);
background-position:0 0.3em;
}

.topnav {
color:#ff0;
text-decoration:underline;
background-color:#231F20;
}

.bottomnav {
color:#ff0;
margin:30px 0 0;
padding:5px 0 0;
}

.post li {
font-size:0.9em;
}

.postmetadata {
background-color:#000000;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
text-align:justify;
font-size:0.8em;
padding:10px;
width:380px;
}

#con {
background-color:#000000;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
margin-top:12px;
width:505px;
background-image:url(images/contop.gif);
background-position:center top;
background-repeat:no-repeat;
padding-top:11px;
}


.commentlist li,.trackbacklist li {
background-color:#000000;
margin-bottom:10px;
border:1px solid #7d8f9f;
padding:5px;
}

a,#side ul li.current_page_item a {
color:#60B1FF;
}

#content h2.slogan a,#content h2 a {
color:#39F;
text-decoration:none;
}

#content .footer a:hover,#content h2.slogan a:hover {
color:#ff0;
text-decoration:none;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

form,.linkspage ul {
margin:0;
padding:0;
}

img,a img {
border:0;
}

a,#content .footer a {
color:Peru;
text-decoration:none;
}

#side ul.links li,.links li {
background:url(images/link_go.gif) no-repeat 0 0;
height:16px;
padding:2px 0 2px 22px;
}

#content .footer a {
color: #FFF;
}
/*****************************************/
/* pagebar*                  /
/*****************************************/
.pagebar
{
   padding: 0.2em 0.5em;
   margin-right: 0.1em;
   text-decoration: none;
}

.pagebar a, .pageList .this-page
{
   border: 1px solid #9AAFE5;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.pagebar a:visited
{
   border: 1px solid #9AAFE5;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.pagebar .break
{
   padding: 2px 6px;
   border: none;
   text-decoration: none;
}

.pagebar .this-page

{
   border: 1px solid #fff;
   padding: 0.2em 0.5em;
   font-weight: bold;
   background: #15212D;
   color: #fff;
}

.pagebar a:hover
{
   border-color: #2E6AB1;
}