/*
Theme Name: Base Theme
Description:  Base theme for Wordpress with three collapsible columns
Version: 0.1
Author: Peter Sim

*/
@import url(columns_pixel.css);
body, div  {margin:0 ;
padding: 0;}

  
/*********************************************************
*                  Typographic reset
**********************************************************/
/**
 * Global Font Size
 *
 * All modern browsers set a base font of 16px, therefore
 * the default value of 1em = 16px. We reduce this to 12px.
 *
 * 75% of 16px. (0.75 * 16px = 12px).
 * 1em now is equal to 12 pixels. E.g.
 * 2em   = 24px
 * 1.5em = 18px
 * 1em   = 12px
 * 0.5em = 6px
 *
 * You may find this "px to em" calculator helpful;
 * http://riddle.pl/emcalc/
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }

fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }

caption,th { text-align: left; }

q:before,q:after { content: ''; }

a { text-decoration: none; }


/* Micro reset */
h1, h2, h3, h4, h5, h6,
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img,
em, dfn, del, ins {
  margin: 0; 
  padding: 0;
}

p {
  margin: 0 0 1em; 
  padding: 0;
}

blockquote p {
  margin: 0;
}

strong {
  font-weight: bold;
}

em, dfn {
  font-style: italic; 
}

dfn {
  font-weight: bold;
}

del {
  color: #555; 
}

ins {
  border-bottom: none;
  text-decoration: none;
}

pre, code, tt,
samp, kbd, var {
  font: 1em "Lucida Console", Monaco, "DejaVu Sans Mono", monospace;
}

/* Mitigate relative shrinkage */
li li, li p, td p, blockquote p {
  font-size: 1em;
}

blockquote, q {
  font-style: italic;
}

blockquote {
  margin: 0 0 1.5em;
  padding: 0 0 0 3em;  /* LTR */
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, 
blockquote:after, 
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

body {


	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;


}


 
html {
  font-size: 90%;
}

body {
  line-height: 1.5; /* unitless line height */
}

h1 {
  font-size: 2em;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight:normal;
}

h2 {
  font-size: 1.8em; 
    margin: 0 0 0.5em 0;
  font-weight: normal;
}

h3 {
  font-size: 1.5em;
  font-weight: normal;
}

h4 {
  font-size: 1.25em;
  font-weight: bold;
}

h5, h6 {
  font-size: 1em;
}

h5 {font-weight: bold;}

h6 {
  font-weight: normal;
  font-style: italic;
 }

.clear {clear: both;}

.hide						{ display:none; }

/*********************************************************
*                     Lists
**********************************************************/
ul, ol {
  margin: 0 0 1.5em 1.75em; /* LTR */
  padding: 0;
}

li {
  margin: 0; 
  padding: 0;
}

/* Set nested list indentation */
ul ul, ul ol,
ol ol, ol ul
{
  margin: 0 0 0 1.75em; /* LTR */
}

/* Set nested list list-style-types */
ul          {list-style-type: disc;}
ul ul       {list-style-type: circle;}
ul ul ul    {list-style-type: square;}
ul ul ul ul {list-style-type: circle;}
ol          {list-style-type: decimal;}
ol ol       {list-style-type: lower-alpha;}
ol ol ol    {list-style-type: lower-roman;}

dt {
  font-weight: bold;
}
dd {
  margin: 0 0 1.5em 1.75em; /* LTR */
}


/********************************
Links 
***********************************/


a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

.posttitle a {color: #333;}

.pagetitle {margin-bottom: .3em;
color: #903;}

/*********************************
Tables

***********************************/

#content table {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid solid none none;
  margin: 1em 0 1em 0; }

#content td {
  border-color: #ccc;
  border-style: none none solid solid;
  border-width: 1px;
  padding: 5px;

}

tr.alt {
 background: #f4f4f4;

}


/*****************************
Images etc.

***********************************/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 10px;
	position: relative;
}

