- CSS TASARIMLAR,SAĞDAN ÇİFT MENÜLÜ TASARIM

CSS TASARIMLAR,SAĞDAN ÇİFT MENÜLÜ TASARIM

TASARIMIN ÜSTÜNE

<div></div></div></div>
<div id='wrap'>
<div id='topnavbar'>
<div class='topnavbarleft'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
 
</script>
</p>
</div>
<div class='topnavbarright'>
<p><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'><img src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'>Posts</a>
<a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'><img alt='Subscribe to Revolution Church' src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle;margin-left:10px;'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'>Comments</a></p>
</div>
</div>
<div id='header'>
<div class='headerleft'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Revolution Church
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>BTemplates.com</span></p>
</div>
</div>
</div></div>
</div>
<div class='headerright'>
<a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a>
</div>
</div>
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
<ul>
<li>
<a href='#'>Sub Page #1</a>
<ul>
<li><a href='#'>Sub Sub Page #1</a></li>
<li><a href='#'>Sub Sub Page #2</a></li>
<li><a href='#'>Sub Sub Page #3</a></li>
</ul>
</li>
<li><a href='#'>Sub Page #2</a></li>
<li><a href='#'>Sub Page #3</a></li>
<li><a href='#'>Sub Page #4</a></li>
<li><a href='#'>Sub Page #5</a></li>
</ul>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>
<div id='NavbarMenuright'>
      <form action='/demo/church/index.php' id='searchform' method='get'> <input id='searchbox' name='s' onblur='if (this.value == '') {this.value = 'Search this website...';}' onfocus='if (this.value == 'Search this website...') {this.value = '';}' type='text' value='Search this website...'/> <input id='searchbutton' type='submit' value='GO'/></form>
    </div>
</div>
<div style='clear:both;'></div>
<div id='subnavbar'>
<ul id='subnav'>
<li>
<a href='#'>Community Events</a>
<ul>
<li>
<a href='#'>Sub Category #1</a>
<ul>
<li>
<a href='#'>Sub Sub Category #1</a>
</li>
<li>
<a href='#'>Sub Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Sub Category #2</a>
</li>
<li>
<a href='#'>Sub Category #3</a>
</li>
</ul>
</li>
<li>
<a href='#'>Conferences</a>
</li>
<li>
<a href='#'>Get Connected</a>
</li>
</ul>
</div>
<div style='clear:both;'></div>
<div id='outer-wrapper'><div id='wrap2'>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>

<h2 class='date-header'>Friday, December 26, 2008</h2>
<div class='post hentry'>
<a name='3151776509617620217'></a>
<h3 class='post-title entry-title'>
<a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a>
</h3>

TASARIMIN ALTINA

</div>
</div>
<div class='gapad'>
<center><a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a></center>
</div>

</div>
<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML1'>
<h2 class='title'>Sponsors</h2>
<div class='widget-content'>
<center>
         <a href="http://btemplates.com"><img style="margin:0 5px 0 0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
 
         <a href="http://btemplates.com"><img style="margin:0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
         
         </center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=HTML&widgetId=HTML1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>
