/****** you can use this feature to update the CSS code for your template, editing the CSS enables you to customize the template as to reflect your style and personality, for further assistance in Css code you can read any of the links on the right, for further description for this document CSS read the tutorial "Jeeran template style code" ******/ /* Main Areas*/ body { margin: 0px; padding: 0px; color: #7B5114; font-family: "Times New Roman"; background-color: #EBD184; } #container { /* wraps around all the other elements except the extraDiv's */ width: 100%; margin: auto; } #subcontainer1 { /* wraps around the "content" */ width: 100%; background-image: url(http://www.jeeran.com/im/blogs/templates/24/header.jpg); background-repeat: repeat-x; background-color: #FFF1CC; height: 154px; } #subcontainer2 { width: 100%; background-image: url(http://www.jeeran.com/im/blogs/templates/24/container-2.gif); background-repeat: repeat-x; } #subcontainer3 { /* wraps around the "blog-footer" */ width: 100%; background-image: url(http://www.jeeran.com/im/blogs/templates/24/footer.jpg); background-repeat: repeat-x; height: 104px; } #content { /* Goes inside the "subcontainer2" and wraps around the "mainbox" and the "sidebar" */ font-size: 14px; width: 766px; overflow: hidden; margin: auto; border-left: 2px #BC7229 solid; border-right: 2px #BC7229 solid; background-color: #ffffff; } /* --------- Blog Header --------- */ #blog-header { width: 770px; margin: auto; } #blog-title { color: #7B5114; padding-top: 70px; padding-left: 20px; padding-right: 11px; font-size: 24pt; font-weight: bold; } a:hover #blog-title { text-decoration : underline; } #blog-description { font-size: 10pt; color: #7B5114; padding-left: 20px; padding-right: 11px; font-weight: bold; } /* --------- Blog Main Body --------- */ #posts { width: 520px; float: left; } #posts-box { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } /* --------- Blog Posts --------- */ .each-post-box { } .post-header-body { } .post-header { } .post-title { color: #57412A; font-size: 14pt; } a:hover .post-title { text-decoration : underline; } .post-date { color: #7B5114; font-size: 14px; } .post-body { padding-top: 15px; } .post-footer { padding-top: 15px; padding-bottom: 15px; text-size: 10px; color: #57412A; } #blog-paging { font-weight: bold; } .post-separator { width: 453px; height: 13px; background: url(http://www.jeeran.com/im/blogs/templates/24/Underlining.gif); background-repeat: no-repeat; } .attachment-image { width: 120px; } .emailpost-image { } .emailpost-text { text-decoration: none; display: none; } .emailpost-text:hover { text-decoration: underline; color: #616264; } /* --------- Post Comments --------- */ .commentbox { width: 450px; } .comment-header { } .comment-author { } .comment-date { } .comment-body { width: 390px; margin-top: 10px; margin-left: 55px; margin-bottom: 0px; margin-right: 0px; } .comment-separator { width: 453px; height: 13px; background: url(http://www.jeeran.com/im/blogs/templates/24/Underlining.gif); background-repeat: no-repeat; } /* --------- Blog Sidebar --------- */ #sidebar { /* Contains everything in the side bar and is mainly used to set the positioning of the side bar */ padding-top: 10px; padding-right: 10px; padding-bottom: 70px; padding-left: 10px; font-size: small; width: 220px; float: right; } #sidebar-box { /* The second layer around the sidebar which also wraps around all the side bar contents */ } .category-rss-image { border: 0px; vertical-align: middle; } #sidebar ul li { list-style-type: disc; list-style-image: url(http://www.jeeran.com/im/blogs/templates/24/Bulit.gif); } #sidebar p { } #sidebar ul { } /* --------- Footer --------- */ #blog-footer { } /* --------- Profile Area --------- */ #profile-box { overflow: hidden; height: 100%; margin-bottom: 10px; } #profile-box h1 { font-size: 13px; font-weight: bold; color: #57412A; } #profile-name { } #profile-image { width: 76px; } #profile-image-box { float: right; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; } #profile-description { } /* --------- Other SideBar Areas --------- */ #archives-box, #recent-box, #fav-box, #categories-box, #customesidebar-box { /* Wrap around each group in the side bar respectively */ } #archives-header, #recent-header, #fav-header, #categories-header, #customsidebar-header { /* Sets the style of the headline text for each side bar group */ font-size: 13px; font-weight: bold; color: #57412A; } #archives, #recent, #fav, #categories, #customsidebar { } /* --------- Comments Form --------- */ .FormBox { } .CommentFormHead { padding-bottom: 10px; } .AddCommentFormLabel { font-size: 11px; font-weight: bold; text-align: right; vertical-align: top; } .AddCommentFormInput { border-color: #000000; border-width: 1px; border-style: solid; } .AddCommentCheckBox { } #formComment { height: 120px; width: 300px; } #formAuthor { } #formEmail { } #formHomepage { } #formShowCountry { } #formSubscribe { } .formLabelCheckBox { font-size: 11px; font-weight: bold; } #btnAddComment { } /* --------- Typography and links --------- */ a:link, a:visited { text-decoration: none; color: #BD4D10; } a:hover { text-decoration : underline; color: #FF6600; } a:active { text-decoration : underline; color: #FF6600; } h1, h2, h3, h4, h5 { } ul { } li { } /* --------- Files --------- */ .files-box { /* Wraps around all the file attachments of each post */ } .attachment-file-box { } .attachment-file-name { } .attachment-mp3-box { } .attachment-mp3-name { } .attachment-image-box { } .attachment-image { } .attachment-image-name { } /* --------- Misc --------- */ .gravatar { width: 50px; height: 50px; float: left; } /* --------- Extra divs --------- */ #extraDiv1 #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 { display:none; } /* --------- boxes: Only change if you know what you are doing --------- */ #content_box_top_border, #content_box_bottom_border { margin: auto; width: 770px; } .content_box_tl { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_tl.gif); font-size: 1px; width: 11px; height: 11px; } .content_box_tr { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_tr.gif); font-size: 1px; width: 11px; height: 11px; } .content_box_bl { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_bl.gif); font-size: 1px; width: 11px; height: 11px; } .content_box_br { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_br.gif); font-size: 1px; width: 11px; height: 11px; } .content_box_top { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_top.gif); width: 750px; } .content_box_bottom { background-image: url(http://www.jeeran.com/im/blogs/templates/24/curve_bottom.gif); width: 750px; }