98 months ago
98 months ago
98 months ago
102 months ago
102 months ago
102 months ago
}
/*-------------------- LOGO -------------------------------*/
img.logo {
display: block;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td.logoarea-logo {
width: 1%;
}
/*-------------------- BLOG TITLE -------------------------*/
h1.blogtitle,
h2.blogtitle {
display: block;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 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 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td.feed-icons {
white-space: nowrap;
}
div.rss-box {
height: 1%;
display: block;
padding: 10px 0 10px 10px;
margin: 0;
width: 280px;
}
/*-------------------- 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://loudidiots.com/wp-content/themes/atahualpa/images/comment-gray.png) no-repeat scroll center left;
}
a.comments-icon:hover {
background: transparent url(http://loudidiots.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://loudidiots.com/wp-content/themes/atahualpa/images/rss-gray.png) no-repeat scroll center left;
}
a.posts-icon:hover {
background: transparent url(http://loudidiots.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://loudidiots.com/wp-content/themes/atahualpa/images/email-gray.png) no-repeat scroll center left;
}
a.email-icon:hover {
background: transparent url(http://loudidiots.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;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
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 {
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
div.horbar2 {
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
div.header-image-container {
position: relative;
margin: 0;
padding: 0;
height: 250px;
}
/*-------------------- 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;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td#left-inner {
vertical-align: top;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* ------------------------------------------------------------------
---------- RIGHT SIDEBARS --------------------------------------------
------------------------------------------------------------------ */
td#right {
vertical-align: top;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td#right-inner {
vertical-align: top;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */
td#middle {
vertical-align: top;
width: 100%;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */
td#footer {
width: auto;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td#footer a:link, td#footer a:visited, td#footer a:active {
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
td#footer a:hover {
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* ------------------------------------------------------------------
---------- 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 */
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
div.widget-title {
display: block;
width: auto;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
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;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* 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;
margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
/* ------------------------------------------------------------------
---------- 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 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 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 Radio the Way Thor Intended
The Loud Idiots
Twitter Feed
98 months ago
98 months ago
98 months ago
102 months ago
102 months ago
102 months ago
Powered by WordPress & Atahualpa
Follow Us!