Charismatic Conversations #5

Another chain mail this time, but pictures. Shikhar sent me this awesome e-mail. Its about women.

tml ul li {* html ul li a {
height:1%;
}

a img {
border:none;
}

a,a:link,a:visited {
color:#9c4617;
text-decoration:none;
}

a:hover,a:active,.side-widget a:hover {
color:#ffffff;
background-color:#9c4617;
}

body {
background:url(‘images/bg-bottom.gif’) repeat left top;
text-align:center;
font-family:Georgia, “Trebuchet MS”, Times, serif;
padding-top:0!important;
}

#wrapper,#header .sleeve {
text-align:left;
width:900px;
margin:0 auto;
}

#header {
background:url(‘images/bg-top.gif’) repeat-x left top;
height:111px;
margin-bottom:20px;
overflow:hidden;
}

#header .sleeve {
position:relative;
}

#header h1 {
padding-top:36px;
width:520px;
color:#152002;
}

#header h1 a {
color:#152002;
text-decoration:none;
font-size:30px;
border-bottom:1px solid #c2c49e;
}

#header h1 a:hover {
border-bottom:1px solid #000;
background-color:transparent;
}

#header h1 span {
display:block;
margin-top:5px;
font-size:11px;
text-transform:uppercase;
}

#header .search-bar {
width:370px;
height:65px;
background:url(‘images/search-box.gif’) no-repeat left top;
position:absolute;
top:46px;
right:0;
}

.search-bar p {
padding:7px 10px 4px 20px;
}

.search-bar p input {
height:30px;
width:300px;
font-size:18px;
font-family:inherit;
border:none;
background-color:#f5f6e7;
}

.search-bar p button {
margin-left:10px;
width:20px;
height:30px;
border:none;
background-color:#f5f6e7;
}

.search-bar p button img {
vertical-align:middle;
}

#main {
float:left;
width:626px;
margin-bottom:20px;
}

#navigation {
width:626px;
min-height:42px;
background:url(‘images/nav-bg.gif’) repeat-y left top;
list-style:none;
}

#navigation li {
float:left;
display:inline;
background:url(‘images/nav-divider.gif’) no-repeat right top;
}

#navigation li a {
line-height:42px;
height:42px;
text-transform:lowercase;
font-size:13px;
display:block;
float:left;
color:#fff;
padding:0 15px;
}

#navigation li a:hover {
background:url(‘images/nav-bg-hover.gif’) repeat-x left top;
}

#navigation li.current_page_item a {
background:url(‘images/nav-bg-hover.gif’) repeat-x left top;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

#navigation li.current_page_item:first-child a {
background:url(‘images/nav-bg-hover-left.png’) repeat-y left top;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

#navigation li:first-child a:hover {
background:url(‘images/nav-bg-hover-left.png’) no-repeat left top;
}

#content {
clear:both;
background:#dee0bf url(‘images/content-bg.gif’) no-repeat left bottom;
padding:8px;
}

#single-content {
background:#dee0bf url(‘images/single-content-bg.gif’) no-repeat left bottom;
padding:8px;
}

.post,.page {
background-color:#fff;
font-size:13px;
position:relative;
padding:20px;
}

.sticky {
background:#F4F5DD;
}

.post-date {
position:absolute;
left:-44px;
width:44px;
height:83px;
background:url(‘images/date-tab.png’) no-repeat left top;
color:#fff;
font-size:15px;
}

.post-date a,.post-date a:link,.post-date a:visited {
color:white;
}

.post-date a:hover,.post-date a:active {
color:white;
}

.post-date .date-day {
display:block;
text-align:center;
font-weight:bold;
padding:5px 0 2px;
}

.post-date .date-month {
text-align:center;
display:block;
text-transform:uppercase;
}

h2 {
color:#6f7a33;
font:bold 24px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
padding-bottom:4px;
}

h2 a {
color:#6f7a33;
text-decoration:none;
}

h2 a:hover {
border-bottom:1px dotted #9c4617;
}

.metadata {
font:11px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
color:#878787;
padding-bottom:10px;
border-bottom:1px solid #dfdfdf;
}

.metadata a {
color:#878787;
text-decoration:none;
}

.metadata .feedback a {
color:#000000;
text-decoration:underline;
font-weight:bold;
}

.entry {
padding-top:10px;
line-height:1.5;
overflow:hidden;
}

.entry a {
color:#9c4617;
text-decoration:none;
padding:2px;
}

.entry a:hover {
color:#ffffff;
background-color:#9c4617;
}

.entry p,.entry ul,.entry ol {
padding-bottom:10px;
}

.navigation {
height:auto;
margin-bottom:10px;
clear:both;
}

.navigation .alignleft,.navigation .alignright {
width:50%;
}

.navigation .alignright {
text-align:right;
}

.navigation a,.navigation a:link,.navigation a:visited {
color:#9c4617;
text-decoration:none;
}

