/*  
Theme Name: Albert
Theme URI: http://tanutama.com/
Description: My Custom Weblog Design.
Version: 2.0
Author: Albert Tanutama
Author URI: http://tanutama.com/

	Albert v2.0
	 http://tanutama.com/

	This theme was designed and built by Albert Tanutama,
	whose blog you will find at http://tanutama.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	
*/

/******************************************************
TAG STYLE
******************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0;
	background-color: #FBFBFB;
	line-height: 1.55em;
	background: url(../images/bgWindow.jpg) no-repeat fixed top center;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	display: block;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 0;
	padding-top: 0;/*
	text-decoration: none;
	color: white;
	padding: 50px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
	*//*height*/ /**/  /*:50px;*/
	}
h2 {
	padding: 0.2em 0 0.2em 0;
	margin: 0;
	font-size: 1.2em;
}
h3 {
	/*
	font-size: 1.3em;
	*/
	padding: 0;
	margin: 0;
}
a {
	color:#CC0000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}
a:hover {
	color: #1B7CBA;
	text-decoration: underline;
}
img {
	border: none;
}
hr {
	display: none;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}
select {
	width: 130px;
}
td{
    vertical-align: top;
}
/******************************************************
FORM RELATED SECTION
******************************************************/
.mandatory{
    color: #DD0028;
}
input.small{
	width: 3em;
}
.input_text{
    border: 1px solid #ccc;
	padding: 2px;
}
input.input_text{
	width: 150px;
}
textarea.input_text{
	width:300px;
	height:100px;
}
select.input_text{
	width: 130px;
}
.notice_error{
    border:1px solid #990000;
	background-color:#D70000;
	color:#FFFFFF;
	padding:4px 6px;
	margin: 0 1em;
}
/******************************************************
HEADER SECTION
******************************************************/
#headerSection {
	padding-bottom: 0;
}
#headerimg {
	background-color: #000000;/*
	margin: 0;
	width: 100%;
	padding-top: 10px;
	*/
}
.description {
	text-decoration: none;
	color: #990000;
	font-size: 0.9em;
	text-align: center;
	padding: 0.4em;
	border-top: 1px solid #ccc;
	background-color: #DED5A0;
	font-weight: bold;
}
/******************************************************
BANNER SECTION
******************************************************/
#bannerSection {
	background-repeat: no-repeat;
	clear: both;
}
#thumbs{
    padding: 7px 0 0 9px;
	background: #1a1a1a;
}
#thumbs a{
    border: none;
	padding: 0;
	margin: 0;
}
#thumbs img{
    margin: 0 9px 7px 0;
}
/******************************************************
WINDOW SECTION
******************************************************/
#windowArea {
	color:#333333;
	background-color: #FBFBFB;/*	background-color: #FFFFFF;*/
}
/******************************************************
MAIN SECTION
******************************************************/
#wrapper {
	margin:0;
	padding:0;
}
#rightContent {
	width: 570px;
	margin: 0;
	padding: 0 20px 0 0;
	float:right;
}
#rightContent ol {
	margin:10px 0 0 20px;
	padding-left: 5px;
	list-style:square;
}
#rightContent li {
	margin:0;
	padding:0;
}
#rightContent li p {
	padding-left:0;
}
/******************************************************
FOOTER SECTION
******************************************************/
#footerSection {
	color: #DED5A0;
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	;
	background-color: #FBFBFB;/*
	background-color: #eee;
	*/
}
#footerSection p {
	margin: 0 20px 0 0;
	padding: 8px;
	font-weight:bold;
	font-size:0.9em;
	background-color: #000000;
	border-top: 4px solid #000;
}
/******************************************************
MISC CLASS STYLE
******************************************************/
.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
}
.alt {
	margin: 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.alt {
}
/******************************************************
PAGE 
******************************************************/
/*
.viewArea {
	width: 770px;
	}
*/
.viewArea {
	width: 770px;
	margin:0 auto;
}
#viewBackground {
	background-repeat: repeat-y;
	background-image: url(../images/pageBg.gif);
	background-color: #FBFBFB;
}
.contentContainer {
	width: 770px;
	text-align: justify;
	background-repeat: repeat-y;
}
.post {
	margin: 0;
	margin-bottom:2em;
}
/******************************************************
IMAGES
******************************************************/	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.floatLeft {
	float:left;
	margin:0 10px 5px 0;
}
img.floatRight {
	float:right;
	margin:0 0 5px 10px;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
/* End Images */



/******************************************************
SIDEBAR
******************************************************/	
#sidebar {
	padding: 0;
	width: 177px;
	float: left;
}
#sidebar h2 {
/*
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	*/
}
#sidebar form {
	margin: 0;
}
/*
#sidebar ul {
	margin: 0;
	padding: 0;
	display:block;
	}
#sidebar ul ul{
	margin: 0;
	padding: 0;
	display:block;
	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	text-align:left;

	line-height: 2em;
	margin:0;
	padding:0;
	border-bottom: 2px solid #000;
	}


#sidebar ul ul li {
	margin:0;
	padding: 0;
	background-color: #CCCCCC;

	}
	
#sidebar ul li a{
	border-bottom:none;
	color: #000000;
	text-decoration: none;
	display: block;
	}	
#sidebar ul li a:hover
{
	background-color: #333333;
	color: #FFFFFF;
}
#sidebar ul ul li a{
	border-bottom:none;
	padding-left:10px;
	display: block;
	color:#006699;
	}	

*/



