/*
Theme Name: Tiga
Theme URI: http://www.shamsulazhar.com/wp/archives/31
Description: A simple 3 column theme which is <a href="http://www.gravatar.com">gravatar</a> ready and also compatible with <a href="http://www.randombyte.net/blog/projects/falbum/">FAlbum</a>.
Author: Shamsul Azhar
Author URI: http://shamsulazhar.com
Version: 1.0.1
*/
/***************************************************************************/
/* HTML Tags */
/***************************************************************************/

body {
margin:0;
padding:0;
text-align:center;
background-color:#F5F5F5;
font:76.1%/1.3em tahoma, Arial, Helvetica, sans-serif;
color: #000;
}

h1 {
margin:0px;
padding:0px;
}

h2 {
margin-bottom:0px;
}

blockquote {
	border-color:#C5C4BC;
	background-color:#F8F7EF;
	border-width:1px 1px 1px 8px;
	border-style:dotted dotted dotted solid;
	padding:0em 1em;
}

pre {
	overflow:auto;
	width:80%;
	font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
	background: #e7e6de;
	border: solid 1px #aaa;
	padding: 0px 10px 15px 10px;
}

.comment-text pre {
	margin:0px 30px 15px 30px;
}

pre code, pre pre {
	border: 0;
}

/*code {
	font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
	font-size: 12px;
	background: #e7e6de;
	border: solid 1px #aaa;
}*/
a {color: #000000;
text-decoration: underline;}
a:visited {color: #575C62;
text-decoration: underline;}
a:hover {color:#006400;
text-decoration: underline;}
a:active {color: #CAD6EE;
text-decoration: none;}	
a img {
border:0;
}

/***************************************************************************/
/* This is the container for the whole page */
/***************************************************************************/

.page {
max-width:800px;
min-width:600px;
position:relative;
padding:5px;
margin:0 auto;
text-align:left;
}

/***************************************************************************/
/* Header */
/***************************************************************************/

.header {
margin:0;
padding:0;
background:#fef7ad url(images/header-bg.png) 0 0 repeat-x;
height:180px;
border:1px solid #aaa;
}
#bloginfo {
float:right;
position:relative;
top: 0px;
left: 0px;
margin:0;
padding:0;
width:82.5%;
text-align:left;
}
#bloginfo h1 {
position:relative;
top:18px;
left:2%;
margin:0;
padding:0;
width:333px;
height:30px;
font:bold 14px/16px arial, helvetica, sans-serif;
text-align:left;
background-color:transparent;
color:#ccc;
z-index:90;
}
#bloginfo h1 span {
position:absolute;
display:inline;
top:0;
left:0;
margin:0;
padding:0;
width:224px;
height:60px;
background:transparent url(images/funinla.png) top left no-repeat;
z-index:10;
}
#bloginfo h2 {
position:relative;
margin:-25px 0 0 0;
padding:0 2% 0 0;
text-align:right;
font: italic 700 1.1em Arial, Helvetica, sans-serif;
color:#006400;
}
#bloginfo div.date {
position:relative;
top:135px;
margin:0;
padding-right:2%;
text-align:right;
}
#topbanner {
position:absolute;
top:110px;
left:2%;
margin:0;
padding:0;
border:1px solid #ccc;
}
#maine {
position:relative;
float:left;
margin:2px 0 0 20px;
padding:0;
width:115px;
height:175px;
background: transparent url(images/maine.png) 0 0 no-repeat;
}
#maine p {
position:relative;
top: 45px;
left: 0px;
margin:0 auto 0 auto;
padding:0 12px 0 0;
width:70px;
text-align:center;
}


/***************************************************************************/
/* Menu Bar */
/***************************************************************************/
/* JDB Removed menu-bar from template */
/*#menu-bar {
clear:both;
margin:0 0 5px 0;
padding:3px 0 3px 0;
text-align:center;
white-space:nowrap;
text-decoration:none;
font-size:.9em;

}
#menu-bar ul {
padding:2px 0;
margin:0;
}
#menu-bar li {
padding:2px 0;
display:inline;
background-color:F5F5F5#fff;
}

#menu-bar li a {
border:1px solid #575c62;
padding:2px 8px;
background-color:F5F5F5#fff;
text-decoration:none;
}

#menu-bar li a:hover {
padding:2px 8px;
background-color:#99CCFF#006400;
color:#000066#f2f2f2;
text-decoration:none;
border:1px solid #aaa;
}*/

/***************************************************************************/
/* Post */
/***************************************************************************/