.navigation a:hover,.navigation a:active {
color:#ffffff;
background-color:#9c4617;
}

.clear {
clear:both;
}

.prev-next {
background-color:#fff;
font-size:13px;
padding:10px 20px 20px;
}

.comments-show .prev-next {
background:#dee0bf url(‘images/single-content-bg.gif’) no-repeat left bottom;
}

.prev-next .alignright {
float:right;
width:300px;
text-align:right;
}

.prev-next .alignleft {
float:left;
width:300px;
}

.prev-next a {
color:#717171;
}

#sidebar {
width:241px;
float:right;
}

#sidebar .side-widget {
background:url(‘images/side-bg-bottom.png’) no-repeat left bottom;
overflow:hidden;
font-size:13px;
line-height:1.3;
margin:0 0 25px;
padding:0 15px 10px;
}

#sidebar .side-rss {
background:none;
padding:0;
}

.side-rss p {
padding:0!important;
}

.side-widget .textwidget,.side-widget h3 {
background:url(‘images/side-bg-top.png’) no-repeat left top;
margin:0 -15px;
padding:10px 15px;
}

.side-widget h3 {
height:28px;
font-size:15px;
color:#252525;
}

.widget_text h3 {
background:none;
margin-top:-55px;
padding-top:15px;
position:relative;
top:48px;
}

.widget_text .textwidget {
padding-top:48px;
}

.side-widget p,.side-widget ul,.side-widget ol {
line-height:1.3;
}

.side-widget ul,.side-widget ol {
list-style-position:inside;
max-height:750px;
overflow:auto;
}

.side-widget a {
color:#4c6520;
text-decoration:none;
}

.side-widget ul li,.side-widget ol li {
border-top:1px solid #dfdfdf;
padding:8px 0 0;
}

.side-widget ul li li {
margin-left:8px;
}

.side-widget ul li:first-child,.side-widget ol li:first-child {
border-top:none;
}

#footer {
color:#fff;
font-size:12px;
clear:both;
padding:20px 0;
}

#footer a {
text-decoration:none;
color:#ffffff;
}

.copy-note {
float:left;
width:600px;
}

.design-note {
margin-top:-18px;
float:right;
width:171px;
}

.design-note a {
display:block;
height:35px;
background:url(‘images/449credit.png’);
text-indent:-9000px;
overflow:hidden;
}

.comments-show {
padding:20px;
}

h3#comments,h3#respond {
font:18px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
color:#2a3a0e;
padding-bottom:10px;
}

ol.commentlist {
list-style:none;
}

ol.commentlist li {
background:url(‘images/comment-bg.gif’) no-repeat left top;
margin-bottom:30px;
list-style:none;
}

ol.commentlist ul {
margin-left:40px;
}

ol.commentlist li .comment-gravatar {
float:left;
width:44px;
text-align:center;
padding-top:10px;
}

ol.commentlist .comment-body {
padding-top:10px;
padding-left:50px;
padding-right:10px;
}

ol.commentlist li .comment-body .comment-head {
color:#7c7e5c;
font:11px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
padding-bottom:10px;
}

ol.commentlist li .comment-body .comment-head a {
color:#7c7e5c;
}

ol.commentlist li .comment-body .comment-text {
color:#464734;
font-size:13px;
line-height:1.4;
}

ol.commentlist li .comment-body .comment-text p,ol.commentlist li .comment-body .comment-text ul,ol.commentlist li .comment-body .comment-text ol {
padding-bottom:15px;
}

ol.commentlist li .comment-body .comment-text a {
color:#464734;
font-weight:bold;
}

ol.commentlist li .comment-body .comment-text a:hover {
text-decoration:none;
}

.comment-form p {
padding-bottom:15px;
font:12px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
}

.comment-form p input,.comment-form p textarea {
color:#1a1a1a;
font:12px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
}

.comment-form p input {
height:18px;
padding:2px;
}

.comment-form p input#submit {
height:auto;
}

.comment-form p textarea {
width:100%;
padding:2px;
}

#navigation:after,.prev-next:after,#footer:after,ol.commentlist li:after {
display:block;
content:”.”;
height:0;
visibility:hidden;
clear:both;
}

#navigation,.prev-next,#footer,ol.commentlist li {
min-height:0;
}

* html #navigation,* html .prev-next,* html #footer,* html ol.commentlist li {
height:1%;
}

.entry blockquote,.comment-text blockquote {
margin-left:1em;
font-style:italic;
}

.entry ul,.entry ol {
list-style-position:outside;
margin-left:16px;
}

.entry ul li,.entry ol li {
margin-left:16px;
}

#wp-calendar {
width:100%;
padding-right:1em;
}

#wp-calendar td,#wp-calendar th {
text-align:right;
}

td#prev {
text-align:left;
padding-left:1em;
}

td#next {
text-align:right;
}

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

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

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

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

.attachment .aligncenter {
text-align:center;
}