.alignright {
	float: right;
	margin-left: 10px;
  position: relative;
}



/*****************************************

Widget Menus

******************************************/

.widget  {
font-size: .9em;
margin: 0 0 1.35em;

}

.widget h3 {
  font-family: Arial, sans-serif;
  color: #903;
  font-weight: normal;
  font-size: 1.4em;
 }

		
.sidebar  ul
{
margin-left: 16px;

}

.sidebar  ul li   {
  margin: 0;
    font-family: Arial, sans-serif;
  color: #039;
  list-style: circle;
  line-height: 1.1;
  padding-bottom: 0.4em;
}
 
 

.sidebar ul li a
 {
  display: block;
  /* margin: 0;
  padding: 0.1em 0em 0.1em 0em;
  border-width: 1px;
  border-color:  #fff #fff #ccc #fff;
  border-style: solid; */
  text-decoration: none;
  background: #ffffff;
}

 .sidebar ul li a:hover	 
 {
	color: #003;
}

.postmetadata {
  font-size: .8em;
  color: #666;
  background: #f0f0f0;
  padding: 2px;
  margin-top: 10px;
}  

#header {


}

#header .colmask {
background: #990033;
padding: 0;
}
/*
#header .description {height: 102px;} 

#header .rightmenu .colleft {background: #369 url(logo.jpg) 125% 0% no-repeat;
background-attachment: scroll;} */



#header  .rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-295px;
        position:relative;
        right:100%;
       }
	   
#header  .rightmenu .col2 {
color: #fff;
width: 270px;
left: 285px;
	position:relative;}

#header	.rightmenu  .col1 {
        margin:0 0px 0 295px;
        overflow:hidden; 
		position:relative;}
		

		
#header .rightmenu .col1wrap {padding-bottom: 0;}

#header .col2 address {padding: 5px 5px 5px 0;
font-size: .9em;
line-height: 1;}

h1.blogtitle {
   font-size: 1.7em;
   font-family: Garamond, Georgia, Times, serif;
   /* text-shadow: 4px 4px 4px #CCCCCC; */
   color: #999;
   margin:  10px 0 0 0;
   font-weight: bold;
   line-height: 1;
  
} 

h1.blogtitle a,
h1.blogtitle a:hover  {
  color: #fff;
  text-decoration: none;
  }

 #navbar {clear: both;}
  

#footer {
	text-align:center;

	position: relative;
	clear: both;
	}

#footer li {
  display: inline;
  margin-left: 10px;
  }
  
  /* Global resets for columns */
  
  #navbar,
  #footer,
  #page,
  .colmask
  {
  position: relative;

  }
  
/* fix to make Suckefish Menu Work */

#navbar {
z-index: 1;}

/* Multi column menu in footer */
  
  ul#menus {
  text-align:center;
  margin: 0;
  padding: 0;
  list-style: none;
  
  
  }
  ul#menus li {
margin: 0 !important;
padding-left: 0;
display:inline;
width: 12%;
float:left;
list-style-type:none;

}

ul#menus li ul 
{
display: block;
position: relative;
text-align:center;
padding-bottom: 2em;
margin: 0;

}

 ul#menus li ul li {
display: block;
float: none;
margin: 0;
text-align:center;
padding: 0;
width: 100%;

}

/*

.widget_toppost .afterwidget {

background: #fff url(box2.jpg) 100% 0% no-repeat ;
height: 18px;
}


.widget_toppost   {
  background: #fff url(box1.jpg) 0% 0% no-repeat ;
 margin: 0px 0 5px 0;
}

.widget_toppost .widgetbody {padding: 10px 10px 0 10px;}

*/
.content_top .widget,
.widget_toppost   {
  background: #eef ;
  border: solid 1px #ccf;
 margin: 0px 0 5px 0;
}
.content_top .widget,
.widget_toppost .widgetbody {padding: 0px 6px 0 6px;}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #003399;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #003399;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #3366cc;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}