ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Page Title1</title> <style type="text/css" media="screen"> /* Theme Name: Quietly Simple Theme URI: http://www.the-cloisters.net/wordpress-themes/quietly-simple-theme/ Description: A 2-column simple "back to basics" fixed-width theme in calming khaki and brown colors. Featuring an author info page, related posts and gravatars along with Custom Archives, Sitemap and full width No Sidebars page templates. Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to Wordpress 2.7 and is XHTML 1.0 Transitional and CSS 2.1 valid right out of the box. Author: Mina Author URI: http://www.the-cloisters.net version: 1.0 Tags: two-columns, right-sidebar, threaded-comments, fixed-width, dark, brown */ * { margin: 0; padding: 0; } h1 { font-size: 18px; } h2 { font-size: 14px; font-family: Georgia, Times New Roman, Verdana, Arial; font-style: italic; color: #000; margin: 0 0 10px 0; padding: 0; } h3 { font-size: 10px; } h4 { font-size: 9px; } a { color: #000; text-decoration: none; } a:hover { text-decoration: none; font-style: italic; } blockquote { border-top: #a29572 1px solid; border-bottom: #a29572 1px solid; font-style: italic; margin: 15px; padding: 0 12px 0 12px; } code { font-family: "Courier New", Courier, sans; } cite { font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; font-style: normal; } cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465d71; } .alignleft a { float: left; margin: 25px 0; } .alignright a { float: right; margin: 25px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*****LAYOUT*****/ body { background: #a29572; width: 100%; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; margin: 0; padding: 0; } #container { width: 900px; margin: 0 auto; padding: 0; color: #333; overflow: hidden; } #container_wide { float: left; width: 900px; margin: 0 auto; padding: 0; } #content { float: left; width: 605px; overflow: hidden; margin: 0 14px 14px 14px; padding: 0; } .post { background: #c0a172 url(images/post_bg.jpg) repeat; margin: 0 0 10px 0; padding: 5px 10px 0 10px; line-height: 14px; text-align: justify; border: #887a59 4px double; } .post h2 { font-size: 22px; font-family: Georgia, Times, Helvetica, sans-serif; font-style: italic; margin: 0 0 5px 0; padding: 0; } .post h2 a { color: #000; text-decoration: none; } .post h2 a:hover { color: #777; text-decoration: none; } .entry p { margin: 12px 0; } .date { clear: both; padding: 10px 6px; margin: 0; border-bottom: #887a59 1px solid; } .postmetadata {font-size: 10px; clear: both; padding: 6px; margin: 20px 0; border-top: #887a59 1px solid; } .navigation { width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; } #related_posts { background: #c0a172 url(images/post_bg.jpg) repeat; margin: 0 0 10px 0; padding: 5px 10px 5px 10px; line-height: 14px; text-align: justify; border: #887a59 4px double; } #related_posts h2 { font-size: 16px; font-family: Georgia, Times, Helvetica, sans-serif; font-style: italic; margin: 0 0 5px 0; padding: 0; } /*****HEADER*****/ #header { background: #000 url(images/header_bg.jpg) repeat; width: 100%; } .logo { background: #000 url(images/header.jpg) no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 200px; color: #fff; } #header h1 { font-size: 34px; font-family: Georgia, Times; padding: 20px 0 0 16px; margin: 0; } #header h1 a { color: #bab195; text-decoration: none; } #header h1 a:hover { color: #fff; text-decoration: none; } #header h2 { font-size: 14px; font-family: Georgia, Times; font-weight: normal; font-style: italic; color: #bab195; padding: 0 0 0 18px; margin: 0; } /*****HORIZONTAL MENU*****/ #menu { background: #2c2416; font-family: Verdana, Arial, Times, serif; font-size: 12px; width: 100%; height: 31px; margin: 0 auto; padding: 0; overflow: hidden; } #menu ul { margin: 0; padding: 0; text-align: center; } #menu ul li { list-style-type: none; float: left; margin: 0 15px 7px 0; padding: 5px 0; text-decoration: none; } #menu ul li a { padding: 0 10px; margin-left: 15px; padding: 3px; text-decoration: none; color: #e6dfb3; display: block; } #menu ul li a:hover { background: #660000; color: #b3a381; } #menu a:hover, #menu li.current_page_item a { background: #660000; color: #b3a381; padding: 3px; text-decoration: none; } /*****SIDEBAR*****/ #sidebar { font-family: Verdana, Arial, Tahoma; font-size: 11px; width: 240px; float: right; margin: 15px 0 20px 0; padding: 0; border-left: #887a59 1px solid; } #sidebar h2 { font-size: 18px; font-family: Georgia, Times New Roman, Verdana, Arial; font-style: italic; font-variant: small-caps; color: #61574a; margin: 0; padding: 0; } #sidebar p { margin: 0; padding: 0 6px 0 12px; } #sidebar a { color: #e6dfb3; } #sidebar a:hover { color: #61574a; text-decoration: none; font-style: italic; } #sidebar img { padding: 0; margin: 0; } #sidebar ul { margin: 12px; padding: 0; } #sidebar ul li { margin: 0; padding: 0; line-height: 14px; list-style-type: none; } #sidebar ul ul { margin: 5px 0 14px 0; padding: 0; } #sidebar ul ul li { list-style-type: none; } #sidebar ul ul ul { margin: 0; padding: 0; } #sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: none; color: #898989; } /*****COMMENTS*****/ #commentform { background: #c5bd99; margin: 0; padding: 10px; border: 1px solid #000; } #commentform p { color: #000; } #commentform a { color: #000; text-decoration: none; line-height: 14px; } #commentform h3 { font-family: Georgia, Times, Verdana; font-size: 10px; font-weight: 300; color: #000; margin: 0; padding: 0; } #comment { width: 80%; } #author, #email, #url, #comment, #submit { background: #efebd6; font-family: Verdana, Arial, Times; font-size: 8px; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; } .avatar { float: left; margin: 0 12px 0 0; } #submit { margin: 5px 5px 0 0; } #comments { margin: 0; padding: 0 } ol.commentlist { background: #c5bd99; list-style-type: none; margin: 0; padding: 5px 0 0 5px; border: 1px solid #000; } ol.commentlist li { background: #efebd6; width: 97%; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; } ol.commentlist li.alt { background: #c5bd99; width: 97%; } ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14px; } ol.commentlist a { color:#000; } /*****SEARCH*****/ #searchform { padding: 0; margin: 14px 0; } #searchform input#s { background: #c5bd99; margin: 0; padding: 2px; border: 1px solid #000; } #searchform input#searchsubmit { border: none; background: #333; color: #fff; text-transform: lowercase; } /***** SUBSCRIPTION *****/ .subscribe { float: left; margin: 25px 30px 0 20px; padding: 0; text-decoration: none; } .subscribe img { border: none; } /***** Calendar *****/ #wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 0; padding: 0; width: 70%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; } #wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; } #wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px; font-weight: bold; font-variant: small-caps; font-size: 10px; } #wp-calendar #prev a { width: 30px; font-variant: small-caps; } #wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; } #wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; } #wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; } #wp-calendar caption { color: #533419; text-align: center; width: 70%; margin: 5px 0 5px 0; font-family: Times, Verdana,Sans-Serif; font-size: 14px; } /*****IMAGES*****/ img.centered { display: block; margin: 0 auto; } img.alignright { padding: 0; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 0; margin: 0 7px 2px 0; display: inline; } img { border: #000 2px solid; padding: 0; } img a { border: none; } img.left { float: left; border: none; padding: 6px 0 0 0; } img.right { float: right; border: none; padding: 0 0 0 6px; } .alignright { float: right; } .alignleft { float: left } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*****FOOTER*****/ #footer { clear: both; background: #2c2416 url(images/footer_bg.jpg) repeat; width: 100%; height: 100px; border-top: #000 2px solid; } #footer p { padding: 14px 0; margin: 0 20px 0 0; color: #e6dfb3; text-align: right; } #footer a { color: #a29572; text-decoration: none; } #footer a:hover { color: #5d5d5d; text-decoration: underline; } </style> </head> <body> <div id="header"> <div class="logo"> <div id="LayerFlash" style="position:absolute; width:1001px; height:267px; text-align: left; z-index:5; top: 0"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="1001" height="267"> <param name="movie" value="home.swf"> <param name="quality" value="autohigh"> <param name="wmode" value="transparent"> <embed src="home.swf" width="1001" height="267" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </div> </div> <div id="menu"> <div class="menu"><ul><li ></li><li class="page_item page-item-25"></li></ul></div> </div> </div> <div id="container"> <div id="content"> <! [Post Begin]> <div class="post" id="PostID1"> <div class="date"><h2>Paragraph Title Here (What's New?)</h2> </div> <div class="entry"> <p>Use this area to tell your customers about news or developments in your company. Do you have a new product or service? Take this opportunity to keep your site fresh by featuring a top seller or season treat.</p> </div> </div> <div class="post" id="PostID2"> <div class="date"><h2>Paragraph Title Here (Overview)</h2> </div> <div class="entry"> <p>Use this space to give your web site visitors a brief overview of your company. What is the nature of your business? Who is your target audience? Try to sum it up in a few sentences. </p> </div> </div> <div class="post" id="PostID3"> <div class="date"><h2>Paragraph Title Here (What We Do)</h2> </div> <div class="entry"> <p>Now that you've explained who you are, go ahead and say a little more about what you do. Do you sell any products or services? Maybe you have some industry-specific information to convey. </p> </div> </div> <!-- If comments are open, but there are no comments. --> </div> <div id="sidebar"> <ul> <! [SlideBar Begin]> <li id="SlideBarID1"><h2><span>Roll</span></h2> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </li> <li id="SlideBarID2"><h2><span>Panel2</span></h2> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </li> <li id="SlideBarID3"><h2><span>Panel3</span></h2> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </li> </ul> </div> </div> <div id="footer"> <p>&diams; <a href="page_1.html">Home </a> &diams; <a href="page_2.html">About Us </a> &diams; <a href="page_3.html">Contact Us </a> &diams; <a href="page_4.html">Services </a> &diams; <a href="http://www.go2share.net">Support </a> &diams; <a href="http://www.go2share.net">Flash Effect SiteBuilder</a></p> </div> </body> </html>