body, html {
height: 100%;
font-size: 12px;
font-family: Courier New, Courier, monospace, sans-serif;
}
body a:link {
color: #B15AB2;
}
body a:visited {
color: #E14AB1;
}
body h2 a:link {
color: #B15AB2;
}
body h2 a:visited {
color: #B15AB2;
}
body, html, p, ul, ol {
margin: 0;
padding: 0;
border: none;
}
body {
line-height: 1.5; /*unitless for proper inheritance*/
}
h1, h2, h3, h4, h5, h6 {
margin: 5px 0;
font-family: Helvetica, Arial, Sans-serif !important;
line-height: 1.2em;
}
h1 {font-size: 2em}
h2 {font-size: 1.8333em}
h3 {font-size: 1.667em}
h4 {font-size: 1.5em}
h5 {font-size: 1.1667em}
h6 {font-size: 1em}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited {
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: underline;
}
p {
margin: 18px 0;
}
ul, ol {
margin: 0;
padding: 0;
}
/*--------------------*/
/*>>>>> Navigation <<<<<*/
/*--------------------*/
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*****************************************************************************************
* Primary Navigation generic dropdown behaviour
****************************************************************************************/
/* hide submenus (ul's inside a li) by default.
This is done by setting the position to absolute and moving the left
edge of the item offscreen to play nice with assistive technologies
(screen readers). Alternatives such as display: none /
display: block also hide content from screen readers.
*/
#navigation li ul {
position: absolute;
left: -999em;
}
/* while we are showing the direct submenu, hide lower level menus */
#navigation li.nav-hover ul ul,
#navigation li.nav-hover ul ul ul {
left: -999em;
zoom: 1;
}
/* when we hover over a menu item, show it's submenus (ul's) */
#navigation li.nav-hover ul,
#navigation li li.nav-hover ul,
#navigation li li li.nav-hover ul {
left: 0;
}
/*****************************************************************************************
* Primary Navigation layout / styling
****************************************************************************************/
#navigation {
display: block;
border-bottom: 1px solid #e1e1e1;
height: 35px;
}
/*****************************************************************************************
* MENU CONTAINERS (ul's)
****************************************************************************************/
/************************
* top level (and below) menus
************************/
#navigation ul {
list-style: none;
margin: 0;
padding: 0 6px 0 0;
}
/************************
* secondary level (and below) menus
************************/
#navigation ul ul {
width: 190px; /* set submenu width */
top: 34px; /* site directly below the primary links */
padding: 0;
border-bottom: 1px solid #000;
margin-left: 2px; /* account for 1px border on primary menu item images */
z-index: 10000;
}
/************************
* tertiary (and below) menus
************************/
#navigation ul ul ul {
margin-left: 189px; /* width of parent menu item above to sit directly next to it */
top: 0px; /* ul's are positioned absolute and the enclosing li is position: relative, this makes the top equal to the top of the enclosing menu item (li). If there's a border, this may need to change to -1px */
}
/*****************************************************************************************
* MENU ITEM CONTAINERS (li's)
****************************************************************************************/
/************************
* top level (and below) menu items
************************/
#navigation li {
background-image: none;
float: left; /* line them up in a line, side by side */
display: inline;
line-height: 33px;
position: relative; /* position relative so that we can adjust the submenu positions relative to this menu item */
margin: 0;
padding: 0 0 0 2px;
_height: 0;
_width: 0; /* IE6 needs this because it can't work out the width */
}
/************************
* secondary (and below) menu items
************************/
#navigation li li {
clear: left; /* make the menu items line up vertically */
float: none;
width: 190px;
padding-left: 0;
background: #034366;
}
/*****************************************************************************************
* MENU ITEM'S (a's)
****************************************************************************************/
/************************
* top level (and below) links
************************/
#navigation ul li a {
display: block;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
color: #000;
margin: 0;
padding: 1px 20px;
min-height: 30px;
_height: 30px;
xline-height: 30px;
vertical-align: middle;
text-decoration: none;
zoom: 1; /* make IE make the entire 'a' clickable */
_white-space: nowrap; /* IE6 did not understand the width of the element and needed this */
background: url(img/bg_nav_divider.gif) 0 5px no-repeat;
}
#navigation ul li li a {
font-size: 11px;
xborder: 1px solid white;
zoom: 1;
z-index: 20000;
_white-space: normal !important;
}
#navigation ul li li li a {
_white-space: normal !important;
}
#navigation li.home-link a {
background: none;
background-color: #fff;
}
/* hover state */
#navigation li.nav-hover a,
#navigation li:hover a {
border: 1px solid #565656;
background-color: #F5EEF5;
margin: 0;
background-image: none;
padding: 0px 19px 0px 19px;
}
#navigation li li a,
#navigation li li a {
border-bottom: none !important;
}
#navigation li li li a,
#navigation li li li a {
font-size: 9px !important;
}
#navigation li li.nav-hover a,
#navigation li li:hover a {
background-color: #fff;
border-bottom: none;
}
#navigation li li.nav-hover li a,
#navigation li li.nav-hover li a {
background-color: #F5EEF5;
}
#navigation li li li.nav-hover a,
#navigation li li li:hover a {
background-color: #fff;
}
/* active state */
#navigation li.active a {
}
#navigation li.current_page_item a:link ,
#navigation li.current_page_item a:visited {
color: #B15AB2;
}
/*****************************
* Header Styles
******************************/
#topbar {
height: 35px;
display: block;
border-bottom: 1px solid #E1E1E1;
clear: both;
padding-top: 5px;
}
#topbar #search {
float: right;
margin: 0;
width: 40%;
text-align: right;
}
#topbar #search label {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.91667em;
margin: 0 5px 0 0;
padding: 0;
height: 20px;
_min-height: 20px;
}
#topbar #search input {
width: 225px;
height: 20px;
padding: 5px 0 0 5px;
background-color: #F5EEF5;
border: 1px solid #E1E1E1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#topbar .rss {
float: left;
display: block;
background: url(img/rss.gif) 0 7px no-repeat;
height: 20px;
padding: 8px 0 0 22px;
width: 40%;
}
#topbar .rss a {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.91667em;
color: #000;
height: 20px;
_min-height: 20px;
display: block;
}
#header {
height: 270px;
overflow: hidden;
border-bottom: 1px solid #e1e1e1;
}
#header h1 , #header h2 {
display: none;
}
#header img.logo {
margin: 40px 0 0 0;
}
#logo {
width: 400px;
margin: 0 auto;
}
#about {
float: right;
width: 310px;
margin: 30px 10px 0 0;
}
#about img {
float: left;
}
#about p {
margin: 0;
float: right;
width: 235px;
line-height: 16px;
}
#header_ad {
float: right;
margin: 35px 10px 0 0;
}
#about a.more:link, #about a.more:visited {
}
span.heading {
display: block;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.91667em;
padding: 15px 0 15px 0;
}
.box span.heading {
color: black;
}
.box span.heading a:link,
.box span.heading a:visited {
color: black;
}
/*****************************
* Featured Styles
******************************/
#featured {
float: left;
padding: 30px 0px 35px 23px;
font-family: Courier New, Arial, Sans-serif;
border-bottom: 1px solid #e1e1e1;
}
#featured .text h2 {
font-family: Helvetica, Arial, Sans-serif !important;
}
#featured #article {
float: left;
}
#featured #article #title {
float: left;
width: 100%;
margin: 0 0 5px 0;
}
#featured #article h2 {
float: left;
width: 420px;
margin: 0;
font-family: Helvetica,Arial,Sans-serif;
}
#featured #article .meta {
float: left;
padding: 3px 0 4px 8px;
margin: 0 0 0 15px;
font-size: 1em;
}
#featured #article .meta .date {
font-size: 1em;
}
#featured #article .meta .comments {
font-style: italic;
font-weight: bold;
font-size: 1em;
}
#featured #article .text a.read_more {
font-style: italic;
}
#featured #article .thumb {
float: left;
padding: 17px 0 0 0;
margin: 0 0 0 15px;
}
#featured #article .thumb img {
}
#featured #full_article {
float: left;
width: 935px;
}
#featured #full_article .image {
float: left;
border: 1px solid #E1E1E1;
padding: 4px;
}
#featured #full_article .image img {
}
#featured #full_article .text {
float: left;
width: 410px;
line-height: 1.6;
padding-left: 50px;
font-size: 1.1667em;
}
#featured #full_article .text h2 {
font-family: Helvetica,Arial,Sans-serif;
margin: 0;
font-size: 30px;
padding-bottom: 20px;
display: block;
}
#featured #full_article .text a.read_more {
font-size: 1.1667em;
}
#twitter {
float: right;
padding: 0 0 0 60px;
width: 280px;
}
#twitter p {
font-size: 15px;
font-style: italic;
margin: 0;
padding: 10px;
width: 260px;
}
#twitter a#follow {
display: block;
height: 35px;
width: 252px;
margin: 0 0 0 -31px;
padding: 23px 0 0 60px;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
#feat_ad {
float: right;
margin: -20px 0 5px 10px;
}
#container #home_content {
background: url(img/bg_content_divider.gif) top left repeat-y;
float: left;
width: 960px;
padding: 0 0 60px 0;
border-bottom: 1px solid #e1e1e1;
}
#single_content {
float: left;
padding: 0 0 40px 0;
}
#left {
float: left;
width: 480px;
}
.push-left {
padding-left: 12px;
}
#home_content #left {
float: left;
width: 710px;
}
.single-post #left {
padding-top: 15px;
}
#left .box {
padding: 0 10px;
width: 655px;
}
#left_single {
float: left;
width: 660px;
padding: 10px 0 0 0;
}
#middle {
float: left;
width: 180px;
}
#home_content #middle {
width: 240px;
}
.single-post #middle {
padding-top: 15px;
}
#middle .box {
padding: 0 10px 20px 10px;
width: 220px;
border-bottom: 1px solid #e1e1e1;
}
#right {
float: left;
width: 300px;
}
#right .box {
padding: 0 10px 10px 10px;
width: 280px;
}
#tag_cloud span.heading {
margin-bottom: 0!important;
}
.widget ul li {
line-height: 28px;
}
span.first-letter {
font-size: 1px;
padding: 50px 50px;
display: inline;
float: left;
}
span.char-a span {background: url(img/first-letter/a.jpg) 0px 0px no-repeat;}
span.char-b span {background: url(img/first-letter/b.jpg) 0px 0px no-repeat;}
span.char-c span {background: url(img/first-letter/c.jpg) 0px 0px no-repeat;}
span.char-d span {background: url(img/first-letter/d.jpg) 0px 0px no-repeat;}
span.char-e span {background: url(img/first-letter/e.jpg) 0px 0px no-repeat;}
span.char-f span {background: url(img/first-letter/f.jpg) 0px 0px no-repeat;}
span.char-g span {background: url(img/first-letter/g.jpg) 0px 0px no-repeat;}
span.char-h span {background: url(img/first-letter/h.jpg) 0px 0px no-repeat;}
span.char-i span {background: url(img/first-letter/i.jpg) 0px 0px no-repeat;}
span.char-j span {background: url(img/first-letter/j.jpg) 0px 0px no-repeat;}
span.char-k span {background: url(img/first-letter/k.jpg) 0px 0px no-repeat;}
span.char-l span {background: url(img/first-letter/l.jpg) 0px 0px no-repeat;}
span.char-m span {background: url(img/first-letter/m.jpg) 0px 0px no-repeat;}
span.char-n span {background: url(img/first-letter/n.jpg) 0px 0px no-repeat;}
span.char-o span {background: url(img/first-letter/o.jpg) 0px 0px no-repeat;}
span.char-p span {background: url(img/first-letter/p.jpg) 0px 0px no-repeat;}
span.char-q span {background: url(img/first-letter/q.jpg) 0px 0px no-repeat;}
span.char-r span {background: url(img/first-letter/r.jpg) 0px 0px no-repeat;}
span.char-s span {background: url(img/first-letter/s.jpg) 0px 0px no-repeat;}
span.char-t span {background: url(img/first-letter/t.jpg) 0px 0px no-repeat;}
span.char-u span {background: url(img/first-letter/u.jpg) 0px 0px no-repeat;}
span.char-v span {background: url(img/first-letter/v.jpg) 0px 0px no-repeat;}
span.char-w span {background: url(img/first-letter/w.jpg) 0px 0px no-repeat;}
span.char-x span {background: url(img/first-letter/x.jpg) 0px 0px no-repeat;}
span.char-y span {background: url(img/first-letter/y.jpg) 0px 0px no-repeat;}
span.char-z span {background: url(img/first-letter/z.jpg) 0px 0px no-repeat;}
/*
span.char-a { padding: 50px 25px 25px 50px;}
span.char-a span {
background: url(img/first-letter/a.jpg) -7px -10px no-repeat;
}
span.char-b { padding: 50px 17px 22px 50px;}
span.char-b span {
background: url(img/first-letter/b.jpg) -7px -8px no-repeat;
}
span.char-c { padding: 50px 21px 27px 50px;}
span.char-c span {
background: url(img/first-letter/c.jpg) -7px -10px no-repeat;
}
span.char-d { padding: 50px 25px 23px 50px;}
span.char-d span {
background: url(img/first-letter/d.jpg) -7px -8px no-repeat;
}
span.char-s { padding: 50px 25px 29px 50px;}
span.char-s span {
background: url(img/first-letter/e.jpg) -15px -9px no-repeat;
}
*/
/*
* Twitter
*/
.widget_twitter ul.tweets li {
line-height: 1.5;
padding-bottom: 10px;
}
ul.tweets li a.timesince {
font-size: 11px;
color: #999999;
}
ul.tweets li a:link.timesince,
ul.tweets li a:visited.timesince {
color: #999999;
}
.widget_twitter a.followme {
padding-top: 10px;
display: block;
}
#more_posts {
}
#more_posts .item {
float: left;
width: 312px;
padding: 0px 10px 10px 10px;
}
#more_posts .left {
padding-left: 0;
margin-left: 0;
}
#more_posts .item h2 {
font-size: 18px;
padding: 5px 0 10px 0;
margin: 0;
}
#more_posts .item-row {
clear: both;
display: block;
border-bottom: 1px solid #E1E1E1;
padding: 15px 0;
}
#more_posts .archive-item {
border-bottom: 1px solid #E1E1E1;
padding: 15px 0;
display: block;
width: 100%;
float: none;
}
#more_posts .first-item-row {
padding-top: 0;
}
#more_posts h2 a {
font-family: Helvetica, Arial, Sans-serif;
font-size: 20px;
}
#more_posts .item .content p {
padding: 5px 0;
margin: 0;
font-family: Courier New, Arial, Sans-serif;
}
#more_posts .item .content {
display: block;
padding: 5px 25px 0 0;
margin: 0;
}
#more_posts .item img {
xfloat: left;
margin: 5px 8px 4px 0;
border:1px solid #E1E1E1;
padding: 4px;
display: block;
}
#more_posts .item .meta {
font-size: 11px;
}
#more_posts a#archives_link {
display: block;
text-align: right;
margin: 10px 0 10px 0;
font: italic bold 14px Georgia,Times,Serif;
}
#ad {
text-align: center;
padding: 10px 0;
}
h2.lifestream_date {
display: block;
font-size: 14px;
margin: 15px 0 15px 0;
}
.lifestream_label {
font-size: 11px !important;
font-family: Georgia,Times,Serif;
}
.lifestream_text {
font-size: 13px;
}
#popular {
}
#popular ul li {
padding: 0 0 7px 0;
margin: 0 0 7px 0;
}
#popular ul li h3 {
margin: 0;
font-size: 12px;
}
#popular ul li .comments {
font-family: Georgia,Times,Serif;
font-style: italic;
}
#recent_comments {
}
#recent_comments ul li {
padding: 0 0 7px 0;
margin: 0 0 7px 0;
}
#recent_comments ul li a:link, #recent_comments ul li a:visited {
}
#recent_comments ul li a .author {
font-family: Georgia,Times,Serif;
font-style: italic;
font-weight: bold;
}
#tags {
}
#post-meta {
padding-top: 20px!important;
font-size: 11px;
}
#post-meta p {
margin: 0 0 10px 0;
}
#related ul {
margin: -10px 0 5px 0;
}
#related ul li a:link, #related ul li a:visited {
display: block;
line-height: 30px;
}
#video .video_container {
padding: 7px;
margin: 0 0 10px 0;
}
#video .player {
width: 260px;
}
#video h3.playing {
margin: 10px 0 10px 0;
font: italic bold 16px Georgia,Times,Serif;
}
#video h3.playing a:link, #video h3.playing a:visited {
}
#video ul {
margin: 5px 0 0 0;
padding: 0 0 5px 0;
}
#video ul li {
font-style: italic;
}
#ads {
}
#ads .adblock {
padding: 3px 3px 0 3px;
margin: 0 0 10px 0;
}
#ads .adblock img {
margin: 5px;
}
#cats_archives {
float: left;
padding: 10px!important;
}
#cats_archives .heading {
margin: 0 0 10px 0;
}
#cats_archives #cats {
float: left;
width: 129px;
padding: 5px 10px 5px 0;
}
#cats_archives #archives {
float: left;
width: 130px;
padding: 5px 0 5px 10px;
}
#cats_archives ul li {
padding: 3px 0 3px 0;
}
#subscribe {
float: left;
}
#subscribe ul {
float: left;
width: 260px;
margin: 0 0 10px 0;
padding: 10px 10px;
}
#subscribe ul li {
float: left;
padding: 0 0 0 20px;
margin: 0 15px 0 0;
}
#footer {
float: left;
width: 930px;
padding: 15px 0px 50px 0px;
margin-left: 15px;
}
#footer ul {
float: left;
}
#footer ul li {
display: inline;
padding: 0 20px 0 0;
}
#footer div.rss {
background:transparent url(img/rss.gif) no-repeat scroll 0 0px;
display: inline;
padding:0px 0 5px 22px;
}
#footer ul li a:link, #footer ul li a:visited {
}
#footer p {
margin: 0;
float: right;
}
#footer p img {
vertical-align: middle;
}
#footer .categories {
padding-top: 20px;
float: left;
display: block;
width: 30%;
}
#footer .tags {
padding-top: 20px;
float: left;
display: block;
width: 30%;
}
#footer .categories span.heading,
#footer .tags span.heading {
padding: 3px 0;
}
#footer .copyright {
display: block;
float: right;
}
/*--------------------*/
/*>>>>> Post Styles <<<<<*/
/*--------------------*/
.post {
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #e1e1e1;
margin-right: 45px;
margin-left: 22px;
}
.single-page {
border-bottom: none;
}
.post h2.title {
font-family: Helvetica,Arial,Sans-serif;
margin: 0;
font-size: 30px;
padding-bottom: 20px;
display: block;
}
.post h2.page-title {
font-family: Helvetica,Arial,Sans-serif;
margin: 0;
font-size: 30px;
padding-bottom: 0px;
display: block;
}
.entry {
padding: 0 30px 0 0;
font-size:1.1667em;
}
.entry blockquote {
padding: 10px 30px;
}
.entry blockquote p {
margin: 0;
}
.entry ul {
padding: 0 0 0 15px;
}
.entry ul li {
list-style-type: circle;
}
.entry ul li ul {
margin: 5px 0;
}
.entry ul li ul li {
list-style-type: disc;
}
.entry ol {
padding: 0 0 0 15px;
}
.entry ol li {
list-style-type: upper-latin;
}
.entry ol li ol li {
list-style-type: lower-latin;
}
.entry img {
padding: 5px;
}
.entry.sitemap h3 {
margin: 15px 0 10px 0;
}
img.wp-smiley {
padding: 0;
border: none;
}
.entry .alignleft, .alignleft {
float: left;
margin: 0px 20px 15px 0;
}
.entry .alignright, .alignright {
float: right;
margin: 0px 0 15px 20px;
}
.entry .aligncenter {
text-align: center;
}
.prev-next-links {
display: block;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0 10px 0;
margin-left:22px;
margin-right:45px;
}
.prev-next-links .prev-link {
float: left;
width: 45%;
display: block;
text-align: left;
}
.prev-next-links .next-link {
float: right;
width: 45%;
display: block;
text-align: right;
}
.prev-next-links a {
font-size: 11px;
}
/*--------------------*/
/*>>>>> Comments Styles <<<<<*/
/*--------------------*/
#comments {
padding: 30px 0px 0px 0px;
margin-left: 22px;
}
#comments span.heading {
padding: 0 0 15px 0px;
margin-bottom: 0;
}
#comments ol {
float: left;
padding: 0 10px 0 0;
width: 640px;
margin: 0 0 15px 0;
}
#comments ol li {
float: left;
padding: 5px 10px 10px 0px;
}
#comments ol li p {
margin: 0 0 10px 0;
}
#comments ol li .text {
float: left;
width: 370px;
padding: 0 20px 0 0;
}
#comments .depth-2 .text {
width: 360px;
padding: 0 20px 0 10px;
}
#comments .depth-3 .text {
width: 350px;
padding: 0 20px 0 20px;
}
#comments .depth-4 .text {
width: 340px;
padding: 0 20px 0 30px;
}
#comments ol li .gravatar {
float: left;
width: 70px;
}
#comments ol li .gravatar img {
}
#comments ol li .meta {
float: left;
width: 160px;
}
#comments ol li .meta a:link, #comments ol li .meta a:visited {
font-weight: bold;
}
#commentform {
padding: 0px;
float: left;
width: 640px;
}
#commentform .textarea {
float: left;
width: 410px;
}
#commentform .textarea textarea {
width: 405px;
height: 127px;
padding: 5px 0 0 5px;
border: none;
font: 14px Helvetica,Arial,Times;
}
#commentform .details {
float: right;
width: 220px;
padding-top: 1px;
}
#commentform .details p {
margin: 0 0 11px 0;
}
#commentform .details label {
font-style: italic;
font-size: 11px;
}
#commentform .details input.txt {
width: 156px;
height: 20px;
padding: 4px 0 0 4px;
margin-right: 5px;
border: none;
}
#commentform .details input#submit {
border: 1px solid;
width: 161px;
font: 11px Georgia,Times,Serif;
text-transform: uppercase;
height: 25px;
}
/*--------------------*/
/*>>>>> Page Nav <<<<<*/
/*--------------------*/
.pagenavi {
border-bottom: 1px solid #e1e1e1;
}
div.wp-pagenavi {
height: 25px;
padding: 5px 0 0 0;
margin-top: 5px;
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
color: #B15AB2;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi span.current {
padding: 3px 5px;
margin-right: 5px;
border: 1px solid #fff;
color: #000;
display: inline;
font-weight: bold;
}
.wp-pagenavi a {
padding: 3px 5px;
margin-right: 5px;
border: 1px solid #fff;
color: #B15AB2;
display: inline;
}
.wp-pagenavi a:hover {
border: 1px solid #e1e1e1;
}
/*--------------------*/
/*>>>>> Custom Styles <<<<<*/
/*--------------------*/
.floatl {float: left;}
.floatr {float: right;}
.alignl {text-align: left;}
.alignr {text-align: right;}
.alignc {text-align: center;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {display:block;}
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; }
#comments .comment-head {
float: left;
display: block;
width: 50px;
padding-top: 4px;
}
#comments .avatar { margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry {
float: right;
display: block;
width: 91%;
}
#comments .comment-text {
padding-top: 5px;
}
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .comment-entry .unapproved { color: #AFAFAF;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; border-bottom:none; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond {
padding: 0px 0px 40px 0px;
margin-right: 45px;
margin-left: 22px;
}
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; display: block; }
#commentform { margin: 0; }
#commentform input.txt, #commentform textarea { width: 360px; font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; padding: 5px 7px; height: 120px; }
#commentform .req { color: red; }
#commentform #submit { margin: 15px 0 0 0; }
#commentform .left-comment-column {
float: left;
width: 40%;
display: block;
}
#commentform .right-comment-column {
float: left;
width: 40%;
display: block;
}
#commentform .comment-submit {
clear: both;
display: block;
}
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/************************
* IMAGE-REPLACED: accessible text image replacement
************************/
/*
Usage: the text to replace
*/
.image-replaced {
position: relative;
overflow: hidden;
}
.image-replaced span{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
}
/************************
* clearfix, a class to clear floated elements
************************/
/* clearfix for good browsers */
html > body .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {
display: inline-block;
}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
* html .clearfix {
_height: 0;
}
.clearfix {
display: block;
}
}