/* --------------------------------template for all pages */

body	{
		margin: 0;
		font-size: 62.5%;
		font-family: arial;
		}

#wrapper	{
		width: 94em;
		margin: 0 auto;
		position: relative;
		background-color: #ffffff;
		}

#facebook {
		margin: .3em 0 0 5em;
}


h1		{
		font-size:	2.5em;
		margin: .4em 0em .5em 0;
		padding: 0 0 .4em .3em;
		color: #000000;
		clear: both;
		width: 35em;
		}
		
h2		{
		font-size: 3em;
		color: #3399ff;
		clear: both;
		}

p		{
		font-size: 1.5em;
		line-height: 1.2em;
		color: #666666;
		}

h1, h2	{
		font-family: "century gothic";
		font-weight: 100;
		}


/* ------------------------menu(part of template) ul li a  is different from other templates which only have ul. This is to have two link styles: one for the main menu, another for the blog links. */


ul		{
		margin: 0 0 3em 0;
		background-color: #ffffff;
		float: left;
		height: 3em;
		}

li		{
		float: left;
		list-style-type: none;
		border-left: solid 1px #ffffff;
		border-right: solid 1px #ffffff;
		}




#home a
		{
		color: #000000;
		background-color: #FFFFFF;
		margin: 1em 0 1em 0;
		padding: 0;
		text-align: left;
		}

#home a:hover
		{
		color: #00CCFF;
		}


a		{
		font-size: 1.1em;
		font-family: georgia;
		padding:  .6em .8em .2em .3em;
		text-decoration: none;
		list-style-type: none;
		float: left;
		width: 10em;
		height: 2.6em;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 2px;
		}
		

a:link	{
		color: #000000;
		background-color: #f0f0f0;
		}

a:visited	{
		color: #000000;
		background-color: #f0f0f0;
		}

a:hover	{
		color: #ffffff;
		background-color: #00CCFF;
		}

a:active	{
		color: #000000;
		}

ul		{
		padding: 0;
		}



/* ---------------------------------blog css*/

#main		{
		float: left;
		}



.blog_text	{
		width: 45em;
		font-size: 1.2em;
		margin: 0 0 5em 0;
		line-height: 1.5em;
		padding: 4em 0 0 0;
		border-top: dotted 20px #99ffcc;
		}

.blog_link:link
		{
		font-size: 1.2em;
		background-color: #ffffff;
		color: green;
		font-family: georgia;
		padding:  0 .5em 0 .5em;
		text-decoration: underline;
		list-style-type: none;
		float: inherit;
		width: auto;
		height: auto;
		text-transform: none;
		text-align: inherit;
		letter-spacing: 1px;
		}

.blog_link:visited
		{
		font-size: 1.2em;
		background-color: #ffffff;
		color: #FFCC33;
		font-family: georgia;
		padding:  0 .5em 0 .5em;
		text-decoration: underline;
		list-style-type: none;
		float: inherit;
		width: auto;
		height: auto;
		text-transform: none;
		text-align: inherit;
		letter-spacing: 1px;

		}

.blog_link:hover
		{
		background-color: #ffffff;
		color: green;
		font-family: georgia;
		padding:  0 .5em 0 .5em;
		text-decoration: underline;
		list-style-type: none;
		float: inherit;
		width: auto;
		height: auto;
		text-transform: none;
		text-align: inherit;
		letter-spacing: 1px;

		}

img		{
		float: right;
		padding: 2em 5em 2em 0;
		border-top: solid 1px #999999;
		width: 200px;
		}

#my_links	{
		margin: 0 0 0 57.5em;
		font-size: 1.2em;
		}

#my_links a	
		{
		background-color: #ffffff;
		color: #cc0000;
		margin: 0 .5em 0 0;
		}

#my_links a:hover
		{
		color: #ff6600;
		}


#ads	{
		padding: 0 0 1em 0;
		line-height: 0;
		}