Best Template Blog - Maximize Earn Money

Powered By

Saturday, July 19, 2008

3 Column Blogger Template: Comptech Blue

Blogger Templates: 3 Column Blogger Template, Modern.

Download here

Magazine Free Template

Specification : Type : Blogger beta template (XML) Column type : Multy column Background color : gray (default) Template color : white Template Width : 900 pixel Sidebar width : 300 pixel Leftsidebar_1 : width : 280 pixel leftsidebar_2 : width : 270 pixel bottombar width : 210 pixel Browser test : IE6, FF3 beta 4, opera 9.25, Netscape 9.0.0.6

Download Clik here

Subscribe to: Posts (Atom)

You Can Download That Template Please Copy Paste

<?xml version="1.0" encoding="UTF-8" ?>
<!doctype 1.0 strict//en -//w3c//dtd http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd public html xhtml>

<b:include data="blog" name="all-head-content"/>
    <data:blog.pagetitle/></data:blog.pagetitle>
    <b:skin><![cdata[
/* j.aghili *designer: - * 2007 --- */
/* variable date: red definitions
="===================

" ------ template url: name: columns ----- blogger style---- march sunset----- www.finalsense.com 3><variable default="#369" description="Text Color" 
 value="#000000" name="textcolor" type="color">
             
   <variable default="#17462b" description="Page Background Color" 
 value="#4c4c4c" name="PageBgColor" type="color">

<variable default="#666" description="Comments Text Color" 
 value="#666666" name="Commentscolor" type="color">             
*/

/* ---( page defaults )--- */
body {  margin: 0px;  padding: 0px;  text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor;  }
blockquote {  margin: 0 0 0 30px;  padding: 10px 0 0 20px;  font-size: 88%;  line-height: 1.5em;  color: #666;  }
blockquote p {  margin-top: 0;  }
abbr, acronym {  cursor: help;  font-style: normal;  }
code {  color: #f63;  }
hr {  display: none;  }
img {  border: none;  }

/* unordered list style */
ul {  list-style: none;  margin-left: 10px;  padding: 0;  }
li {  list-style: none;  padding-left: 14px;  margin-bottom: 3px;  }

/* links */
a:link {  color: $linkcolor; text-decoration: none;  }
a:visited {  color: $visitedlinkcolor; text-decoration: none;  }
a:hover {  color: $linkhover; text-decoration: none;  }
a:active { color: $visitedlinkcolor; text-decoration: none;  }

/* ---( layout structure )---*/
#outer-wrapper {  width: 901px;  margin: 0px auto 0;   text-align: justify; }
#content-wrapper {width: 845px;  margin-left: 20px;  /* to avoid the border image */  }
#main {  float: left;  width: 420px;  margin: 5px; padding: 0px 0px 0px 0px;  line-height: 1.5em;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */  }
#sidebar {  float: right;  width: 195px;  padding-right: 0px;  font-size: 85%; color: $sidebartextcolor; line-height: 1.4em;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */  }
#ads-wrapper {float: left; width: 180px; padding-left: 15px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */}
#ads{font-size: 100%; color: $sidebartextcolor; padding: 0px;}
#center {background: #ffffff url('http://lh6.google.com/image/jvdmds/Rf39M0sJ2-I/AAAAAAAAAOw/lq_KvlZugVI/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5C3%5Cred-sunset-2.jpg') repeat-y top left;}

/* ---( header and site name )--- */
#header-wrapper {  margin: 0;  }
#header {  margin: 0; height:175px; width:901; color: $pagetitlecolor;   background: url('http://www.simply-thai.com/foundy-foto/studio-bg.jpg') no-repeat top center; }
#header h1 {width: 420px; font: $pagetitlefont; padding: 80px 20px 6px 40px;  filter: glow(color=#000000,Strength=5); text-align: left;}
#header h1 a {  text-decoration: none;  color: $pagetitlecolor;  }
#header h1 a:hover {  color: #eee;  }
#header .description { margin:0 5px 5px; text-align: left; padding:15px;  width:80%;    line-height: 1.4em;  font: $descriptionfont;  color: $descriptioncolor; }

/* ---( main column )--- */
h2.date-header {  margin-top: 0;  padding-left: 10px;  font-size: 90%;  color: $datecolor;  }
.post h3 {  margin-top: 0;  font: $titlefont;  color: $titlecolor;  }
.post {  border-bottom: 1px solid #ddd; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em  }
.post h3 a {text-decoration: none;}
.post h3 a:hover {   color: #369;  text-decoration: none; }
.post-footer {  margin: 0;  padding: 0px;  font-size: 88%;  color:$footercolor;  }
.post img {  padding: 6px;  border-top: 1px solid #ddd;  border-left: 1px solid #cccccc;  border-bottom: 1px solid #c0c0c0;  border-right: 1px solid #c0c0c0;  }
.feed-links {  clear: both;  line-height: 2.5em;}
.blog-feeds { text-align: right;}
#blog-pager-newer-link {  float: left; }
#blog-pager-older-link {   float: right; }
#blog-pager {     text-align: center;  }

/* comment styles */
#comments {  padding-top: 10px;  font-size: 85%;  line-height: 1.5em;  color: $Commentscolor;  }
#comments h4 {  margin: 20px 0 15px 0;  padding: 8px 0 0 40px;  font-family: "Lucida Grande", "Trebuchet MS";  font-size: 110%;  color: $Commentscolor;  height: 30px !important; /* for most browsers */  height /**/:37px; /* for IE5/Win */  }
#comments ul {  margin-left: 0;  }
#comments li {  background: none;  padding-left: 0;  }
.comment-body {  padding: 0 10px 0 25px;  }
.comment-body p {  margin-bottom: 0;  }
.comment-author {  margin: 4px 0 0 0;  padding: 0 10px 0 60px;  color: #999;    }
.comment-footer {  border-bottom: 1px solid #ddd;  padding-bottom: 1em;}
.deleted-comment {  font-style:italic;  color:gray;  }

/* ---( sidebar )--- */
.sidebar h2 {   margin: 0 0 0 0;  padding: 10px 0 0 0px; font: $sidebarheaderfont;  color: $sidebarcolor;  height: 32px !important; /* for most browsers */  height /**/:57px; /* for IE5/Win */  }
.sidebar .widget {  margin: 0;  padding: 0 0 5px 10px;}
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover; }
.sidebar li { padding-left: 5px;  }
.profile-textblock {  margin:.5em 0 .5em; }
.profile-img { float: left;  margin: 0 5px 5px 0;  border: 1px solid #ddd;  padding: 4px;}

/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */  clear: both;  }
#footer-wrapper {  margin: 0;  padding: 0 0 0 0;  font-size: 85%;  }
#footer {  margin: 0; width: 901px; height:88px;  padding: 0px;  background:  url('http://lh3.google.com/image/jvdmds/Rf37qEsJ2nI/AAAAAAAAAL4/qHcTVbM6mVE/red-sunset-3.jpg') no-repeat top left; }

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {   padding-top: 0;  margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {   width: 901px;}
body#layout #sidebar {   margin-right: 0;  margin-bottom: 1em; }
body#layout #header,body#layout #footer,
body#layout #main {  padding: 0; }
body#layout #content-wrapper {   margin: 0px; }
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }

/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

<div id="outer-wrapper">
<div id="wrap2">
 
<span id="skiplinks" style="display:none;">
  <a shape="rect" href="#main">skip to main</a> 
  | 
  <a shape="rect" href="#sidebar">skip to sidebar</a> 
  </span>
<div id="header-wrapper">
      <b:section id="header" class="header" showaddelement="no" maxwidgets="1">
<b:widget id="Header1" locked="true" title="Jogja Streaming (Header)" type="Header"/>
</b:widget></b:section><div id="tabshori">
<ul>
<li><a href="http://albummusik.blogspot.com"><span>Free Mp3</span></a></li>
<li><a href="http://du-plicate.blogspot.com"><span>Business</span></a></li>
<li><a href="http://the-spg.blogspot.com"><span>Reference</span></a></li>
<li><a href="http://astore.amazon.com/jojo007-20"><span>Telescope Store</span></a></li>
<li><a href="http://www.toggletext.com"><span>Dictionary</span></a></li>
<li><a href="http://iklankanprodukmu.blogspot.com"><span>Shoping</span></a></li>
</ul>
</div>

</div>
<div id="center">

<?xml version="1.0" encoding="UTF-8" ?>
<!doctype 1.0 strict//en -//w3c//dtd http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd public html xhtml>

<b:include data="blog" name="all-head-content"/>
    <data:blog.pagetitle/></data:blog.pagetitle>
    <b:skin><![cdata[/*
-----------------------------------------------
blogger darren stretch
designer: jul delaye
url: minima bowman 2006
----------------------------------------------- style
name: variable www.stopdesign.com
date: lefty definitions
="===================
" douglas 14 */

/* template/><variable default="#fff" description="Page Background Color" 
 value="#ffffff" name="bgcolor" type="color">
   <variable default="#333" description="Text Color" 
 value="#333333" name="textcolor" type="color">
   <variable default="#58a" description="Link Color" 
 value="#5588aa" name="linkcolor" type="color">
   <variable default="#666" description="Blog Title Color" 
 value="#666666" name="pagetitlecolor" type="color">
   <variable default="#999" description="Blog Description Color" 
 value="#999999" name="descriptioncolor" type="color">
   <variable default="#c60" description="Post Title Color" 
 value="#cc6600" name="titlecolor" type="color">
   <variable default="#ccc" description="Border Color" 
 value="#ffffff" name="bordercolor" type="color">
   <variable default="#999" description="Sidebar Title Color" 
 value="#999999" name="sidebarcolor" type="color">
   <variable default="#666" description="Sidebar Text Color" 
 value="#666666" name="sidebartextcolor" type="color">
   <variable default="#999" description="Visited Link Color" 
 value="#999999" name="visitedlinkcolor" type="color">
   <variable default="normal normal 100% Georgia, Serif" description="Text Font" 
 value="normal normal 100% Georgia, Serif" name="bodyfont" type="font">
   <variable default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" description="Sidebar Title Font" 
 value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" name="headerfont" type="font">
   <variable default="normal normal 200% Georgia, Serif" description="Blog Title Font" 
 value="normal normal 200% Georgia, Serif" name="pagetitlefont" type="font">
   <variable default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" description="Blog Description Font" 
 value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" name="descriptionfont" type="font">
   <variable default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" description="Post Footer Font" 
 value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" name="postfooterfont" type="font">
   <variable default="left" description="Start side in blog language" 
 value="left" name="startSide" type="automatic">
   <variable default="right" description="End side in blog language" 
 value="right" name="endSide" type="automatic">
*/

/* Use this with templates/template-twocol.html */

body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  margin:0 2% 10px;
  border:1px solid $bordercolor;
  }

#header-inner {
  background-position: center;
  margin-$startSide: auto;
  margin-$endSide: auto;
}

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
}

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  margin:0;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  margin-$endSide: 2%;
  width: 67%;
  float: $endSide;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  margin-$startSide: 2%;
  width: 25%;
  float: $startSide;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager {   
  text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#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 : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:none; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://kendhin.890m.com/menu/redleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://kendhin.890m.com/menu/redright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}
]]></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></![cdata[/*
-----------------------------------------------
blogger></b:skin>
<script src="http://kendhin.890m.com/Readmore.js" type="text/javascript"/> 
  </head>

<span id="skiplinks" style="display:none;">
      <a href="#main">skip to main </a> |
      <a href="#sidebar">skip to sidebar</a>
    </span>

<div id="header-wrapper">
      <b:section id="header" class="header" showaddelement="yes" maxwidgets="2">
<b:widget id="Header1" locked="false" title="Perspective  Sales &amp; Marketing (Header)" type="Header"/>
</b:section>
    </div>
 <div id="tabshori">
<ul>
<li><a href="http://mp3lagu-ngetop.blogspot.com"><span>Free Mp3</span></a></li>
<li><a href="http://top-dangdut.blogspot.com"><span>Mp3 Dangdut</span></a></li>
<li><a href="http://worldstreamers.blogspot.com"><span>World Radio</span></a></li>
<li><a href="http://radiostreamers.blogspot.com"><span>Indonesia Radio</span></a></li>
<li><a href="http://jogja-streamers.blogspot.com"><span>Jogja Streaming</span></a></li>
<li><a href="http://du-plicate.blogspot.com"><span>Beauty</span></a></li>
<li><a href="http://the-spg.blogspot.com"><span>Reference</span></a></li>
<li><a href="http://astore.amazon.com/jojo007-20"><span>Telescope</span></a></li>
<li><a href="http://iklankanprodukmu.blogspot.com/"><span>Shoping</span></a></li>
</ul>
</div>
    <div id="content-wrapper">

<div class="clear"> </div>

</div>

</div></div> 
</body>
</html>
</a>

<?xml version="1.0" encoding="UTF-8" ?>
<!doctype 1.0 strict//en -//w3c//dtd http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd public html xhtml>

<b:include data="blog" name="all-head-content"/>
    <data:blog.pagetitle/></data:blog.pagetitle>
    <b:skin><![cdata[
/* =="==================

"><variable default="#482400" description="Text Color" 
 value="#000000" name="textcolor" type="color">
             
   <variable default="#e4b81b" description="Page Background Color" 
 value="#00FF80" name="PageBgColor" type="color">

<variable default="#666" description="Comments Text Color" 
 value="#666666" name="Commentscolor" type="color">             
*/

/* unordered list style */
ul {  list-style: none;  margin-left: 10px;  padding: 0;  }
li {  list-style: none;  padding-left: 14px;  margin-bottom: 3px;  }

/* ---( layout structure )---*/
#outer-wrapper {  width: 953px;  margin: 0px auto 0;   text-align: justify; }
#content-wrapper {  margin-left: 0px;  /* to avoid the border image */  width: 100%;  }
#main {  float: left;  width: 477px;  margin: 5px; padding: 0px 0px 0px 20px;  line-height: 1.5em;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */  }
#sidebar {  float: left;  width: 170px;  padding-left: 28px;  font-size: 85%;  color: $sidebartextcolor; line-height: 1.4em;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */  }
#ads-wrapper {float: right; width: 200px; padding-right: 30px;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */}
#ads{font-size: 100%; color: $sidebartextcolor; padding: 0px; }
#center {background: #ffffff url('http://lh6.google.com/image/jvdmds/Rf39M0sJ28I/AAAAAAAAAOg/sAOsagvFBlE/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5C3%5Cbutterfly-2.jpg') repeat-y top center;}

/* ---( header and site name )--- */
#header-wrapper {  margin: 0;  }
#header {  margin: 0; height:302px; width:953; color: $pagetitlecolor;   background: url('http://www.imel1.kuis.kyoto-u.ac.jp/members/kameda/rec/snapshot/2000/20000301/sanfransisco_beach.jpg') no-repeat top center; }
#header h1 { width: 880px; font: $pagetitlefont; padding: 130px 40px 5px 30px;  filter: glow(color=#000000,Strength=5); text-align: right;}
#header h1 a {  text-decoration: none;  color: $pagetitlecolor;  }
#header h1 a:hover {  color: #eee;  }
#header .description { margin:-20px 25px 5px 255px; text-align: right; padding:15px;  line-height: 1.4em;  font: $descriptionfont;  color: $descriptioncolor; }

/* ---( sidebar )--- */
.sidebar h2 {   margin: 0 0 0 0;  padding: 10px 0 0 0px; font: $sidebarheaderfont;  color: $sidebarcolor;  height: 32px !important; /* for most browsers */  height /**/:57px; /* for IE5/Win */  }
.sidebar .widget {  margin: 0;  padding: 0 0 5px 10px;}
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover; }
.sidebar li { padding-left: 5px;  }
.profile-textblock {  margin:.5em 0 .5em; }
.profile-img {   float: left;  margin: 0 5px 5px 0;  border: 1px solid #ddd;  padding: 4px;}

/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */  clear: both;  }
#footer-wrapper {  margin: 0;  padding: 0 0 0 0;  font-size: 85%;  }
#footer {  margin: 0; width: 953px; height:114px;  padding: 0px;  background:  url('http://lh6.google.com/image/jvdmds/Rf3710sJ2xI/AAAAAAAAANI/jV0rUgqdEi8/butterfly-3.jpg') no-repeat top center; }

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {   padding-top: 0;  margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {   width: 953px;}
body#layout #sidebar {   margin-right: 0;  margin-bottom: 1em; }
body#layout #header,body#layout #footer,
body#layout #main {  padding: 0; }
body#layout #content-wrapper {   margin: 0px; }
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }

]]></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></variable></![cdata[
/*></b:skin>
 <script src="http://kendhin.890m.com/Readmore.js" type="text/javascript"/>  
</head>
<body>
  <div id="outer-wrapper">
<div id="wrap2">
 
<span id="skiplinks" style="display:none;">
  <a shape="rect" href="#main">skip to main</a> 
  | 
  <a shape="rect" href="#sidebar">skip to sidebar</a> 
  </span>
<div id="header-wrapper">
      <b:section id="header" class="header" showaddelement="no" maxwidgets="1">
<b:widget id="Header1" locked="true" title="Free Article And Reference  Perspective of Business (Header)" type="Header"/>
</b:section>
    </div>
<div id="center">
 <div id="content-wrapper">
 <div id="sidebar-wrapper">
        <b:section id="sidebar" preferred="yes" class="sidebar">
<b:widget id="BlogList1" locked="false" title="" type="BlogList"/>
<b:widget id="BlogArchive2" locked="false" title="Blog Archive" type="BlogArchive"/>
<b:widget id="AdSense2" locked="false" title="" type="AdSense"/>
<b:widget id="AdSense1" locked="false" title="" type="AdSense"/>
<b:widget id="BlogList3" locked="false" title="" type="BlogList"/>
</b:section>
 </div>
 <div id="main-wrapper">
 <b:section id="main" class="main" showaddelement="yes">
<b:widget id="AdSense3" locked="false" title="" type="AdSense"/>
<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog"/>
<b:widget id="BlogList2" locked="false" title="" type="BlogList"/>
</b:section>
  </div>
 <div id="ads-wrapper">
 <b:section id="ads" preferred="yes" class="sidebar">
<b:widget id="HTML1" locked="false" title="" type="HTML"/>
</b:section>
  </div>
 
  <div class="clear"> </div> 
  </div>
 
</div>
  <div id="footer-wrapper">
  <b:section id="footer" class="footer"/> 
  </div>
</div>
</div>
 
  </body>
  </html>

Best Template Blog - Maximize Earn Money

Labels

Powered By

Saturday, July 19, 2008

3 Column Blogger Template: Comptech Blue

Magazine Free Template