h2.post-title {
margin:0;
padding:0;
font-family: Georgia, Garamond, Serif;
text-decoration: none;
background-color:#c5ebd8;
color:/*#006400*/#cad6ee;
}
h2.post-title a:link, h2.post-title a:visited {
margin:0;
padding:0;
font-family: Georgia, Garamond, Serif;
text-decoration: none;
background-color:#c5ebd8;
color:#318331;
}
h2.post-title a:hover, h2.post-title a:active, h2.post-title a:focus {
color:#006400;
}
.post-content h3 {
margin:0;
padding:3px auto;
text-align:center;
color:#cc6600;
}
.post-content, .comment-content {
color:#006400;
font-size:1.1em;
line-height:1.3em;
}
.post-time, .post-author {
font-size:.8em;
color:#aaa;
background-color:#c5ebd8;
}
.post-author {
margin-bottom:3em;
}
.post-metadata {
font-size:.8em;
color:#575c62;
background-color:#c5ebd8;
padding-left:3em;
}
.postdate {
font-size:.8em;
color:#575c62;
}

/***************************************************************************/
/* Sidebars */
/***************************************************************************/

.left-sidebar, .right-sidebar {
	top:190px;
	font-size:.8em;
	position:absolute;
}

.left-sidebar {
	width:150px;
	left:5px;
}

.right-sidebar {
	width:170px;
	right:7px;
}

#webCal_title_cage {
text-align:center;
font-weight:bold;
}
.minicalmonthlink {
text-align:center;
}
.minicalmonthlink a, .minicalmonthlink a:visited {
text-align:center;
}
.contactinfo {
margin:0;
padding:0;
font-size:1.1em;
}
.contactinfo div {
font-weight:bold;
}
.contactinfo ul {
padding-right:0;
margin-right:0;
color:#333;
}
.contactinfo li {
margin:2px 0 2px 0;
padding:0;
list-style-type:none;
line-height:.95em;
}

/***************************************************************************/
/* WordPress Sidebar Widgets */
/***************************************************************************/

/* Left and right sidebars */
ul.left-sidebar, ul.right-sidebar {
padding:0px;
margin:0px;
}

/* Left widget title */
ul.left-sidebar li h2 {
background:#318331 url(images/left-right-widget-title.png) 0 0 repeat-x;
color:#FFF;
}

/* Right widget title */
ul.right-sidebar li h2 {
background:#318331 url(images/left-right-widget-title.png) 0 0 repeat-x;
color:#FFF;
}

/* Left and right widget title */
.widgettitle, ul.left-sidebar li h2, ul.right-sidebar li h2 {
border:1px solid #006600;
font-size:.85em;
font-weight: bold;
padding:5px;
margin:-10px -5px 5px;
}
/* Left widget */
.left-wp-widget {
width:138px;
}
/* Right widget */
.right-wp-widget {
width:160px;
}
/* Left and right widget */
.left-wp-widget, .right-wp-widget {
margin-bottom:5px;
padding:10px 5px;
border:1px solid #060;
background-color:#ffefad;
color:#060;
}
/* Style of the block containing the widget contents */
.left-wp-widget ul, .right-wp-widget ul {
list-style-type:none;
padding-left:7px;
margin-top:0px;
margin-left:0px;
}
/* Style of each items in the widget contents */
.left-wp-widget li, .right-wp-widget li {
margin-top:5px;
}
/* In case the widget content contains a form eg. the Search box */
.left-wp-widget form, .right-wp-widget form {
margin:0;
padding:0;
}
/* Correct the style if the widget title is a link */
h2.widgettitle a:link, h2.widgettitle a:visited {
color:#FFF;
text-decoration:none;
}

/***************************************************************************/
/* Old Style Tiga Widgets */
/***************************************************************************/

/* Adds background image to the left and right widget title */
.left-widget-title, .right-widget-title {
background:#318331 url(images/left-right-widget-title.png) 0 0 repeat-x;
}


.left-widget, .right-widget {
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}

.left-widget-title {
width:138px;
padding:5px;
border:1px solid #006600;
font-size:.90em;
font-weight: bold;
background:#318331 url(images/left-right-widget-title.png) 0 0 repeat-x;
color:#FFFFFF;
}
.left-widget {
margin-bottom:5px;
padding:5px;
width:138px;
border:1px solid #060;
color:#060;
background-color:#ffefad;
}

.right-widget-title {
width:160px;
padding:5px;
border:1px solid #006600;
font-size:.90em;
font-weight: bold;
background:#318331 url(images/left-right-widget-title.png) 0 0 repeat-x;
color:#FFFFFF;
}

.right-widget {
margin-bottom:5px;
padding:5px;
width:160px;
border:1px solid #060;
color:#060;
background-color:#ffefad;
}

.left-widget ul, .right-widget ul {
list-style-type:none;
padding-left:7px;
margin-top:0px;
margin-left:0px;
}