</div>
<div id='midsidebar-wrapper'>
<div class='lsidebar section' id='lsidebar'><div class='widget Feed' id='Feed2'>
<h2>Recent Posts</h2>
<div class='widget-content' id='Feed2_feedItemListDisplay'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a href='http://btemplates.com/feed'>Loading...</a>
</span>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Feed&widgetId=Feed2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Feed2"));' target='configFeed2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div><div class='widget Label' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%201'>Lorem 1</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%202'>Lorem 2</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem%203'>Lorem 3</a>
<span dir='ltr'>(2)</span>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Label&widgetId=Label1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget LinkList' id='LinkList1'>
<h2>Blogroll</h2>
<div class='widget-content'>
<ul>
<li><a href='http://btemplates.com/'>BTemplates</a></li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=LinkList&widgetId=LinkList1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));' target='configLinkList1' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
<div class='rsidebar section' id='rsidebar'><div class='widget Followers' id='Followers2'>
<h2 class='title'>Followers</h2>
<div class='widget-content'>
<div id='Followers2-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;
 
       
 
       
        var registeredGadgets = [];
        gadgets.rpc.register('registerGadgetForRpcs', function(gadgetDomain, iframeName) {
          // RPCs don't work from the container to the blog in WebKit -
          // they cause the gadgets to get reloaded. Just ignore.
          // TODO(henrywong): There's a slick closure way to do this, but
          // we don't pull closure into blogs right now.
          if (!navigator || navigator.userAgent.indexOf("WebKit") == -1) {
 
            // Trim the gadget domain from a random url (w/ query params)
            // down to just a top level domain.
            // TODO(henrywong): There must be a slicker way to do this
            var startIndex = 0;
            var protocolMarker = "://";
 
            // Find the start of the host name
            if (gadgetDomain.indexOf(protocolMarker) != -1) {
              startIndex = gadgetDomain.indexOf(protocolMarker) + protocolMarker.length;
            }
            // Now find the start of the path
            var pathIndex = gadgetDomain.indexOf("/", startIndex);
 
            // Now extract just the hostname
            if (pathIndex != -1) {
              gadgetDomain = gadgetDomain.substring(0, pathIndex);
            }
 
            gadgets.rpc.setRelayUrl(iframeName, gadgetDomain + "/ps/rpc_relay.html");
 
            // Just return some random stuff so the gadget can tell when
            // we're done.
            return "callback";
          }
        });
 
       
        gadgets.rpc.register('getBlogUrls', function() {
          var holder = {};
         
           
           
           
              holder.postFeed = "http://www.blogger.com/feeds/2420795929826180627/posts/default";
           
           
           
              holder.commentFeed = "http://www.blogger.com/feeds/2420795929826180627/comments/default";
           
         
          return holder;
        });
 
       
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });
 
       
        gadgets.rpc.register('requestSignOut', function(siteId) {
         
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<div id="div-c024mwj8eefe" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
  { id: "div-c024mwj8eefe",
    height: 260,
   
   
   
    site: "09703924558467294012",
    locale: 'en' },
    skin);
  </script>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Followers&widgetId=Followers2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Followers2"));' target='configFollowers2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' id='BlogArchive2'>
<h2>Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1228118400000'>
<span class='zippy toggle-open'>? </span>
</a>
<a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/search?updated-min=2008-01-01T00%3A00%3A00-08%3A00&updated-max=2009-01-01T00%3A00%3A00-08%3A00&max-results=2'>2008</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=MONTHLY-1228118400000&toggleopen=MONTHLY-1228118400000'>
<span class='zippy toggle-open'>? </span>
</a>
<a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/2008_12_01_archive.html'>December</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='posts'>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a></li>
<li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum.html'>Lorem ipsum</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=BlogArchive&widgetId=BlogArchive2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive2"));' target='configBlogArchive2' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div></div>
</div>

<div class='clear'> </div>
</div>

<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
</div></div>

<div id='credits'>
<p><a href='http://revolutionchurch-btemplates.blogspot.com/'>Revolution Church</a>. Copyright  2008  All Rights Reserved  <a href='http://www.revolutiontwo.com'>Revolution Two Church theme</a> by <a href='http://www.briangardner.com'>Brian Gardner</a>  adaptado por  <a href='http://www.pwg-designs.es.tl/'>PwG-DesignS</a></p>
</div>
</div>

CSS BÖLÜMÜNE

#navbar-iframe {
display: none !important;
}
body {
background: #111 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU80wCpSdI/AAAAAAAAA5c/YvJiRzAcUOg/s1600/bg.png);
width: 980px;
color: #333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0 auto 0;
padding: 0;
}
#wrap {
background: #EEE;
width: 960px;
margin: 10px auto 10px;
padding: 0;
position: relative;
border: 10px solid #333;
}
a, a:visited {
color: #A91B33;
text-decoration: none;
}
a:hover {
color: #A91B33;
text-decoration: underline;
}
a img {
border-width: 0;
}
#topnavbar {
background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
width: 960px;
height: 30px;
color: #FFF;
margin: 0;
padding: 0;
}
#topnavbar a, #topnavbar a:visited {
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#topnavbar a:hover {
text-decoration: underline;
}
#topnavbar p {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}
.topnavbarleft {
width: 230px;
float: left;
margin: 0;
padding: 8px 0 0 10px;
}
.topnavbarright {
width: 600px;
float: right;
margin: 0;
padding: 7px 10px 0 0;
text-transform: uppercase;
text-align: right;
}
.topnavbarright a img {
border: none;
margin: 0 3px 3px 0;
padding: 0;
}
#header {
background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU809IyVNI/AAAAAAAAA5k/7_DXEKzUD40/s1600/header.png);
width: 960px;
height: 100px;
color: #FFF;
font-size: 11px;
margin: 0;
padding: 0;
overflow: hidden;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
color: #FFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0;
padding: 15px 0 0 20px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #FFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
color: #FFF;
text-decoration: none;
}
#header h3 {
color: #A91B33;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0;
padding: 0;
}
#header p {
color: #FFF;
padding: 0 0 5px 20px;
margin: 0;
line-height: 20px;
}
.headerleft {
width: 460px;
float: left;
font-size: 14px;
margin: 0;
padding: 0;
}
.headerleft a img {
border: none;
margin: 0;
padding: 0;
}
.headerright {
width: 486px;
float: right;
margin: 0;
padding: 18px 0 0;
font-weight: bold;
}
.headerright a img {
border: 1px solid #FFF;
margin: 0 0 3px;
padding: 0;
}
#header .description {
color: #A91B33;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin-left: 25px;
padding: 0;
}
#NavbarMenu {
background: #555 url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82PLeYMI/AAAAAAAAA6c/R8Ip5ZMFIh8/s1600/navbar.png);
width: 960px;
height: 35px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFF;
font-weight: bold;
margin: 0;
padding: 0;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#NavbarMenuright {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
font-size: 16px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#nav li a:hover, #nav li a:active {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU-vl5H-bI/AAAAAAAAA68/U4rkLsg0HqE/s1600/navhov.png);
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #555;
width: 150px;
color: #FFF;
font-size: 14px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
background: #777;
color: #FFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #EEE !important;
width: 220px;
color: #202020;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0;
padding: 4px 0 3px 5px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
display: inline;
}
#searchbutton {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
color: #FFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#subscribe {
margin: 0;
padding: 5px 0 0;
overflow: hidden;
}
#subbox {
background: #EEE !important;
width: 200px;
color: #202020;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#subbutton {
background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
color: #FFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0 0 0 7px;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#name, #email, #url {
background: #EEE !important;
width: 250px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#submit {
background: #7B7B7B;
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 3px 3px 2px;
font-weight: bold;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
#words {
background: #EEE;
width: 460px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0 0;
padding: 3px 0 3px 5px;
border-top: 1px solid #666;
border-right: 1px solid #DDD;
border-left: 1px solid #666;
border-bottom: 1px solid #DDD;
display: inline;
}
#subnavbar {
background: #666;
width: 960px;
height: 24px;
color: #FFF;
margin: 0;
padding: 0;
}
#subnav {
margin: 0;
padding: 0;
}
#subnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#subnav li {
list-style: none;
margin: 0;
padding: 0;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFF;
display: block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0 5px 0 0;
padding: 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background: #888;
color: #FFF;
display: block;
text-decoration: none;
margin: 0 5px 0 0;
padding: 6px 13px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #666;
width: 140px;
float: none;
margin: 0;
padding: 6px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #888;
margin: 0;
padding: 6px 10px;
}
#subnav li {
float: left;
padding: 0;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#subnav li ul a {
width: 140px;
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}
#outer-wrapper {
width: 940px;
margin: 0 auto 0;
padding: 10px 0 0;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0 0 20px;
}
#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 0 10px;
display: inline;
}
#midsidebar-wrapper {
width: 320px;
float: right;
overflow: hidden;
}
#lsidebar {
background: #FFF url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU816iWxaI/AAAAAAAAA6U/M4QXEEvacuM/s1600/leftsidebartop.gif) top no-repeat;
float: left;
width: 150px;
margin: 0;
padding: 10px 10px 0;
border: 1px solid #DDD;
display: inline;
}
#rsidebar {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82YM12GI/AAAAAAAAA6k/-mtGMiUJ6pE/s1600/rightsidebartop.gif) top no-repeat;
float: right;
width: 120px;
margin: 0;
padding: 10px 10px 0;
border: 1px solid #DDD;
display: inline;
}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.post h3 {
color: #444;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #444;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #A91B33;
text-decoration: none;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
}
.post-body blockquote {
line-height: 1.3em;
}
.comment-link {
margin-left: .6em;
}
.post img {
padding: 10px;
}
.post blockquote {
background: #E8E8E8;
margin: 0 25px 15px;
padding: 10px 20px 0 15px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.gapad {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.comments {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
#comments h4 {
color: #A91B33;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0 0 20px;
padding: 10px 0 0;
}
#comments-block {
width: 580px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: .5em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border: 1px solid #DDD;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
display:none;
}
#blog-pager-older-link {
float: right;
display:none;
}
#blog-pager {
text-align: center;
display:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
.sidebar {
color: #666;
line-height: 1.5em;
}
.sidebar h2, .rsidebar h2, .lsidebar h2 {
background: #333 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81KcgGkI/AAAAAAAAA5s/F42frbPwJ00/s1600/headline.png);
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 10px;
padding: 3px 0 3px 7px;
}
#sidebar p {
margin: 0;
padding: 0 0 0 45px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0;
}
.sidebar ul, .rsidebar ul, .lsidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
background: #FFF url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81WBL-vI/AAAAAAAAA58/8Bw6OazI-mc/s1600/icon.gif) no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.sidebar .widget {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.sidebar .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar .widget {
background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #DDD;
}
.main .Blog {
border-bottom-width: 0;
}
#footer {
width: 660px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
}
#credits {
background: #93BBBC url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
width: 960px;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
}
#credits p {
color: #FFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 9px 0 0;
}
#credits a, #footer a:visited {
color: #FFF;
text-decoration: none;
}
#credits a:hover {
color: #FFF;
text-decoration: underline;
}
 
-->
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}