/*

Theme Name: MeiYik

Author: Frank Lam

*/



/* RESET

*/



*			{margin: 0; padding: 0;}

html		{overflow-y: scroll;}

html, body	{height:100%;}

body		{font-size: 12px; font-family: Arial, sans-serif; color:#39489e;

			}

a			{outline: none; text-decoration: none;}

a img		{border: none;}

img			{border: none;}

li		{list-style: none;}

img			{vertical-align:middle;}

table		{border-collapse: collapse;}

hr			{color: #ccc;
background-color: #ccc;
height: 1px;
border:0;
width:300px;
text-align:left}



/*

UTILITY

*/



.floatLeft		{ float: left;}

.floatRight		{ float: right;}

.clear			{clear: both;}

.button			{border: 0px solid #666666; background: #666666;

				padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius:5px;

				color: #ffffff; }

.buttun:hover	{background: #cccccc; color: white;}

.product		{ vertical-align:bottom; width:260px; height:auto; overflow:visible; margin:10px; position:relative}
.product img		{ border:0; border-color:#cccccc; border-width:1px;}
.product img:hover		{ border:0; border-color:#cccccc; border-width:1px; }
.product-r		{width:130px; height:120px; overflow:hidden}





#link {width:250px; height:70px; overflow:hidden;font-size:15px; position:absolute; bottom:-80px; left:10px}

#link-r {width:120px; height:70px; overflow:hidden;padding-top:5px; padding-left:25px; background-image:url(images/p.jpg); background-repeat:no-repeat; background-position:10% 13%; font-size:12px; bottom:-70px;}




/*

STRUCTURE

*/



#page-wrap		{width:835px; margin: 0px auto -50px;

				min-height: 100%; height: auto !important; height:100%;

				background: url(images/bg_02.jpg) center repeat-y }

#push			{height: 50px;}

#main-col		{width: 835px; float: left; padding-bottom:10px;}

#main-col-2		{width: 760px; float: left; padding-top:0px; padding-left:30px;}

#left-col	{width: 213px; float: left; margin: 0px 0px 0 0; padding-right:0px;}
#left-col p {padding-left:15px;}



#right-col	{width: 592px; float: right; margin: 0px 0px 0 0; padding-right:0px; position:relative}





/*

TYPOGRAPHY

*/

p, li			{font-size: 12px; line-height:1.2em; margin: 5px 0 5px 0;}

p#intro-paragraph	{font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.0em;

					 font-style: normal; line-height: 1.4em; margin-top: 5px;}

p#intro-paragraph span {font-size:2.4em; font-weight: bold;}

p#intro-paragraph em { color: #ffffff ;}

a				{color: #39489e;}

a:hover			{color: #666666;}

h1				{font-size: 3.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;color: #965735;}

h2				{font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;color: #965735;}

h3				{font-size: 2.6em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;color: #965735;}

h4				{font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal; margin-bottom: 15px;color: #965735;}



/*

HEADER

*/



h1#logo 		{width: 853px; height: 67px;

				 background: url(http://www.madamelosecret.com/blog/images/index_01.jpg) top left no-repeat; 

				 text-indent	: -9999px; margin: 0px 0px 10px 0; float: left;}

#top-bar		{padding: 0px 0 0px 0; width:835px;}

#top-bar p		{color: #666666; width: 835px; float: left;}

form#searchform { margin:0px 0 0px 0; padding: 0 0 0 0; }



/*

INDEX

*/

#title-button {width:21px; height: 21px; background: url(/main/images/button.png) top left no-repeat; float:left;}

#title		{float: left; margin: -6px 0 0 5px;}

#content    {float: left; margin: 10px 0 0 0; width: 624px;}





/*

MENU

*/

#menu-bar		{padding: 0px 0 0 0; margin: 0px 0px 0px 0px;}

ul#main-nav		{width:835px; float: left;}

ul#main-nav li	{display: inline;}

ul#main-nav a	{text-transform: uppercase; color: #0054a2; font-family: Arial, Helvetica, sans-serif ;font-size: 0.9em; padding: 0px 7px;

				-moz-border-radius: 5px; -webkit-border-radius: 5px;}

ul#main-nav li a:hover  { color: #ffffff;}

@import "style/css/layout.css";



/*

BLOG ENTRIES

*/

.post h2		{}

ol.commentlist	{list-style: none;}

ol.commentlist li p {font-size: 0.9em;}





/*

FOOTER

*/

#footer			{height:50px; padding-top: 20px;}

#footer-inside	{width: 1003px; height:42px; margin: 0 auto}

#footer-inside p {color: #cccccc ; font-size: 0.6em;}