/* -*- tab-width:8 -*-
   Cascading Style Sheet for the Council of Anti-Phishing Japan.
                                      http://www.antiphishing.jp
   Copyright (c) 2005-2008 The Council of Anti-Phishihing Japan, All rights reserved.
                 Thanks HAZEM Desines (http://hazemdesigns.info/) for the Earth Icon.
*/


html            	{ min-height: 100%; }
* 			{ margin: 0; padding: 0; }
body 			{ font: normal 80% Georgia,sans-serif; }
a 			{ color: #aa6666; text-decoration: none; }
a:hover 		{ color: #aa6666; text-decoration: underline; }
p,code 			{ text-indent: 1.0em; line-height: 1.2em; font-size: 1.0em; }
li 			{ list-style: none; }
h1 			{ font: normal 1.8em Georgia,sans-serif; }
h2 			{ font: bold 1.4em sans-serif; }
h3 			{ font: bold 1em Georgia,sans-serif; }
h1,h2,h3 		{ padding-top: 6px; color: #aa6666; margin-bottom: 4px; }
form,input 		{ margin: 0; padding: 0; display: inline; }
img			{ border: none; }

/* Layout ---------------------------------------------------------------- */

#container      	{ padding: 24px 0 0 24px; background: url('images/bg.gif') repeat; }
#container-inner 	{ border: 2px solid #b1b1b1; background: #fff;
                          margin: 0 auto; padding: 10px;
                          width: 860px; } /* total width */

#what-is-phishing	{ font-size: 10pt; text-align: center; color: #aaa; margin: 0 0 5px 0; }

/* Header ---------------------------------------------------------------- */

#header          	{ background: #222 url('images/header_cyan.gif') no-repeat left center;}
#header-inner           { height: 150px; border: 2px solid #ccc; } 
#header-inner a		{ text-decoration: none; color: #fff; }
#header-inner a:hover	{ text-decoration: underline; }

#header-content		{ float: left; width: 390px; padding: 30px 0 0 150px; }
#header-name 		{ color: #fff; font-size: 24pt; }
#header-description  	{ color: #fff; font-size: 16pt; }

#header-feed-button 	{ float: right; width: 300px; padding: 30px 10px 0 0; font-size: 10pt; display: none; }
#header-feed-button .widget-content { color: #fff; }

.blog-feed		{ vertical-align: middle; }

#header-search-box	{ float: right; width: 300px; padding: 0 10px 0 0; font-size: 10pt; display: none; }
#header-search-box h3	{ color: #fff; }
#header-search-box  .widget-content { color: #fff; }

/* Quick link ------------------------------------------------------------ */

#header-link-box	 { float: left; height: 60px; 
			   margin: 0; padding: 0;
			   line-height: 53px; 
			   display: none; }
#header-link-box li	 { display: inline;
			   color: #fff; font-size: 10pt; font-weight: bold; 
			   margin: 0 2px; padding: 15px 15px 20px 10px;
			   background: url('images/quicklink-bg.gif') no-repeat left top; }
#header-link-box li:hover { background: url('images/quicklink-bg.gif') no-repeat left -53px; }
#header-link-box a	  { color: #fff; }
#header-link-box a:hover  { text-decoration: underline; }

/* Content ---------------------------------------------------------------- */

#content                { background-color: #fff; }
#content-inner          { background-color: #ffffee; }

#alpha                  { float: left; width: 580px; 
                          margin: 5px 0; padding-top:10px; }
#alpha-inner            { margin: 10px 0; }
#alpha-inner h1         { font-size: 1.4em; margin: 10px 0; 
			  padding-left: 15px;
			  border-left:   9px solid #259086;
			  border-bottom: 1px solid #259086; }
#alpha-inner h2         { font-size: 1.2em; padding-left: 20px; 
			  border-bottom: 1px solid #259086; 
			  background: url('images/bullet2.gif') no-repeat left center; }
#alpha-inner h3         { font-size: 1.0em; }
#alpha-inner ul		{ margin: 15px 0; }
#alpha-inner li		{ margin: 10px 0; }
#alpha-inner p          { margin: 15px 0; }

.asset-header h2	{ margin: 10px 0; }
.asset-meta		{ float: right; }
.asset-content		{ margin: 35px 0 20px 0; }
.asset-body p		{ padding: 10px; line-height: 1.5em; }
.asset-body ul		{ margin-left: 2em; list-style: disc inside; }

/* Rightside menubar */

#beta                   { float: right; width: 230px; margin-top: -60px; }
#beta-inner             { padding: 0; margin: 10px 10px 10px 0; display:none; }


#header-banner-box	{  height: 53px; 
			   margin: 0; padding: 5px 0 0 0;
			   line-height: 53px; }
#report-phishing-box	{ height: 53px; line-height: 45px; text-align: center; 
			  background: url('images/report-phishing-bg.gif') left top; }
#report-phishing-box:hover
			{ background: url('images/report-phishing-bg.gif') left -53px; }
#report-phishing-box a	{ color: #fff; font-size: 10pt; font-weight: bold; margin: 0; }

#sidebar                { padding: 0; }
#sidebar h1,
#sidebar h2 		{ color: #000;
			  font-size: 1.0em;
			  font-weight: bold;
			  background-color: #ffcc66;
			  border: 2px solid #ccc;
			  padding: 5px;
                          margin: 5px 0; }
#sidebar ul             { padding-bottom: 10px;}
#sidebar li             { border-bottom: 1px solid #259086; 
			  background: url('images/sidebar-li-bg.gif') no-repeat left top; }
#sidebar li a 	        { font-size: 0.8em; color: #000; display: block;
                          padding: 8px 0 8px 5%;
                          text-decoration: none;
                          width: 95%; }
#sidebar li a:hover 	{ background: #ffccaa; color: #aa9999;}


/* Footer ------------------------------------------------------------------ */

#footer 		{ background: #b1b1b1; color: #F7F7F2;
                          font: bold 1em Georgia,sans-serif;
                          margin-top: 5px;
                          padding: 10px 12px;
                          text-align: center;
                          clear: both; }
#footer-inner           {  }
#footer-content         { font-size: 10pt;  }
#footer-content a 	{ color: #F7F7F2; }
#footer-content a:hover { color: #282828; }

/* -------------------------------------------------------------------------- */