/******************************************************
GLOBAL NAVIGATION
******************************************************/
#globalnavcontainer {
}
#globalnavcontainer ul {
	padding: 0;
	margin: 0;
	background-image: url(../images/globalNaviBg.jpg);
	color: White;
	float: left;
	width: 570px;
	font-family: arial, helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	border-left: 0px solid #fff;
}
#globalnavcontainer ul li {
	display: inline;
}
#globalnavcontainer ul li a {
	padding: 12px;
	/*background-color: #9d0419;*/
	color: White;
	text-decoration: none;
	font-size:0.95em;
	float: left;
	border:none;
	border-right: 1px solid #fff;
	width:118px;
	text-align:center;
	background-image: url(../images/empty.gif);
}
#globalnavcontainer ul li a:hover {
	background-color: #dd0028;
	color: #fff;
}
#lastGlobal a, #lastGlobal a:link, #lastGlobal a:hover, #lastGlobal a:visited {
	width:117px;
	border:none
}
/******************************************************
VERTICAL NAVIGATION
******************************************************/
#navcontainer {
	width: 177px;
	font-size: 100%;/*
	background-image: url(images/bgNaviBottom.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 20px;
	*/
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer li {
	margin: 0 0 0 0;
}
#navcontainer a {
	display: block;
	width: 162px;
	color: #333333;
	text-decoration: none;
	border: none;
	padding: 5px 0px 5px 15px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
}
#navcontainer a:hover {
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/arrow.gif);
}
#navcontainer ul ul li {
	margin: 0 0 0 0;
	background-image: url(../images/bgNavigation.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#navcontainer ul ul ul li {
	margin: 0 0 0 0;
	background-image: url(../images/bgSubNavigation.gif);
	background-repeat: repeat-x;
	background-color: #E8E4E4;
}
#navcontainer ul ul a {
	display: block;
	padding: 5px 5px 5px 15px;
	width: 157px;
	color: #333;
	text-decoration: none;
	background-image: url(../images/arrowTop.gif);
	background-position:0 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}
