Default margin has been removed.) Moves whole comment block left or right */ ol.comment-list {position:relative;margin:0 0 0 60px;width:620px;padding:0;} /*

(individual comments are displayed as list items, with a class of comment-style-1 for alternate comments.) */ li.comment-style-1 {position:relative; background-color:#bfe2f9;color:blue;font-size:1.0em;width:100%;background: transparent url(images/comment-balloon-sides.gif) top left repeat-y;padding:0;margin:0 0 30px 0;} /*

(individual comments are displayed as list items, with a class of comment-style-2 for alternate comments.) */ li.comment-style-2 {position:relative;background-color:#d4ecfb;color:green;font-size:1.0em;width:100%;background: transparent url(images/comment-balloon-sides.gif) top left repeat-y;padding:0;margin:0 0 30px 0;} /*

(Styles the comments by different fictional individuals */ li.comment-fredblogs {background-color:olive} li.comment-walterplinge {background-color:blue;} li.comment-janedoe {background-color:purple;} li.comment-fredblogs>p {margin-left:10px;} li.comment-walterplinge>p {margin-left:10px;} li.comment-janedoe>p {margin-left:10px;} /*

(styles the paragraph element at the top of the comment, useful for adding a background e.g. the top of a speech balloon) */ p.top-of-comment {position:relative;background: transparent url(images/comment-balloon-top.gif) top left no-repeat;margin:0;padding:0 0 40px 0;text-indent:0;} /*

(styles part of the background for comments e.g. the sides of a speech balloon) */ div.comment-background {position:relative; width:100%;background: transparent url(images/comment-balloon-bottom.gif) bottom left no-repeat;margin:0;padding:0 0 10px 0;} /* Paragraph elements within

are given margins to ensure they fit neatly into the the speech balloon. */ div.comment-background p {position:relative;margin:0 10px 20px 10px;padding:0;} /* (Styles the size and position of the comment Avatar i.e floats it to the left, with a margin round it and the comment text wrapping around it) */ img.comment-avatar {width:100px; display:inline;float:left;margin:20px;padding:0;} /*

*/ div.comment-number-container {position:absolute;left:-100px;top:-50px;width:140px;height:140px;background:transparent url(images/comment-number-background.gif) center center no-repeat;margin:0;padding:0;} /*

*/ p.comment-number {font-size:14px;line-height:140px;text-align:center;color:black;text-indent:0;margin:0;padding:0;} /* ',''); ?> (Styles the edit comment link) */ li.comment-style-1 h6 {font-weight:normal;text-align:left;font-size:1em;padding:0 0 20px 30px;} li.comment-style-1 h6 a:link {text-decoration:underline;color:red;} li.comment-style-1 h6 a:visited {text-decoration:underline;color:red;} li.comment-style-1 h6 a:hover {text-decoration:none;color:black;} li.comment-style-2 h6 {font-weight:normal;text-align:left;font-size:1em;padding:0 0 20px 30px;} li.comment-style-2 h6 a:link {text-decoration:underline;color:red;} li.comment-style-2 h6 a:visited {text-decoration:underline;color:red;} li.comment-style-2 h6 a:hover {text-decoration:none;color:black;} /* If you want to create the appearance of a speech balloon around the comment text then one way is to use the bottom part of the image as a background */ p.comment-bottom-spacer {font-weight:normal;position:relative;margin:0;padding:0;text-indent:0;} /*

(styles the comment/pingback/trackback author name) */ p.comment-author {font-size:1.0em; font-style:normal;margin:0;padding:0;text-indent:0;} /*

(styles the text informing the user that the comment is awaiting moderation */ p.comment-awaiting-moderation {font-size:1.1em;color:red;font-style:italic;text-indent:0;margin:0;padding:0;} /*

(styles the comment date) */ p.comment-date {font-size:1.0em;text-indent:0;margin:0;padding:0;display:inline;color:gray;} /*

(styles the text displayed if comments are open but there are no comments e.g. Be the first - have your say!) */ p.no-comments-yet {font-style:italic;text-indent:0;margin:0;padding:0;font-size:1.1em;} /*

(the header immediately above the input comment form, inviting users to leave a comment. If comments are open and no comments have been left then this header also acts as an anchor from multiple-post pages. Users arrive directly at the comment input form, where they can leave a comment) */ p#respond {font-weight:normal;text-indent:0;font-size:1.5em;text-align:center;color:#459BE4;margin:50px 0 0 0; padding:0;} /*

(styles the following text (found in single.php) on a full post: You can comment here or leave a trackback from your site. Keep an eye on the most recent comments to this post using the RSS feed. ) */ p.comments-and-trackbacks {font-style:italic;font-size:1.2em;display:inline;text-indent:0;margin:0;padding:0;line-height:1.6em;} /*

(styles the following text (found in single.php) on a full post: You can't leave comments on this post but you can leave trackbacks) */ p.trackback-only {font-style:italic;margin:0;padding:0;text-indent:0;} /*

(styles the following text (found in single.php) on a full post: You can leave comments on this post but not trackbacks. Keep an eye on the most recent comments using the RSS feed.) */ p.comments-only {font-style:italic;margin:0;padding:0;text-indent:0;} /*

(styles the following text (found in single.php) on a full post: Sorry, no comments or trackbacks are allowed on this post. */ p.no-comments-no-trackbacks {font-style:italic;margin:0;padding:0;text-indent:0;} /*

(you have to log in to leave a comment - found in comments.php) */ p.must-log-in {font-style:italic;margin:0;padding:0;text-indent:0;} /*

(if you are logged in your name is displayed ) */ p.logged-in {font-weight:normal;font-size:1.2em;margin:0;padding:0;text-indent:0;} /*

(if you want to log out ) */ p.log-out {float:right;margin:0 45px 0 0;padding:0;text-indent:0;} /* FORM */ /* (styles the overall comment form - its width, position, background colour etc. */ form#comment-form {position:relative;background-color:transparent;text-align:left;width:100%;border: 0px black solid;padding:0 0 40px 0;} /* LABELS (THE TEXT NEXT TO THE NAME, EMAIL, WEBSITE ADDRESS INPUTS) AND COMMENT INPUTS (WHERE YOU TYPE IN YOUR NAME, EMAIL, WEBSITE ADDRESS)*/ /*

contains the labels and inputs. Its height must be defined in order to contain the absolutely positioned labels and elements */ div.labels-and-inputs {position:relative; height:180px;margin:0;} /* (styles the displayed text beside the name input. ) */ label#label-author {position:absolute;left:70px; top:40px;width:230px;background-color:transparent;color:black;padding:0 0 0 20px;} label.required {background:transparent url(images/required.gif) top left no-repeat;padding:0 0 0 20px;} /* (styles the input box for the commenter's name. !important overrides the yellow background created by AutoFill e.g. the Google toolbar */ input#input-author {border:1px gray solid;position:absolute;left:334px; top:40px;width:200px;background-color:transparent !important;} /* (styles the displayed text beside the name input.) */ label#label-email {position:absolute;left:70px;top:80px; width:230px;background-color:transparent;color:black;padding:0 0 0 20px;} label.required {background:transparent url(images/required.gif) top left no-repeat;padding:0 0 0 20px;} /* (styles the input box for the commenter's email address. !important overrides the yellow background created by AutoFill e.g. the Google toolbar */ input#input-email {border:1px gray solid;position:absolute;left:334px; top:80px;width:200px;background-color:transparent !important;} /* (styles the displayed text beside the name input.) */ label#label-url {position:absolute;left:70px;top:120px; width:230px;background-color:transparent;color:black;padding:0 0 0 20px;} /* (styles the input box for the commenter's web address. !important overrides the yellow background created by AutoFill e.g. the Google toolbar */ input#input-url {border:1px gray solid;position:absolute;left:334px; top:120px;width:200px;background-color:transparent !important;} /*

(styles the text that details which X(HTML) tags can be used in comments. Note that because the input elements are positioned absolutely, this needs to have a margin-top that will position it below the input elements), */ p.allowed-tags {position:relative;clear:both;color:red;text-align:center;margin:0 20px 0 20px;text-indent:0;font-size:1.2em} /* (the box in which the user writes their comment text) */ textarea#comment {position:relative; width:94%; left:3%;background-color:#D6F1F8;border:1px solid blue;margin-top:30px;margin-bottom:30px;} /* <input id="comment-submit"/> (the input the user clicks to submit a comment */ input#comment-submit {position:relative; display:block; left:35%;top:0px;width:30%;border:black solid 1px;background-color:#D6F1F8;margin-bottom:0px;} /* FOOTER */ /* <div id="footer"> (This is the container for things in the footer of the page) clear:both keeps the footer at the bottom of the page. */ div#footer {position:relative;clear:both;background: white url('images/footer.jpg') no-repeat left bottom; width:100%;margin:0;padding:70px 0 20px 0 ;} /* <p class="footer"> (styles the text used in the footer div, for example for the RSS feeds) */ p.footer {font-weight:normal;text-align:center; font-size:1.1em;padding:0;text-indent:0px;margin:0;} /*<p class="copyright"> (styles the copyright notice in the footer*/ p.copyright {font-weight:normal;font-size:1.0em;text-align:center;text-indent:0;margin:10px 0 10px 0;padding:0;} a.copyright:link {color:black;text-decoration:underline;} a.copyright:visited {color:black;text-decoration:underline;} a.copyright:hover {color:gray;text-decoration:none;} /* SIDEBAR */ /* <div id="sidebar"> (sidebar - contains box1 to box11) */ div#sidebar {position:relative;border:0px solid black;background-color:transparent;margin-right:30px;width: 190px;float:right;margin-bottom:30px;} /* BOX1 */ /* <div id="box1"> (box1 contains a Home link and search form, and on index.php box1 also contains a calendar) */ div#box1 {position:relative;width:100%;background: transparent url('images/box1.jpg') repeat-x top left;border:1px black solid;margin-top:30px;} /* <ul class="home-link"> (styles the unordered list around the Home link in box1 at the top of the sidebar) */ ul.home-link {font-weight:normal;} /* <li class="home-link"> (styles the list element around the Home link in box1 at the top of the sidebar). */ li.home-link {border-bottom:#4599E2 solid 1px;background: transparent url(images/box1-list.gif) left center no-repeat;} /* Styles the links within box1. If you would like the cursor to change when it hovers over the background image (which for some people may be intuitive) then use padding-left to the left of the link and set text-indent for the containing li.home-link to 0px. It may even be more efficient not to use text-indents for any lists, and to use padding-left instead) */ li.home-link a:link {color:#4599E2;text-decoration:none;} li.home-link a:visited {color:#4599E2;text-decoration:none;} li.home-link a:hover {color:#125A9C;text-decoration:none;} /* <h3 class="home-link"> (styles the Home link in box1 at the top of the sidebar if you choose to use <h3></h3> elements) */ h3.home-link {font-weight:normal;} /*SEARCH FORM*/ /* <form id="search-form" (the search form that's displayed in box1 or box 12) */ div#box1 form#search-form {border:0px red solid;margin-top:10px;width:190px;padding:0;height:50px;} div#box12 form#search-form {border:0px red solid;margin:0 0 0 0 ;width:240px;padding:0;height:50px;} /*input id="search-input" (This styles the search inputs for search boxes in box1 and box12 There is a commented-out style for plain search inputs, and a style for inputs with graphic backgrounds)*/ div#box1 input#search-input {position:absolute;left:0px;top:20px;width:110px;height:20px;border:0;background:transparent url(images/search-input.gif) top left no-repeat; margin:0;padding:0;} div#box12 input#search-input {position:absolute;left:100px;top:5px;width:110px;height:20px;border:0px solid green;background:transparent url(images/search-input.gif) top left no-repeat; margin:0;padding:0;} /* Plain submit inputs, commented out div#box1 input#search-submit {position:absolute;left:125px;top:20px;width:100px; height:22px;border:1px black solid; background-color:white;margin:0;padding:0;} div#box12 input#search-submit {position:absolute;left:125px;top:20px;width:110px; height:22px;border:0px black solid; background-color:white;margin:0;padding:0;}*/ div#box1 input#search-submit {position:absolute;left:125px;top:20px;width:100px; height:20px;border:0px black solid; background:transparent url(images/search-submit.gif) top left no-repeat;margin:0;padding:0;} div#box12 input#search-submit {position:absolute;left:225px;top:5px;width:50px; height:20px;border:0px black solid; background:transparent url(images/search-submit.gif) top left no-repeat;margin:0;padding:0;} /* <button id="search-button"> (styles the optional search submit button that's an image for the search form in box1 and box12) */ div#box1 button#search-button {position:absolute;left:125px;top:20px;width:100px; height:20px;border:0px black solid; background-color:transparent;margin:0;padding:0;} div#box12 button#search-button {position:absolute;left:125px;top:20px;width:100px; height:20px;border:0px black solid; background-color:transparent;margin:0;padding:0;} /* <table id="wp-calendar"> (styles the calendar) */ table#wp-calendar {width:90%;margin-left:5%;} /* BOX2 */ /* <div id="box2"> (box2 contains links to categories) */ div#box2 {position:relative;width:100%;background: #E7FFE7 url('images/box2.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="all-categories"> (the heading at the top of box2) */ h3.all-categories {font-weight:normal;} /* <ul class="all-categories"> (unordered list around the category links in box2) */ ul.all-categories {font-weight:normal;} /* BOX3 */ /* <div id="box3"> (box3 contains links to child categories) */ div#box3 {position:relative;width:100%;background: #E7FFE7 url('images/box3.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="child-categories"> (the heading at the top of box3) */ h3.child-categories {font-weight:normal;} /* <ul class="child-categories"> (unordered list around the child category links in box3) */ ul.child-categories {font-weight:normal;} /* <li class="cat-item"> (list elements around the child category links in box3 */ li.cat-item {border-bottom:1px solid #FE5858; background: transparent url(images/box3-list.gif) left center no-repeat;} /* Styles the links within box3. If you would like the cursor to change when it hovers over the background image (which for some people may be intuitive) then use padding-left to the left of the link and set text-indent for the containing li.home-link to 0px. It may even be more efficient not to use text-indents for any lists, and to use padding-left instead) */ li.cat-item a:link {color:#FE5858;text-decoration:none;} li.cat-item a:visited {color:#FE5858;text-decoration:none;} li.cat-item a:hover {color:#FE3030;text-decoration:none;} /* BOX4 */ /* <div id="box4"> (box4 contains links to Pages) */ div#box4 {position:relative;width:100%;background: #E7FFE7 url('images/box4.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="pages"> (the heading at the top of box4) */ h3.pages {font-weight:normal;} /* <ul class="pages"> (unordered list around the Page links in box4) */ ul.pages{font-weight:normal;} /* <li class="page_item"> (styles the appearance of the link to a Page. Automatically produced by WordPress) */ li.page_item {font-weight:normal;} /* <li class="page_item current_page_item"> (styles the appearance of a link if the user is on the Page that the link points to. Automatically produced by WordPress */ li.page_item {font-weight:normal;} /* BOX5 */ /* <div id="box5"> (box5 contains links to the archives) */ div#box5 {position:relative;width:100%;background: #E7FFE7 url('images/box5.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="archives"> (the heading at the top of box5) */ h3.archives {font-weight:normal;} /* <ul class="archives"> (unordered list around the archives links in box5) */ ul.archives {font-weight:normal;} /* BOX6 */ /* <div id="box6"> (box6 can contain a selection of widgets, grouped together as widgets1) */ div#box6 {position:relative;width:100%;background: #E7FFE7 url('images/box6.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <ul class="widgets1"> (unordered list around the group of widgets known as widgets1) */ ul.widgets1 {font-weight:normal;} /* <li class="explanation"> (list elements around the temporary widgets explanation in box6 AND box7) */ li.explanation {font-weight:normal;list-style-type:none;margin-right:10px;} /* BOX7 */ /* <div id="box7"> (box7 can contain a selection of widgets, grouped together as widgets2 <li class="explanation"> in BOX6 above styles the temporary widgets explanation) */ div#box7 {position:relative;width:100%;background: #E7FFE7 url('images/box7.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <ul class="widgets2"> (unordered list around the group of widgets known as widgets2) */ ul.widgets2 {font-weight:normal;} /* BOX8 */ /* <div id="box8"> (box8 contains a list of links to sites you like, known as bookmarks) */ div#box8 {position:relative;width:100%;background: #E7FFE7 url('images/box8.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px} /* <h3 class="bookmarks"> (the heading at the top of box8) */ h3.bookmarks {font-weight:normal;} /* <ul class="bookmarks"> (unordered list around the bookmarks in box8) */ ul.bookmarks {font-weight:normal;} /*BOX9 */ /* <div id="box9"> (box9 contains a list of links to post authors) */ div#box9 {position:relative;width:100%;background: #E7FFE7 url('images/box9.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="authors"> (heading at the top of box9) */ h3.authors {font-weight:normal;} /* <ul class="authors"> (unordered list around the bookmarks links in box9) */ ul.authors {font-weight:normal;} /* BOX10 */ /* <div id="box10"> (box10 is for a tag cloud) */ div#box10 {position:relative;width:100%;background: #E7FFE7 url('images/box10.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <p class="this-page-tag"> (styles a tag name on a page of posts reached by clicking that tag) */ p.this-page-tag {font-weight:normal;} /* <p class="all-tags-for-a-post"> (styles all the tags associated with one post) */ p.all-tags-for-a-post {font-weight:normal;} /* BOX11 */ /* <div id="box11"> (box 11 contains the registration and login links) */ div#box11 {position:relative;width:100%;background: #E7FFE7 url('images/box11.jpg') repeat-x top left;margin-top:10px;border:1px solid #7F7F7F;padding-bottom:20px;} /* <h3 class="register"> (the heading at the top of box11) */ h3.register {font-weight:normal;} /* <ul class="register"> (unordered list around the registration and login links) */ ul.register {font-weight:normal;} /* <a class="welcome-back"> (personalised log-in, if used - see Box11 on index.php) */ a:link.welcome-back {font-weight:normal;} a:hover.welcome-back {font-weight:normal;} a:visited.welcome-back {font-weight:normal;} /*BOX12*/ div#box12 {width:290px;height:60px;background-color:transparent;margin-top:0px;border:0px solid #7F7F7F;padding-bottom:0px;position:absolute; top:0px;right:0px;} /*BOX13*/ /* A spare box. The style below is for an RSS feed icon - search for box13 towards the bottom of the default index.php to learn more */ div#box13 {position:absolute;bottom:10px;left:20px;width:100px;background-color:transparent;padding-bottom:0px;border:0;} /*BOX14*/ div#box14 {position:relative;background: transparent none;border:0px solid #7F7F7F;padding:0;margin:0 0 30px 0;} div#box14 ul.pages {position:relative;border:0;padding:0;margin:0 auto;text-indent:0;text-align:center;} div#box14 li.page_item {background:transparent none;line-height:1.4em;font-size:1.5em;border-left:0;border-right:1px solid gray;border-top:0;border-bottom:0;margin:0;padding:0 5px 0 5px;display:inline;list-style-type:none;text-indent:0;} div#box14 a:link {color:black;text-decoration:none;padding:0;margin:0;text-indent:0;} div#box14 a:visited {color:black;text-decoration:none;padding:0;margin:0;text-indent:0;} div#box14 a:hover {color:gray;text-decoration:none;padding:0;margin:0;text-indent:0;} /*BOX15*/ /* A spare box. Using Child Categories as horizontal links in incenseheaven */ div#box15 {position:relative;background: transparent none;border:0px solid #7F7F7F;padding:0; margin:0 0 20px 197px;} div#box15 ul.child-categories {border:0;padding:0;margin:0;text-indent:0;} div#box15 li.cat-item {background:transparent none;border:0px solid gray;padding:0 14px 0 14px;display:inline;list-style-type:none;text-indent:0;} div#box15 li.cat-item a:link {color:#676767;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:normal;} div#box15 li.cat-item a:visited {color:#676767;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:normal;} div#box15 li.cat-item a:hover {color:#888888;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:normal;} /*404.PHP - NOTE THAT IDs CANNOT START WITH A NUMBER*/ /* <body id="a404"> (body id for 404.php error page. */ body#a404 {font-weight:normal;} /* <h1 class="error"> (styles the main heading at the top of the 404.php page) */ h1.error {text-align:center;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:40px;width:500px; padding:0;color:gray;font-size:1.8em;text-indent:0;} /* <h2 class="error"> (styles the h2 text beneath the h2 heading at the top of the 404.php page) */ h2.error {text-align:center;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:40px;width:500px; padding:0;color:gray;font-size:1.1em;text-indent:0;} /* ARCHIVE.PHP */ /* <body id="archive"> (body id for archive.php Used like this mainly to change the body font, body background colour of this page ) */ body#archive {font-weight:normal;} /* <h1 class="archive-header"> (header at the top of the archive.php page) */ h1.archive-header {font-style:normal;} /* ATTACHMENT.PHP */ /* <body id="attachment"> (body id for attachment.php Used like this mainly to change the body font, body background colour of this page) */ body#attachment {font-weight:normal;} /* <div class="attachment"> (styles the container for the image or file) */ div.attachment {position:relative;} /* <h2 class="attachment"> (styles the main heading at the top of the attachment.php page) */ h2.attachment {font-style:normal;} /* <h3 class="attachment-breadcrumb"> (styles the breadcrumb navigation) */ h3.attachment-breadcrumb {font-style:normal;} /* <p class="attachment"> (styles the paragraph element containing an image */ p.attachment {text-align:center;} /* <p class="smallattachment"> (styles the paragraph element containing a file link */ p.smallattachment {text-align:left;} /* <p class="rss-attachment"> (styles the rss feed link on an attachment) */ p.rss-attachment {font-weight:normal;} /* <p class="attachment-name"> (styles the file or image name) */ p.attachment-name {font-weight:normal;} /* div.attachment p (styles the description of the image or file) */ div.attachment p {text-align:center;margin:0 0 40px 0;} /* AUTHOR.PHP*/ /* <body id="author"> (body id for author.php Used like this mainly to change the body font, body background colour of this page) */ body#author {font-weight:normal;} /* <h2 class="author-posts"> (heading at top of the author.php page stating (say) that these are Fred's posts) */ h2.author-posts {font-style:normal;} /* CATEGORY.PHP */ /* <body id="category"> (body id for category.php Used like this mainly to change the body font, body background colour of this page) */ body#category {font-weight:normal;} /* CATEGORY-2.PHP (or whatever the id of the category template that you are customising is) */ /* <body id="category-2"> (body id of category-2.php. But the body id could be something more memorable such as <body id="category-oranges"> or <body id="oranges"> etc. Used like this mainly to change the body font, body background colour of this page) */ body.category-2 {font-weight:normal;} /* INDEX.PHP*/ /* <body id="index"> (body id for index.php Used like this mainly to change the body font, body background colour of this page) */ body#index {font-style:normal;} /* <h1 class="index"> (heading at top of index.php ) */ h1.index {font-style:normal;} /* <h2 class="index"> (heading at top of index.php ) */ h2.index {font-style:normal;} /* <h3 class="index"> (subheading on index.php ) */ h3.index {font-style:normal;} /* <h4 class="index"> (subheading on index.php ) */ h4.index {font-style:normal;} /* PAGE.PHP */ /* <body id="page"> (body id for page.php Used like this mainly to change the body font, body background colour of this page) */ body#page {font-weight:normal;} /* <h1 class ="page"> (styles the header at the top of the page containing the title of the post) */ h1.page {font-weight:normal;text-align:center;margin:30px 0 20px 0} /*SAMPLE-PAGE-WITH-COMMENTS.PHP */ /* <body id="page-with-comments"> (body id for sample-page-with-comments.php Used like this mainly to change the body font, body background colour of this page) */ body#page-with-comments {font-weight:normal;} /* <h3 ="page"> (styles the header at the top of the page containing the title of the post) */ h3.page {font-weight:normal;} /* <p id="comments"> (an anchor just above the first comment, found in single.php and sample-page-with-comments.php ) */ p#comments {font-weight:normal;font-size:1.2em;display:inline;font-style:italic;} /* SEARCH.PHP */ /* <body id="search"> (body id for search.php Used like this mainly to change the body font, body background colour of this page) */ body#search {font-weight:normal;} /* <h1 class="search-page-title"> (styles the heading at the top of the search results page) */ h1.search-page-title {font-style:normal;} /*SINGLE.PHP */ /* <body id="single"> (body id for single.php Used like this mainly to change the body font, body background colour of this page) */ body#single {font-weight:normal;} /* COMMENT <h1 class="single-post-header"> (styles the heading at the top of the single post) END COMMENT */ h1.single-post-header {font-style:normal;color:#808080;padding:0px;margin:50px 0 20px 10px;text-decoration:none;text-indent:0;text-align:left;} /*TAG.PHP*/ /* <body id="tag"> (body id for tag.php Used like this mainly to change the body font, body background colour of this page) */ body#tag {font-weight:normal;} /*SPANS */ /* <span class="bold"> (bolded text) */ span.bold {font-weight:bold} /* <span class="italic"> (italicised text) */ span.italic {font-style:italic} /* <div id="outer-horizontal-nav"> (the div across the top of the page that holds the horizontal navigation. If using tab images make sure the height is exactly the same height as the tab images. If the height is greater then the tab images will not rest on the bottom of the div. Use padding to create space above the tabs */ div#outer-horizontal-nav {position:relative;height:1.9em; background-color:#BCFFFC;padding:0;margin:0;width:100%;} /* <div id="inner-horizontal-nav"> (this div can further position horizontal navigation. If you're creating automatic tabs - see below - then make sure that this is not a fixed width so that there is room to more add tabs ) */ div#inner-horizontal-nav {position:relative;left:0;font-size:0.9em;margin:0;height:1.4em;padding:0;font-weight:bold;} /* USING CHILD CATEGORIES FOR DYNAMIC NAVIGATION LINKS - LINKS ALL LOOK THE SAME*/ div#inner-horizontal-nav ul.child-categories {border:0;padding:0;margin:0;text-indent:0;} div#inner-horizontal-nav li.cat-item {background:transparent none;border:0px solid gray;padding:0 16px 0 16px;display:inline;list-style-type:none;text-indent:0;} div#inner-horizontal-nav li.cat-item a:link {color:black;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:bold;} div#inner-horizontal-nav li.cat-item a:visited {color:black;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:bold;} div#inner-horizontal-nav li.cat-item a:hover {color:gray;text-decoration:none;padding:0;margin:0;text-indent:0;font-weight:bold;} div#inner-horizontal-nav ul.pages {border:0;padding:0;margin:0;text-indent:0px;} div#inner-horizontal-nav li.page_item {background:transparent none;border:0;margin:0;padding:0 10px 0 10px;display:inline;list-style-type:none;text-indent:0px;} div#inner-horizontal-nav a:link {color:black;text-decoration:none;padding:0;margin:0;text-indent:0px;} div#inner-horizontal-nav a:visited {color:black;text-decoration:none;padding:0;margin:0;text-indent:0px;} div#inner-horizontal-nav a:hover {color:gray;text-decoration:none;padding:0;margin:0;text-indent:0px;} /* <div class="category-image"> (this styles a container that can hold an image. */ div.category-image {float:left;width:150px;height:250px;} /* <img class="image-for-category" (this styles the images that are linked to categories, as described immediately above */ img.image-for-category {padding:20px;width:100px;} /* <p class="category-image-description"> (this styles the descriptive text for each image that is linked to a category) */ p.category-image-description {font-style:italic;}