Archives by date and by category
}
/*-------------------- LOGO -------------------------------*/
img.logo {
display: block;
margin: 0px 60px 0px 30px; }
td.logoarea-logo {
width: 1%;
}
/*-------------------- BLOG TITLE -------------------------*/
h1.blogtitle,
h2.blogtitle {
display: block;
margin: 0;
padding: 0;
letter-spacing: -1px;
line-height: 1.0em;
font-size: 200%;
text-transform: uppercase;
margin-right: 740px; font-smooth: always;
}
h1.blogtitle a:link,
h1.blogtitle a:visited,
h1.blogtitle a:active,
h2.blogtitle a:link,
h2.blogtitle a:visited,
h2.blogtitle a:active {
text-decoration: none;
color: #000000;
font-weight: normal;
font-smooth: always;
}
h1.blogtitle a:hover,
h2.blogtitle a:hover {
text-decoration: none;
color: #AC161B;
font-weight: normal;
}
/*-------------------- BLOG TAGLINE -----------------------*/
p.tagline {
margin: 0;
padding: 0;
font-size: 1.2em;
font-weight: normal;
color: #444;
margin-right: 740px; }
td.feed-icons {
white-space: nowrap;
}
div.rss-box {
height: 1%;
display: block;
padding: 10px 0 10px 10px;
margin: 0;
width: 10px;
}
/*-------------------- COMMENTS FEED ICON -----------------*/
a.comments-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 5px;
padding-left: 22px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.comments-icon:link,
a.comments-icon:active,
a.comments-icon:visited {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/comment-gray.png) no-repeat scroll center left;
}
a.comments-icon:hover {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/comment.png) no-repeat scroll center left;
}
/*-------------------- POSTS FEED ICON --------------------*/
a.posts-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 0;
padding-left: 20px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.posts-icon:link,
a.posts-icon:active,
a.posts-icon:visited {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/rss-gray.png) no-repeat scroll center left;
}
a.posts-icon:hover {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/rss.png) no-repeat scroll center left;
}
/*-------------------- EMAIL SUBSCRIBE ICON ---------------*/
a.email-icon {
height: 22px;
line-height: 22px;
margin: 0 5px 0 5px;
padding-left: 24px;
display: block;
text-decoration: none;
float: right;
white-space: nowrap;
}
a.email-icon:link,
a.email-icon:active,
a.email-icon:visited {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/email-gray.png) no-repeat scroll center left;
}
a.email-icon:hover {
background: transparent url(http://afterbirthstories.com/wp-content/themes/atahualpa/images/email.png) no-repeat scroll center left;
}
/*-------------------- SEARCH BOX IN HEADER ---------------*/
td.search-box {
height: 1%;
}
div.searchbox {
height: 35px;
border-bottom: 0;
width: 200px;
margin: 0;
padding: 0; }
div.searchbox-form {
margin: 5px 10px 5px 10px;
}
/*-------------------- HORIZONTAL BARS --------------------*/
div.horbar1,
div.horbar2 {
font-size: 1px;
clear: both;
display: block;
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
div.horbar1 {
height: 5px;
background: #ffffff;
border-top: dashed 1px #cccccc; }
div.horbar2 {
height: 5px;
background: #ffffff;
border-bottom: dashed 1px #cccccc; }
/*-------------------- CLICKABLE HEADER IMAGE -------------*/
div.clickable {
position:absolute;
top:0;
left:0;
z-index:3;
margin: 0;
padding: 0;
width: 100%;
height: 250px;
}
a.divclick:link,
a.divclick:visited,
a.divclick:active,
a.divclick:hover {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
}
/* ------------------------------------------------------------------
---------- LEFT SIDEBARS ---------------------------------------------
------------------------------------------------------------------ */
td#left {
vertical-align: top;
padding: 0 10px;
}
td#left-inner {
vertical-align: top;
padding: 0 10px;
}
/* ------------------------------------------------------------------
---------- RIGHT SIDEBARS --------------------------------------------
------------------------------------------------------------------ */
td#right {
vertical-align: top;
padding: 0 10px;
}
td#right-inner {
vertical-align: top;
padding: 0 10px;
}
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */
td#middle {
vertical-align: top;
width: 100%;
padding: 0px 30px 20px 30px; }
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */
td#footer {
width: auto;
padding: 10px;
border-top: solid 5px #fafafa;
text-align: center;
color: #000000;
font-size: 11px; }
td#footer a:link, td#footer a:visited, td#footer a:active {
text-decoration: none;
color: #111166;
font-weight: normal; }
td#footer a:hover {
text-decoration: underline;
color: #AA1111;
font-weight: normal; }
/* ------------------------------------------------------------------
---------- WIDGETS --------------------------------------------------
------------------------------------------------------------------ */
div.widget {
display: block;
width: auto; /* without this IE will stretch too-wide select
menus but not the other widgets. With 100% IE
will remove sidebar borders if select menu is
too wide */
font-size: 11px;
line-height: 1.2;
padding: 10px 0 20px 0;
border-bottom: solid 5px #fafafa;
margin-bottom: 10px; }
div.widget-title {
display: block;
width: auto;
}
div.widget-title h3,
td#left h3.tw-widgettitle,
td#right h3.tw-widgettitle,
td#left ul.tw-nav-list,
td#right ul.tw-nav-list {
padding:0;
margin:0;
font-size: 1em;
font-weight: normal;
color: #333;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Since 3.4 "div-widget-content" is gone for better plugin compatibility.
Instead we'll try to mimick the feature by putting the styles on the following
containers: */
div.widget ul,
div.textwidget {
display: block;
width: auto;
}
/* ------------------------------------------------------------------
---------- Select MENUS INSIDE OF WIDGETS -------------------------
------------------------------------------------------------------ */
/* if a select menu is too wide to fit into the sidebar (because one
or several of its option titles are too long) then it will be cut off
in IE 6 & 7 */
div.widget select {
width: 98%; /* auto won't work in Safari */
margin-top: 5px;
}
/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS ----------------------------------
------------------------------------------------------------------ */
div.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
}
/*------------- base styling for all widgets -----------*/
div.widget ul li {
display: block;
margin: 2px 0 2px 0px;
padding: 0 0 0 0px;
border-left: solid 0px #CCCCCC;
}
div.widget ul li:hover,
div.widget ul li.sfhover {
display: block;
width: auto;
border-left: solid 0px #000000;
}
div.widget ul li ul li {
margin: 2px 0 2px 5px;
padding: 0 0 0 0px;
border-left: solid 0px #CCCCCC;
}
div.widget ul li ul li:hover,
div.widget ul li ul li.sfhover {
border-left: solid 0px #000000;
}
div.widget ul li ul li ul li {
margin: 2px 0 2px 5px;
padding: 0 0 0 0px;
border-left: solid 0px #CCCCCC;
}
div.widget ul li ul li ul li:hover,
div.widget ul li ul li ul li.sfhover {
border-left: solid 0px #000000;
}
div.widget a:link,
div.widget a:visited,
div.widget a:active,
div.widget td a:link,
div.widget td a:visited,
div.widget td a:active,
div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active {
text-decoration: none;
font-weight: normal;
color: #365DA0;
font-weight: normal;
}
div.widget ul li ul li a:link,
div.widget ul li ul li a:visited,
div.widget ul li ul li a:active {
color: #365DA0;
font-weight: normal;
}
div.widget ul li ul li ul li a:link,
div.widget ul li ul li ul li a:visited,
div.widget ul li ul li ul li a:active {
color: #365DA0;
font-weight: normal;
}
div.widget a:hover,
div.widget ul li a:hover {
color: #365DA0;
}
div.widget ul li ul li a:hover {
color: #365DA0;
}
div.widget ul li ul li ul li a:hover {
color: #365DA0;
}
div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active,
div.widget ul li a:hover {
display: inline;
}
* html div.widget ul li a:link,
* html div.widget ul li a:visited,
* html div.widget ul li a:active,
* html div.widget ul li a:hover {
height: 1%; /* IE6 needs this */
}
/*------------- styling for categories and pages widgets -----------*/
/* Because they can have sub items, the categories and the pages
widgets get the left border and padding on the instead of the
Powered by WordPress & Atahualpa