/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
td.logo {
	background: url(http://cosmetricks.com/images/sprite.gif) 0px -89px no-repeat;
}
td.topbar1 {
	padding-bottom: 5px;
}

td.topbar2 {
	background: white url(http://cosmetricks.com/images/sprite.gif) 0px -163px repeat-x;
	background-repeat: repeat-x;
	font-weight: 100; 
	font-size: 10pt; 
	padding: 5px 0px 5px 0px; 
	color: #FFFFFF;
}

td.topbar2_right {
	font-weight: 100;
	font-size: 8pt; 
	padding: 5px 0px 5px 0px; 
	text-align: right;
     color: #FFFFFF;

}


a.menu_item:link { color: #336699; text-decoration: none; }
a.menu_item:visited { color: #336699; text-decoration: none; }
a.menu_item:hover { color: #3399FF; text-decoration: underline; }

a.top_menu_item:link { color: #FFFFFF; text-decoration: none;  }
a.top_menu_item:visited { color: #FFFFFF; text-decoration: none; }
a.top_menu_item:hover { color: #FFFFFF; text-decoration: underline; }


* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(http://cosmetricks.com/images/sprite.gif) 0px -163px repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #474848;
}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

h1 {
	letter-spacing: -1px;
	font-size: 3.6em;
	font-weight: normal;
}

h2 {
	margin-bottom: 15px;
	letter-spacing: -1px;
	text-transform: capitalize;
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 170%;
}

p {
}

blockquote {
	padding: 0 30px;
	background: url(images/img12.gif) no-repeat;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

blockquote p {
}

a {
	text-decoration: none;
	color: #336699;
}

a:hover {
	background: none;
	color: #3399FF;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
}

/* Menu */

#menu {
	height: 50px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 37px;
	padding: 13px 30px 0px 30px;
	font-size: 1.4em;
	font-weight: 100;
	color: #FCFDDF;
}

#menu a:hover {
	background: #333333;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: url(images/img04.gif) repeat-x;
}

/* Header */

#header {
	height: 60px;
}

/* Logo */

#logo {
	float: left;
}

#logo h1, #logo p {
	float: left;
}

#logo h1 {
	padding: 20px 0 0 20px;
	font-size: 1.8em;
	font-weight: 100;
	color: #fff;
}

#logo p {
	margin: 0;
	padding: 42px 0 0 6px;
	letter-spacing: 2px;
	line-height: normal;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
}

/* Search */

#search {

	width: 200px;
	padding: 10px 10px 4px 0;
	background: url(images/img05.gif) no-repeat left bottom;
}

#search fieldset {
	border: none;
}

#search legend {
	display: none;
}

#s {
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
	background: none;
	border: none;
	font: 100 13px Arial, Helvetica, sans-serif;
	color: #474848;
}

#x {
	display: none;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
}

#bgtop {
	height: 20px;
	background: url(images/img07.gif);
}

#bgbottom {
	padding-bottom: 20px;
}

#page ul {
	list-style: none;
}

#page ul li {
	padding-left: 15px;
	background: url(images/img11.gif) no-repeat left center;
}

/* Content */

#content {
	float: left;
	width: 500px;
	height: 800px;
	min-height: 800px;
	padding: 0 0 0 0px;
}

html>body #content {
	height: auto;
}

/* Post */

.post {
}

.post .bigpix {
	margin-bottom: 20px;
	background: #F0F0F0;
}

.post .bigpix .image {
}

.post .bigpix .caption {
	margin: 0;
	padding: 2px 10px 5px 10px;
	line-height: normal;
	font-size: .8em;
	font-weight: 100;
	color: #999999;
}

.post .bigpix .caption a {
	color: #999999;
}

.post .title {
	padding: 10px 10px 0 10px;
	font-size: 20px;
}	

.post .title a {
	background: none;
}

.post .byline {
	margin: 0;
	padding: 0 10px;
	line-height: normal;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 100;
	color: #C2C2C2;
}

.post .byline a {
	color: #C2C2C2;
}

.post .entry {
	padding: 20px 10px 0 10px;
}

.post .tags {
	margin: 0;
	padding: 5px 10px;
	background: #F0F0F0;
	line-height: normal;
	font-size: .8em;
	font-weight: 100;
}

.post .tags a {
	padding: 0 5px;
	background: none;
}

.post .links {
	padding: 5px 10px;
	border-bottom: 1px solid #EEEEEE;
	font-weight: 100;
}

.post .links .views {
	padding-left: 20px;
	background: url(images/img13.gif) no-repeat left center;
}

.post .links .permalink {
	padding-left: 18px;
	background: url(images/img14.gif) no-repeat left center;
}

/* Sidebar Common Style */

.sidebar {

}

#page .sidebar ul {
	line-height: normal;
}

#page .sidebar li {
	padding: 0;
	background: none;
}

#page .sidebar li ul {
}

#page .sidebar li li {
	padding: 5px 15px 5px 25px;
	background: url(images/img11.gif) no-repeat 10px 10px;
	border-bottom: 1px solid #F0F0F0;
}

.sidebar a {
	background: none;
}

/* Sidebar One */

#sidebar1 {
	float: right;
	width: 280px;
	padding: 0 0 0 20px;
}

/* Sidebar Two */

#sidebar2 {
	float: right;
	width: 180px;
	padding: 0 20px 0 0;
}

/* Calendar */

#calendar_wrap {
	padding: 0 10px 20px 10px;
}

#calendar_wrap table {
	width: 100%;
	text-align: center;
	background: #F6F6F6;
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
}

#calendar_wrap th, #calendar_wrap td {
	padding: 2px;
}

#calendar_wrap thead {
	background: #FFFFFF;
}

#calendar_wrap tbody {
	font-size: .8em;
	font-weight: 100;
}

#calendar_wrap tbody td {
	padding: 5px;
}

#calendar_wrap tbody a {
	font-size: 1.2em;
}

#calendar_wrap tfoot {
	background: #FFFFFF;
	text-transform: uppercase;
	font-weight: 100;
	font-size: .8em;
}

#calendar_wrap tfoot #prev {
	text-align: left;
}

#calendar_wrap tfoot #next {
	text-align: right;
}

/* Tag Cloud */

#tag_cloud {
	margin-bottom: 20px;
}

/* Footer */

#footer {
	width: 960px;
	height: 83px;
	margin: 0 auto;
}

#footer p {
	padding-top: 20px;
	text-align: center;
	font-size: .8em;
	font-weight: 100;
}

p.welcome { font-weight: 100; }

img.related { border: 2px solid #ccc; margin: 3px 4px 3px 4px }

a.page { padding: 5px 5px 5px 5px; border: 1px solid #1D62B3; background: none; font-weight: 100  }
span.activepage { padding: 5px 5px 5px 5px; border: 1px solid #666; font-weight: 100 }

.formSection { font-size: 13px; font-weight: 100; font-style: italic; margin-top: 5px }
.formTip { font-size: 11px; font-style: italic }
.formRow { display: block; margin: 4px }
.formLabel { float: left; width: 120px; text-align: right; display: inline; margin: 2px; font-size: 13px }
.formField { width: 300px; display: inline; margin: 2px }
.formField input[type=text] { font-size: 13px; width: 250px; padding: 2px }
.formField input[type=password] { font-size: 13px; width: 250px; padding: 2px }
.formField select { font-size: 13px; width: 200px; padding: 2px }
.formField textarea { font-size: 13px; width: 250px; height: 100px; padding: 2px }