.left-widget li, .right-widget li {
margin-top:5px;
}
.left-widget li a, .right-widget li a, .left-widget li a:visited, .right-widget li a:visited  {
color:060;
}


#container-nav {
padding:0;
margin:0 4px 0 0;  
width:87%;
text-align:left;
font:1.2em Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;	
background-color: #006400;
color: #333;
}

#container-nav ul {
list-style: none;
margin:0;
padding:0;
border:none;
}

#container-nav li {
margin:0;	
padding:0;
}

#container-nav li a {
display: block;
width: 100%;
padding: 12px 1px 1px 1px;
border-left: 10px solid #C5EBD8;   
border-bottom: 1px solid #C5EBD8;
text-decoration: none;
background-color: #F5FFFA;
color: #006400;
}

html>body #container-nav li a { width: auto; }

#container-nav li a:hover, #container-nav li a:focus, #container-nav li a:active {
border-left: 10px solid  #f2f2f2;
border-bottom: 1px solid #f2f2f2;
background-color: #F5FFFA;
color: #CCC;
}
#news {
padding:10px;
border:1px solid #ccc;
background-color:#f5f5f5;
color:#000;
}
#news h3 {
margin:0 0 15px 0;
padding:0;
color:#000;
letter-spacing:.3em;
}
#news h4 {
margin:0 0 7px 0;
padding:0;
color:#cc6600;
}
.center-widget-title {
color:#575c62;
background-color:#ffefad;
border-color:#C5C4BC;
margin-left:155px;
margin-right:177px;
border-width:1px 1px 0px 1px;
border-style:solid;
font-size:.85em;
font-weight: bold;
padding:5px;
}
.center-widget {
margin:4px 177px 5px 155px;
padding:1em;
border:2px dashed #318331;
font-size:1em;
background-color:#c5ebd8;
color:#000;
}
.footer {
position: relative;
margin-left:155px;
margin-right:177px;
padding:0;
font-size:9px;
text-align:center;
background-color:#FFFFFF;
color:#999;
border:1px solid #C5C4BC;
}
.footer a {
color:#999;
}
.footer p {
margin:5px;
}
.footer p.copyrt {
color:#575c62;
}

img {
	border:0;
}

h3#respond, h3#comments {
	color:#000;
}

.single-post-metadata {
	color:#003366;
	background-color: #F8F7EF;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.even-comment {
}

.odd-comment, .even-comment{
	/*background-color:#f8f7ef;*/
}



h3#respond, h3#comments {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-bottom:0px
}

/* Comments Styles */
.comments-title {
color:#003366;
background-color:#f5f5f5;
border: none;
font-weight:normal;
}
.comments {
border:none;
background-color:#f5f5f5;
}
.comment-header {
	border:0px;
	padding:5px 10px;
	border-style:solid;
	background-color:#fef7ad;
}
.replytitle {
margin-bottom:0;
border:0px;
border-style:solid;
background-color:#fef7ad;
}
.replybox {
margin-top:0;
border-color:#e7e6de;
	border-width:1px;
	border-style:solid;
background-color:#f8f7ef;
}
.comment-num:link, .comment-num:visited, .comment-num:hover{
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	font-style:italic;
	color:#aaaaaa;
	background-color:transparent;
	text-decoration:none;
}

.comment-text {
	padding:0px 10px;
	border-color:#e7e6de;
	border-width:1px;
	border-style:solid;
	background-color:#f8f7ef;
}

.comment-list .odd-comment,
.comment-list .even-comment {
	font-size:12px;
	margin-bottom:15px;
}

.comment-list {
	font-size:12px;
	padding:0px;
	margin:0px;
}

.comment-date{
	color:#999999;
	font-size:7pt;
}

.comment-edit-link {
	color:#999999;
	font-size:7pt;
}

/* Single post */
.single-post-metadata {
	font-size:.8em;
	/*font-style:italic;*/
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	padding:1em;
	clear:both;
}

/***************************************************************************/
/* Dum, dum dum dum, Don't touch this! */
/***************************************************************************/
/* IE Hack (http://www.positioniseverything.net/easyclearing.html) - Begin */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* IE Hack - End */
/***************************************************************************/

/* Search input */
input#s {
	width:50%;
}

/* Page nav */
.bottom-page-nav, .top-page-nav {
color:#003366;
text-align:center;
background-color:#f5f5f5;
border: none;
}

.permitted-tags {
	font-size:7pt;
	color:#999999;
	background-color:#FFFFFF;
	width:300px;
}

textarea#comment {
	width:400px;
}

.google-ads {
	text-align:center;
}

.gravatar {
	float:left;
	border:1px solid #888888;
	padding:2px;
	background-color:#ffffff;
	margin-right:5px;
}
