/*
THEME NAME: Sandbox Styel
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A sandbox based I Haev Styel theme
VERSION: 0.9.1
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
Lorelle's Sandbox Styles CSS
Version: .03
NOTES:
Each X and ? represents a specific number or word as these are customizable elements.
The following are customizable per blog, category, and date:
* The.author-? is your blog name. Mine is .author-lorelle as that is the "name" of my blog.
* The category is .category-X, with X representing the category slug name.
* The y, m, d, and h are year, month, day, and hour. You can style your posts to look differently for 2005, 2006, etc. or by month, and so on. I left the numbers for dates as an example.
* Style on a per-post basis. For example, post ID number 345 would change .post-X to .post-345 and style accordingly.
* The HTML per page view includes all classes appropriate to that page and highlighted in that section of the CSS. */
/* LAYOUT: Two-Column (Right) DESCRIPTION: Two-column fluid layout with one sidebars right of content */
html { }
body {background: #fff;color: #555;margin: 0;border-top: 50px solid #FFE303; font-family: Verdana, Bitstream Charter, Gill Sans, Trebuchet MS, Arial, sans-serif;}
#wrapper { }
#header { }
#container {float: left;width: 54%;padding: 0em 1.5em 3em 1.5em;}
#content {float: left;border-top: 1px solid #ccc;}
#primary {clear: right;} /* sidebar one */
#secondary {clear: right;} /* sidebar two */
#secondaryleft {float: left;width: 46%;}
#secondaryright {float: right; width: 46%;}
#footer {clear: both;border-top: 1px dotted #ccc;padding: 15px;font: .8em/1.6em;color: #666;border-bottom: 5px solid #FFE303;}
.sidebar {float: right;overflow: hidden;width: 40%;padding-right: 20px;} /* controls all the sidebar looks */
#secondary .sidebar { } /* Secondary sidebar, which is in use whether or not you want it. You must style it. For single sidebars, both sidebars are there, the #secondary sidebar sits below the #primary sidebar. */
div#container,div#primary {margin-top:2em;}
/* Header */
h1 { }
h1 a {border-bottom:none !important;}
h1 a img {border:0px;}
h1 a:link { }
h1 a:visited { }
h1 a:hover { }
#header h1 {position:absolute;top:0px;height: 50px;margin-top: 0em;margin-bottom: 2em;padding: 0px 20px 75px 20px;}
#blog-title { }
#blog-description {background:#FFFF99 none repeat scroll 0% 50%;text-align:center; font: italic bold 1.2em Verdana;}
#access {text-align:right;/* IE gets confused about what "absolute" means */position:absolute;top:1em;right:1em;}
form.inline {display:inline;}
#shelf{text-align:center;}
#handle{text-align:right;}
#handle a{text-decoration:none;border-bottom:none !important;}
#hnadle a img {border:0px;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;text-align:center;}
div#menu ul li{display:inline;text-align:center;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
/* Footer */
#footer p {text-align:center; font-size:.8em;}
#footer a:link {}
#footer a:visited { }
#footer a:hover { }
/* Links */
a:link {color: #36c;text-decoration:none;border-bottom: 1px dotted #36c;}
a:visited {color: #36c;text-decoration:none;border-bottom: 1px dotted #36c;}
a:active {color: #36c;text-decoration:none;border-bottom: 1px dotted #36c;}
a:hover {color: #FC0;text-decoration:none;border-bottom: 1px dotted #FC0;}
a img {border-bottom:none !important; border:0px;}
/* Page navigation */
div#nav-above,div#nav-below{width: 45%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
div.navigation { }
.navigation { }
.navigation a:link { }
.navigation a:visited { }
.navigation a:hover { }
div.nav-previous{float:left;background:transparent url("images/book_previous.png") no-repeat left center;padding:0 0 0 20px;}
.nav-previous { }
.nav-previous a:link { }
.nav-previous a:visited { }
.nav-previous a:hover { }
div.nav-next{float: right;text-align: right;background:transparent url("images/book_next.png") no-repeat left center;padding:0 0 0 20px;}
.nav-next { }
.nav-next a:link { }
.nav-next a:visited { }
.nav-next a:hover { }
/* Others */
div.clear {clear: both;margin: 0;padding: 0;}
.postspermonth {margin: 5px 0 10px 0;list-style: none;padding-left: 25px;}
.arxiusacordiomes {cursor-style: pointer;}
/* Gallery2WP */
.g2image_normal {margin: 4px;}
.g2image_float_left {float: left;clear: left;margin: 4px;}
.g2image_float_right {float: right;clear: right;margin: 4px;}
.g2image_centered {display: block;margin-left: auto;margin-right: auto;text-align: center;}
/* Footnotes */
ol.footnotes, div.post.ol.footnotes {border-top:1px dotted black;font-size:.7em;color:#666666;}
ol.footnotes li {list-style-type:decimal;}
/* jqTOC */
#toc {font: 12px/1.6em;float:right;width:40%;margin: 10px;}
#toc_header {background: #666;color: #fff;font-weight: bold;cursor: pointer;padding-left:10px;}
#toc_content {border: 1px solid #666;padding: 0 20px 5px 20px;display: none;overflow: auto;background: #eee;}
div#toc_content a:link, div#toc_content a:visited {display: list-item;border-bottom: none;}
div#toc_content a:hover {color: #555;border-bottom: none;}
div#toc_content a.indent {list-style-type: disk;}
div.toc_top {float: right;background: url("images/arrow_up.png") center no-repeat;border-bottom: none;}
/* Polyglot links */
#polyglot li {display:inline; padding:5px;}
/* VARIOUS PAGE VIEWS customizable on a per post, category, page view, date, etc. basis y = year, m = month, d = date, h = hour */
.y2006 { }
.m08 { }
.d05 { }
.h04 { }
#post-X { } /* Customizable by X = post ID number */
#content #post-X {}
.home { } /* Front Page Only. Set by body class="wordpress y2006 m08 d06 h09 home" */
.single { } /* Single Post Only. Set by body class="wordpress y2006 m08 d06 h09 single s-y2006 s-m08 s-d05 s-h04" */
.s-y2006 { }
.s-m08 { }
.s-d05 { }
.s-h04 { }
.page { } /* Page View. Page ID is set as div id="post-X" class="hentry page publish author-lorelle category-uncategorized y2005 m08 d16 h08" */
.category-uncategorized { } /* Currently, WordPress Pages are in the "uncategorized" category */
.authorpage { } /* Author Page. Set by body class="wordpress y2006 m08 d06 h09 archive author author-lorelle" */
.search { } /* Multi-post Views such as Search and Tags. Set by body class="wordpress y2006 m08 d06 h09 search" */
h2.page-title { }
.page-title { }
.category { } /* Category and Archive View. Category view set by body class="wordpress y2006 m08 d06 h09 archive category category-blogging-tips" The DL list is the category subtitle. Be sure and treat any DL tags used within the post content differently from the subtitle of the category and archive views. */
.archive { }
.category a:link { }
.category a:visited { }
.category a:hover { }
h2.page-title { }
h2.entry-title { }
.page-title { }
.page-title a:link { }
.page-title a:visited { }
.page-title a:hover { }
.category dl { }
.category dt { }
.category dd { }
dl #?-metadata { } /* This is customizable per category, such as #blogging-tips-metadata or #wordpress-news-metadata */
#?-metadata dt { }
#?-metadata dd { }
.category-? { } /* Customizable per category, such as .category-wordpress-tips */
.archive-metadata { }
h3.entry-title { }
h3.entry-title a:link { }
h3.entry-title a:visited { }
h3.entry-title a:hover { }
/* Post Content Area */
.hfeed { }
.hentry { } /* surrounds entire post area on everything, including Pages */
.post {padding-bottom: 25px;} /* not featured on Pages. On everything else. */
.publish { } /* around post content area and page content area on every template file */
.wordpress { } /* in body of every template file */
.author-joan { }
.post a:link { }
.post a:visited { }
.post a:hover { }
.published { }
div.entry-content {padding-top:15px;}
.entry-content { }
.entry-content p {text-align: justify; font-size:1.1em;line-height:2em;}
.entry-content a { }
.entry-content a:link { }
.entry-content a:visited { }
.entry-content a:hover { }
.readmore { }
.entry-content ul, .entry-content ol, .entry-content dl {list-style:none;font-size:1.1em;line-height:1.5em;text-align:justify;}
.entry-content ul ul { }
.entry-content ul li {}
.entry-content ul ul li { }
.entry-content ul ul ul { }
.entry-content ul ul ul li { }
.entry-content ul ul ul ul { }
.entry-content ul ul ul ul li { }
.entry-content li {list-style:none;}
.entry-content li li { }
.entry-content li li li { }
.entry-content dt {font-weight:bold;}
.entry-content dd { }
.entry-content h3, .entry-contentt h4, .entry-content h5 {font-weight:bold;}
.entry-content h3 {font-size: 1.5em;}
.entry-content h4 {font-size: 1.25em;}
.entry-content h5 {font-size: 1.1em;}
/* hacks */
.entry-content ul li p, .entry-content ol li p {font-size: 1em; /* This one hacks for em size when you use a inside a
*/}
.entry-content ul li ul li p, .entry-content ol li ol li p {font-size: 1.2em;}
ul.wpctmeta {list-style:none;}
/* Dealing with the Post Date
The use of the ABBR tag to house the date may be in keeping with new standards, but it creates a styling nightmare. To style all ABBR usages one way, they will all look the same, as a date and as an abbreviation (acronym) unless you restrict all use of the acronyms to the ACRONYM tag in your posts.
The ".published" class is used in all of the date references, so you will have to use a parent container to specify which date you want styled. Thus, the vast number of options. */
.published abbr { } /* date published */
.entry-content abbr {} /* ABBR used inside of a post entry content area. Style this to make the abbreviations in your posts look differently than your date styles. */
body.home abbr.published { }
body.archive abbr.published { }
body.home abbr.published, body.archive abbr.published { }
body.single abbr.published { } /* Customize the date on single post pages only */
div.entry-meta abbr.published { } /* Customize the date in the post meta data section */
.search abbr.published { }
.archive abbr.published { }
.category abbr.published { }
/* Date icons */
.the_date_shadow {background: url(images/shadowAlpha.png) no-repeat bottom right !important;background: url(images/shadow.gif) no-repeat bottom right;text-align: center;width: 40px;float: left; margin: 0 10px 5px 0;}
.the_date {border: 2px solid #B30000;text-align: center;width: 40px;margin: -6px 6px 6px -6px;}
.the_date .date_m {background-color: #AA3511;border: 1px solid #FFFFFF;color: #FFFFFF;font-size: x-small;font-weight: bold;}
.the_date .date_d {background-color: #FFFFFF;font-family: Verdana;font-size: x-large;}
/* Post Excerpts */
span .more-link { } /* The "read more" span style */
.more-link { }
.entry-content span { }
/* post meta data section */
.entry-meta {font-size:.7em/1.6em;}
.entry-meta a:link { }
.entry-meta a:visited { }
.entry-meta a:hover { }
.entry-meta abbr { }
.entry-meta ul {list-style:none;text-decoration:none;margin:0;padding:0;font-size: .7em;color: #666;}
.entry-meta ul li {display: inline; margin:0 10px 0 0;line-height:20px;}
span.entry-author { }
span.author { }
span.vcard { }
.entry-author { }
.author { }
.vcard { }
.entry-meta {}
a.url { }
a.fn { }
.url { }
.fn { }
span.entry-category { }
.entry-category { }
.entry-category a:link { }
.entry-category a:visited { }
.entry-category a:hover { }
span.entry-editlink { }
.entry-editlink { }
.entry-editlink a { }
span.entry-commentlink { }
.entry-commentlink { }
.entry-commentlink a:link { }
.entry-commentlink a:visited { }
.entry-commentlink a:hover { }
/* Comment Section found on Single and Page Views */
div.comments { }
.comments { }
.comments h3 { }
h3.comment-header { }
.comment-header { }
#numpingbacks { }
#pingbacks { }
.commentlist { }
#pingbacks .commentlist { }
.comments ol { }
.comments ol ol { }
.comments ol li { }
.comments ol ol li { }
.alt { }
.trackback { }
div.comment-author { }
.comment-author { }
.comment-author a { }
.comment p
.comment-metadata { }
.comment a { }
.comment-metadata a { }
.comment-mod { }
#respond { }
#respond h3 { }
div.formcontainer { }
.formcontainer { }
form { }
div.formcontainer form { }
#commentform { }
#commentform #submit { }
#commentform #submit:hover {}
div #loggedin { }
#loggedin { }
.form-label {margin:1em 0 0;}
.req-field{background:#fff;color:red;}
.form-textarea { }
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;width:50%;}
textarea#comment {height:13em;margin:0 0 0.5em;overflow:auto;width:99%;} /* controls comment text box */
#comment { }
form #comment { }
textarea { }
.form-submit { }
#submit { }
form #submit { }
.comments a:link { }
.comments a:visited { }
.comments a:hover { }
ol.commentlist li{margin:0 0 3.5em;}
div.modera {background: #fff url(images/exclamation.png) no-repeat left;padding: 10px;-moz-border-radius: .5em;color: #f60 !important;font: .8em/1.6em !important;
border: 2px solid #FFE303;}
div.modera p {margin: 0 0 0 55px;}
div.comment-head {border-left: 1px solid #fff;border-right: 1px solid #fff;background: #fff url(images/msg-comment.png) bottom left no-repeat;padding-bottom: 10px;clear: both;}
div.comment-admin-head {background: #fff url(images/msg-comment-admin.png) bottom left no-repeat;}
div.comment-head img {padding: 1px;background: #fff;border: 1px solid #ccc;float: left;width: 32px;height: 32px;margin: 0px 25px 0px 15px;}
div.comment-head p {float: left;font: .7em/1.6em;margin: 0px 0 0 0px !important;}
div.comment-body {background: #f5f5f5;-moz-border-radius: .5em;padding: 5px 15px 5px 15px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;margin-bottom: 20px;}
div.comment-body-admin {background: #FFFEC7 !important;border-bottom: 1px solid #FFF2C7;border-right: 1px solid #FFF2C7;}
div.comment-body p {color: #555;}
div.comment-body blockquote {background: #ffffff;border-top: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 5px 10px 5px 10px; -moz-border-radius: .5em;}
div.comment-body ol li, div.comment-body ul li {color: #666;margin-bottom: 5px;}
#comment-X /* X = comment ID. The following are customizable per trackback info. Dates left in as examples. */
#comment-X .trackback { }
.c-y2006 { }
.c-m08 { }
.c-d05 { }
.c-h04 { }
/* Sidebar */
.sidebar div {}
.sidebar h3{font-size:1.2em;border-bottom: 1px dotted #999;}
.sidebar input#s{width:7em;}
.sidebar li{list-style:none; font-size:1em;line-height:1.7em;}
.sidebar li form{margin:0.2em 0 0;padding:0;}
.sidebar ul ul{}
.sidebar ul ul li{list-style:none;margin:0;}
.sidebar ul ul ul{margin:0 0 0 0.5em;}
.sidebar ul ul ul li{list-style:none;}
#primary div {border-top: 4px solid #ccc;margin-bottom: 15px;}
#primary div:last-child {border-bottom: 4px solid #ccc;padding-bottom: 15px;}
#metadata ul {margin-left: -40px;}
#metadata ul li {font-size:.8em;}
#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {font: arial;border-bottom: none;}
#relacionat h4 {border-bottom: 1px dotted #ccc;cursor: pointer;font-size: 0.79em;text-decoration: none;margin-bottom: 7px;margin-top: 7px;}
#relacionat p {margin-top: 10px;margin-bottom: 10px;padding-left: 25px;}
#relacionat ul {padding-left: 25px;}
#relacionat ul li {background:transparent url("images/page.png") no-repeat left center;padding:0 0 0 20px;}
#relacionat a[href *='wikipedia.org'] {background: none;padding:0px;}
#secodary h3 {font-size:1.1em;border-bottom: 1px dotted #999;}
#secondary ul {margin-left: -40px;}
#secondary ul li ul {margin-left: -40px;}
/* Page List */
#pages { }
#paqes.widget_pages { } /* list of Pages from widget sidebar accessories */
li.page_item {background:transparent url("images/page.png") no-repeat left center;padding:0 0 0 20px;}
/* Categories List */
#categories { }
#categories.widget { }
.widget_categories { }
#categories a:link { }
#categories a:visited { }
#categories a:hover { }
/* Recent Posts Widget List */
#recent-posts { }
#recent-posts.widget { }
.widget_recent_entries { }
#recent-posts a:link { }
#recent-posts a:visited { }
#recent-posts a:hover { }
/* Recent Comments Widget */
li.recentcomments {background:transparent url("images/comments.png") no-repeat left center;padding:0 0 0 20px;}
/* Meta Widget */
li.widget_sandbox_meta ul li {background:transparent url("images/key.png") no-repeat left center;padding:0 0 0 20px;}
/* Around this date Widget */
li.atd-entry {background:transparent url("images/page.png") no-repeat left center;padding:0 0 0 20px;}
/* li.atd-noentries {display:none;} */
/* Blogroll list and links - fill in the X with each link category ID number */
#linkcat-X { }
#linkcat-X a { }
#linkcat-X h3 { }
#linkcat-X ul { }
#linkcat-X ul ul { }
#linkcat-X ul li { }
#linkcat-X li { }
#linkcat-X ul ul li { }
#linkcat-X a:link { }
#linkcat-X a:visited { }
#linkcat-X a:hover { }
/* Sidebar Meta - Admin Section */
#meta { }
#meta.widget { }
#meta.widget_meta { }
.widget_meta { }
#meta h3 { }
#meta.widgettitle { }
#meta ul { }
#meta ul ul { }
#meta ul li { }
#meta ul ul li { }
#meta a:link { }
#meta a:visited { }
#meta a:hover { }
/* Sidebar Feeds Section, each section of RSS feeds are numbered such as #rss-4 or #rss-1, so change the number to change the look of that feed's styles, and add other feed numbers to style each independent feed style */
#rss-X { }
#rss-X.widget { }
.widget_rss { }
#rss-X h3 { }
#rss-X.widgettitle { }
#rss-X a.rsswidget { }
.rsswidget { }
#rss-X.rsswidget {} /* feed post title */
#rss-X ul { }
#rss-X ul ul { }
#rss-X ul li { }
#rss-X ul ul li { }
#rss-X a:link { }
#rss-X a:visited { }
#rss-X a:hover { }
/* Feed Links */
.feed-links { }
.feed-links h3 { }
.feed-links ul { }
.feed-links ul ul { }
.feed-links ul li { }
.feed-links ul ul li { }
.feed-links a:link { }
.feed-links a:visited { }
.feed-links a:hover { }
/* COMMON HTML elements most likely found and used within the post content area - and allowed by Wordpress.com */
h2 { }
h2.entry-title {font: bold 2em;}
h2.entry-title a, .entry-single-title a {text-decoration: none;color: #0044bb; !important;background-color: #fff !important;border: 0 !important; color: #0044bb;}
.entry-single-title {font: bold 2em !important;}
p {text-align: justify;}
hr {display: none;}
b, strong { }
em, i { }
img { }
p img { }
a img {border:0px;}
.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }
.imgcaption {text-align: center; border: 1px solid #DDD; padding: 1em; margin: 1em; width: 9em; }
p.imgcaptionTXT {font-size: .8em; color: #666; text-align: left; background: url(images/magnify-clip.png) no-repeat bottom right;}
img.right {float: right;display: block;margin: .3em 0 1em 1em;} /* for legacy support only */
img.center {margin: 1em auto;display: block;} /* for legacy support only */
cite { }
code {padding: 5px 15px 5px 20px; -moz-border-radius: 2%; border-width: 1px 1px 1px 0.8ex; color: #681; font: 1.1em "andale mono", "lucida console", "courier new", monospace border-style: none; margin-left: 30px; margin-right: 75px;}
blockquote {background: url(images/blockquote.jpg) no-repeat; padding: 5px 15px 5px 50px; -moz-border-radius: 2%; border-width: 1px 1px 1px 0.8ex; border-style: none; margin-left: 20px; margin-right: 75px;}
pre {width: 90%; overflow: auto; font: .9em "andale mono", "lucida console", "courier new", monospace; line-height: 1.5em; margin-left: 25px; /*wrap text in different lines */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */}
hr { }
p abbr { } /* This might not work. See abbr references above. */
acronym { }
/* ---- TABLES ---- */
table { }
caption { }
thead { }
table thead tr th { }
table tbody tr td { }
table tbody tr th { }
table tfoot tr td { }
table.compare {width: 99%;border: 1px solid #999;margin: 2.5em 0em 2.5em 0em;}
table.compare thead tr th {background: #FFC;padding: 5px 10px;text-align: left;font: .8em/1.6em;border-bottom: 1px dotted #999;color: #222;}
table.compare tbody tr td {padding: 8px 10px;text-align: left;font: .8em/1.6em;border-bottom: 1px dotted #ccc;vertical-align: top;}
table.compare tbody tr th {padding: 8px 10px;text-align: left;font: bold .8em/1.6em;border-bottom: 1px dotted #ccc;white-space: nowrap;color: #333;background: #fffffa; vertical-align: top;}
table.compare tfoot tr td {padding: 8px 10px;text-align: right;font: .6em/1.6em;background: #f9f9f9;text-transform: uppercase;}
.archive table, table.searchresults {width: 100%;margin: 2em 0;}
.archive table td, table.searchresults td {padding: 10px 0px;font:.7em/1.6em "Trebuchet MS", Arial, sans-serif;background: url(images/dot_line.png) repeat-x bottom;vertical-align: top;}
table.searchresults tr.hentry td {background:none;padding:10px 0px 0px 0px;}
.archive .ref {white-space: nowrap;}
.archive table td strong, .search table td strong {font-size: .9em;}
td.archive-entry a {background:transparent url("images/page.png") no-repeat left center;padding:0 0 0 20px;}
table.veerle {width:90%;border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin:1em auto;border-collapse:collapse;}
table.veerle caption {color: #9ba9b4;font-size:.94em;letter-spacing:.1em;margin:1em 0 0 0;padding:0;caption-side:top;text-align:center;}
table.veerle tr.odd td {background:#f7fbff;}
table.veerle tr.odd th {background:#f4f9fe;}
table.veerle column1 {background:#f9fcfe;}
table.veerle td {color:#678197;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;text-align:center;}
table.veerle th {font-weight:normal;color: #678197;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;}
table.veerle thead th {background:#f4f9fe;text-align:center;font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;color:#66a3d3}
table.veerle tfoot th {text-align:center;background:#f4f9fe;}
table.veerle tfoot th strong {font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;margin:.5em .5em .5em 0;color:#66a3d3; }
table.veerle tfoot th em {color:#f03b58;font-weight: bold;font-size: 1.1em;font-style: normal;}
/* ---- CLASS STYLES ---- */
p.cita {color: #666; display: block;background: url(images/cometes.jpg) no-repeat left top; font: 1.7em Helvetica, Arial, sans-serif; margin: 10px 20px; padding: 10px 20px 0 40px; letter-spacing: -0.03em;}
p.2col{-moz-column-count: 3; -moz-column-gap: 20px; -moz-column-width: 100px;}
.alert-msg {background: #fff6bf url("images/dialog-warning.png") center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324;}
.info-msg {background: #f8fafc url("images/dialog-information.png") center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe;}
.download-msg {background: #cfc url("images/disk.png") center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6;}
.info {background:transparent url("images/information.png") no-repeat left center;padding:0 0 0 20px;}
.author {background:transparent url("images/vcard.png") no-repeat left center;padding:0 0 0 20px;}
.time {background:transparent url("images/time.png") no-repeat left center;padding:0 0 0 20px;}
.date {background:transparent url("images/date.png") no-repeat left center;padding:0 0 0 20px;}
.categories {background:transparent url("images/folder.png") no-repeat left center;padding:0 0 0 20px;}
.tags {background:transparent url("images/tag_blue.png") no-repeat left center;padding:0 0 0 20px;}
.comments {padding:0 0 0 20px;background:transparent url("images/comments.png") no-repeat left center;}
.comment {padding:0 0 0 20px;background:transparent url("images/user_comment.png") no-repeat left center;}
.trackbacks {background:transparent url("images/arrow_refresh.png") no-repeat left center;padding:0 0 0 20px;}
.translations {background:transparent url("images/flag_orange.png") no-repeat left center;padding:0 0 0 20px;}
.pdfpost {background:transparent url("images/page_pdf.png") no-repeat left center;padding:0 0 0 20px;}
.edit {background:transparent url("images/pencil_go.png") no-repeat left center;padding:0 0 0 20px;font-weight: bold;}
.rss {background:transparent url("images/rss.png") no-repeat left center;padding:0 0 0 20px;}
.unapi {background:transparent url("images/script_code_red.png") no-repeat left center;padding:0 0 0 20px;}
.opensearch {background:transparent url("images/opensearch.png") no-repeat left center;padding:0 0 0 20px;}
.search-engine {background:transparent url("images/plugin.png") no-repeat left center;padding:0 0 0 20px;}
.find {background:transparent url("images/system-search.png") no-repeat left center;padding:0 0 0 20px;}
.wpct {background:transparent url("images/arrow_switch.png") no-repeat left center;padding:0 0 0 20px;}
.wpct-post {background:transparent url("images/page_world.png") no-repeat left center;padding:0 0 0 20px;}
.wpct-blog {background:transparent url("images/layout_content.png") no-repeat left center;padding:0 0 0 20px;}
a[href $='.pdf'] {padding-right: 18px;background: transparent url("images/page_pdf.png") no-repeat center right;}
a[href $='.doc'] {padding-right: 18px;background: transparent url("images/page_doc.png") no-repeat center right;}
a[href $='.ppt'] {padding-right: 18px;background: transparent url("images/page_ppt.png") no-repeat center right;}
a[href $='.xls'] {padding-right: 18px;background: transparent url("images/page_xls.png") no-repeat center right;}
a[href *='wikipedia.org'] {padding-right: 18px;background: transparent url("images/wikipedia.png") no-repeat center right;}
.bottle {background:transparent url("images/bottle.png") no-repeat left center;padding:0 0 0 20px;}
.technorati {background:transparent url("images/technorati.png") no-repeat left center;padding:0 0 0 20px;}
.google {background:transparent url("images/google.png") no-repeat left center;padding:0 0 0 20px;}
.delicious {background:transparent url("images/delicious.png") no-repeat left center;padding:0 0 0 20px;}
.wikipedia {background:transparent url("images/wikipedia.png") no-repeat left center;padding:0 0 0 20px;}
.flickr {background:transparent url("images/flickr.png") no-repeat left center;padding:0 0 0 20px;}
.news {background:transparent url("images/newsvine.png") no-repeat left center;padding:0 0 0 20px;}