/*----------------------------------------------------
MenScience Blog CSS Document 
Created:Mon 07.17.06 @ 2:45 p.m.
Updated:Wed 02.16.09 @ 5:50 p.m.
Author:Juan Manuel Zambrano
----------------------------------------------------*/

<style>

/*--- 00. General Components --------------------------------------------------------------------------*/
body {margin:40px 60px 0px 40px; padding:0; font-family:Arial, sans-serif; font-size:100%; line-height:1.3em; margin-top:0px;}
a:link {color:#0000FF; font-size:100%; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:hover {color:#FF9900; text-decoration:underline;}
a img {border-width:0;} 
li {align:left; list-style-type:disc; margin:0 0 -10px 5px;}


/*--- 01. Header Components ---------------------------------------------------------------------------*/
@media all {#header {width:660px;}}
@media handheld {#header {width:100%;}}
#blog-title {margin:5px 5px 0; padding:20px 20px; font-size:14px; line-height:1.2em; font-weight:normal; color:#FFFFFF;}
#blog-title a {color:#666; text-decoration:none;}
#blog-title a:hover {color:#FFCC00;}
#description {margin:0 5px 5px; padding:0 20px 20px; max-width:700px; font:Arial, sans-serif; letter-spacing:0.2em;}
h1 {font-size:1.7em;color:#333333; font-weight:bold}
h2 {margin:1.5em 0 .75em; font:1.3em Arial, sans-serif color:#333333; font-weight:bold}
h3 {font:13px Arial, sans-serif;}
.h3 {font-size:10px; font-family:Arial, Helvetica, sans-serif; font:Arial; color:#333333;}
.sml-content2 {font-size: 12px;	font-family: Arial, Helvetica, sans-serif; font: Arial;	color: #999999; line-height: 10px;}
.font1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: Normal; color: #000000;}


/*--- 01. Content Components ---------------------------------------------------------------------------*/
@media all {#content {width:100%;	margin:5px 5px 0; padding:0; text-align:left;} #main {width:580px; float:left;} #sidebar {width:190px; float:right;}}
@media handheld {#content {width:90%;} #main {width:100%; float:none;} #sidebar {width:100%; float:none;}}


/*--- 02. Posts ----------------------------------------------------------------------------------------*/
@media all {.date-header {margin:1.5em 0 .5em;} .post {margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em;}}
@media handheld {.date-header {padding:0 1.5em 0 1.5em;} .post {padding:0 1.5em 0 1.5em;}}
.post-title {margin:.25em 0 0; padding:0 0 4px; font-family:Arial, sans-serif; font-size:140%; font-weight:bold; line-height:1.4em; color:#FF9900;}
.post-title a, .post-title a:visited, .post-title strong {
	display:block;
	text-decoration:none;
	color:#FF9900;
	font-weight:bold;
}
.post-title strong, .post-title a:hover {color:#333;} .post div {margin:0 0 .75em; line-height:1.6em;}
.post-body {font-family:Arial, sans-serif; font-size:120%; line-height:1.3em; margin-top:0px;}
p.post-footer {margin:-.25em 0 0; color:#ccc;}
.post-footer em, .comment-link {font:90%/1em Arial, sans-serif; letter-spacing:.1em;}
.post-footer em {font-style:normal; color:#999; margin-right:.6em;}
.comment-link {margin-left:.6em;}
.post img {padding:4px; border:1px solid #ddd;}
.post blockquote {margin:1em 20px;}
.post blockquote p {margin:.75em 0;}


/*--- 03. Comments -------------------------------------------------------------------------------------*/
#comments h4 {margin:1em 0; font:bold 78%/1.6em Arial, sans-serif; letter-spacing:.2em; color:#999;}
#comments h4 strong {font-size:130%;}
#comments-block {margin:1em 0 1.5em; line-height:1.6em;}
#comments-block dt {margin:.5em 0;}
#comments-block dd {margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:78%/1.4em Arial, sans-serif; letter-spacing:.1em;}
#comments-block dd p {margin:0 0 .75em;}
.deleted-comment {font-style:italic; color:gray;}


/*--- 04. Sidebar Components ---------------------------------------------------------------------------*/
#sidebar ul {border-bottom:1px dotted #ccc;	list-style:none;}
#sidebar li {margin:0; list-style:none;	list-style-type:none;}
#sidebar p {color:#666; line-height:1.5em;}
side-title {color:#58a;	font-variant:normal; font-weight:normal; font-size:100%;}


/*--- 05. Profile Components ---------------------------------------------------------------------------*/
#profile-container {margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em;}
.profile-datablock {margin:.5em 0 .5em;}
.profile-img {display:inline;}
.profile-img img {float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0;}
.profile-data {margin:0; font:bold 78%/1.6em Arial, sans-serif; letter-spacing:.1em;}
.profile-data strong {display:none;}
.profile-textblock {margin:0 0 .5em;}
.profile-link {margin:0; font:78%/1.4em Arial, sans-serif; letter-spacing:.1em;}


/*--- 05. Footer Components ---------------------------------------------------------------------------*/
#footer {width:660px; clear:both; margin:0 auto;}
#footer hr {display:none;}
#footer p {margin:0; padding-top:15px; font:78%/1.6em Arial, sans-serif; letter-spacing:.1em;}
body,td,th {font-size:87%;}
.post1 {margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em;}
.post1 { padding:0 1.5em 0 1.5em;}
.sml-content {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
a.footer, a.footer:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#0000FF; font-size:11px;}
a.footer:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000; font-size:11px;}
a.footer:visited:hover {font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline;}
a.footer2, a.footer:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#0000FF; font-size:10px;}
a.footer2:hover {font-family:Arial, Helvetica, sans-serif;	text-decoration:underline;	color:#333333;	font-size:10px;}
a.footer2:visited:hover {font-family:Arial, Helvetica, sans-serif;	color:#000000;	text-decoration:underline;}

</style>