#navcontainer ul ul ul a {
	display: block;
	padding: 5px 5px 5px 15px;
	width: 157px;
	color: #003366;
	text-decoration: none;
	line-height:1.35em;
	background-image: url(../images/arrow.gif);
	background-position:0 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
}
#navcontainer ul ul a:hover {
	color: #dd0028;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/iconArrow3.gif);
}
#navcontainer ul ul ul a:hover {
	color: #dd0028;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/iconArrow2.gif);
}
.floatContainer {
	float:left;
	width:100%;
	display: inline;
}
/******************************************************
2 COLUMN LAYOUT
Colum Left and Right
******************************************************/
.twocolcontent {
	/*
	margin: 0;
	padding: 0 em;
	*/
	font-size: 1em;
	background-image: url(../images/line.gif);
	background-repeat: repeat-y;
	width: 100%;
	float: left;/*font-size: 1.2em*/
}
.twocolLeft {
	width: 284px;
	margin: 0;
	padding: 0;
	margin-right:1px;
	float:left;
}
.twocolRight {
	width: 284px;
	margin: 0;
	padding: 0;
	margin-left:1px;
	float:left;
	margin-right: -3px;
}
/******************************************************
SMALL LARGE LAYOUT
******************************************************/
.smalllargecolcontent {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background-image: url(../images/smalllargeline.gif);
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}
.smallcolLeft {
	width: 188px;
	margin: 0;
	padding: 0;
	margin-right:1px;
	float:left;
}
.largecolRight {
	width: 378px;
	margin: 0;
	padding: 0;
	margin-left:1px;
	float:left;
	margin-right: -3px;
}
/******************************************************
LARGE SMALL LAYOUT
******************************************************/
.largesmallcolcontent {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background-image: url(../images/largesmallline.gif);
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}
.largecolLeft {
	width: 379px;
	margin: 0;
	padding: 0;
	margin-right:1px;
	float:left;
}
.smallcolRight {
	width: 189px;
	margin: 0;
	padding: 0;
	margin-left:1px;
	float:left;
	margin-right: -3px;
}
/******************************************************
THREE COLUMN LAYOUT
******************************************************/
.threecolcontent {
	margin: 0;
	padding: 0;
	font-size: 1em;
	background-image: url(../images/threecolline.gif);
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}
.threecolLeft {
	width: 189px;
	margin: 0;
	padding: 0;
	margin-right:1px;
	float:left;
}
.threecolMiddle {
	width: 188px;
	margin: 0;
	padding: 0;
	margin-left:1px;
	float:left;
	margin-right:1px;
}
.threecolRight {
	width: 189px;
	margin: 0;
	padding: 0;
	margin-left:1px;
	float:left;
	margin-right: -3px;
}
/******************************************************
1 COLUMN CONTENT
******************************************************/
.onecolcontent {
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 100%;/*font-size: 1.2em*/
}
/******************************************************
LAYOUT STYLES
******************************************************/
.twocolcontent h3, .smalllargecolcontent h3, .onecolcontent h3, .largesmallcolcontent h3, .threecolcontent h3 {
	padding: 0.5em 1em 0.5em 0.8em;
	border-bottom: 1px solid #B4B4B4;
	clear: both;
	font-size:0.9em;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	background-image: url(../images/h3bg.jpg);
	background-color: #e2e1e1;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #B4B4B4;
}
.onecolcontent p, .twocolLeft p, .twocolRight p, .largecolLeft p, .smallcolRight p, .smallcolLeft p, .largecolRight p, .largesmallcolcontent p, .threecolcontent p {
	margin: 1em 0 1em 0;
	padding:0em 1em 0 1em;
	text-align:justify;
}
.twocolcontent h6, .smalllargecolcontent h6, .onecolcontent h6, .largesmallcolcontent h6, .threecolcontent h6 {
	padding: 0.5em 1em 0.5em 0.8em;
	border-bottom: 1px solid #B4B4B4;
	clear: both;
	font-size:0.9em;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	background-image: url(../images/h3bg.jpg);
	background-color: #e2e1e1;
	font-weight: bold;
	border-top: 1px solid #B4B4B4;
}
.breadcrumbs {
	background-color: #F5F5F5;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	font-size: 10px;
}