Просто заметки: Шаблон для блога-галереи

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style

Name: Photo Gallery Woody
Author: Franklin Manuel
URL: http://www.bloggermint.com

License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

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

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

]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<style type='text/css'>
html{
box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
}
body{margin:0;padding:0 0 0 0; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUe0kN6ES1fhUB0xGoDnFwhozzdm-L0GEIZDqF44ANQCx4PbLDtDCWgcU17rldVKoXF0XwePHPQ_nz7TuTKBJhMT9AWJbeNewJjqjOdTH6Nj4rCVEPzlRLU4zp6Pk8ZAmoooTBcESF2v0/s1600/wood-bg.jpg") repeat scroll 0 0 #ceb688;font-family:Arial,Century gothic,Tahoma,sans-serif;color:#444;font-size:13px; overflow-x: hidden;}
a:link,a:visited{color:#555;outline:none;}
a:hover{color:#333;outline:none;}
a img{border-width:0}
#body-wrapfull{margin:0px;padding:0px;}
#body-wrap{margin-top:0px 0px 0px 0px;padding:0px;}
h1,h2,h3,h4,h5,h6{line-height:125%;font-weight:bold}
table{border:1px solid #fff;margin:0 -1px 24px 0;text-align:left;width:100%}
tr th,thead th{color:#888;font-size:12px;font-weight:bold;line-height:18px;padding:9px 24px}
tr td{border-top:1px solid #fff;padding:6px 24px}
tr.odd td{background:#fff}
ul{list-style:square}
blockquote{font-style:italic;color:#666;padding:10px}
blockquote em{font-style:normal}
pre{padding:9px;background:#f9f9f9;border:1px solid #ccc}
code{padding:0 3px;}
pre code{background:transparent}
a img{border:none}
.clear{clear:both}
/* Header-----------------------------------------------*/
#mainhead{

}
.header{
height: 45px;
margin: 50px auto;
width: 930px;

}
.headside {
float:right; }

/* LOGO */
.logo{
margin: 0 auto;
padding: 0 5px 5px;
width: 100%;
text-align:center;
}

.logo h2{
color: #4F3E20;
font-family: Oswald,Arial,sans-serif;
font-size: 60px;
margin: 15px 0;
padding: 0;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6), 0px -1px rgba(0, 0, 0, 0.75);

}

.logo a {
text-decoration:none;
}

.search{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 3px #000000 inset;
-webkit-box-shadow: 0 0 3px #000000 inset;
box-shadow: 0 0 3px #000000 inset;
background: #FFF;
color: #CCCCCC;
font: 13px Arial,sans-serif;
padding: 3px 0 3px 5px;
width: 250px;
margin: 17px 5px 0;
float:right;
}

.input{
width:215px;
height:25px;
border:0 none;

}
#col1 {
padding:0 20px;
color:#FFF;
}
#col1 a:link {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.07);
color: #FFFFFF;
padding: 3px 7px;
}

#col1 a:hover {
-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

.go{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbfGYq51TSbtUkPSOtTvcM9jxNBjPl18EifSgmV3DIdel8xgfO2MmOTn799sdN1e9BOkMDVd7uEWvHiOS8cHioxv89AyQ7N1ANsUILumPH1-pzx-4wcIoLG1XYiExE_solR-FglNJnC5X/s1600/search.png) no-repeat scroll right center transparent !important;
border: 0 none;
cursor: pointer;
height: 24px;
margin: 0;
padding: 0;
width: 28px;
}
.botbox-rounded h2 {
margin:0;
}

/* Navbar */

#topnav h2 {
display:none;
}

#nav {
margin: 0 auto;
width: 535px;
}
#nav a {
text-decoration:none;
}
#nav a:hover {
color:#CCC;
}
#nav ul {
float: left;
list-style-type: none;
margin: 0;
}

#nav ul li {
float:left;
margin:0;
padding:0;
}

#nav ul li a {
color: #444444;
display: block;
font-family: Damion,Arial,Sans-serif;
font-size: 30px;
font-weight: normal;
padding: 0 10px;
margin: 0 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

#nav ul li a:hover {
color:#FFF;
text-decoration:none;
}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:1000px;margin:40px auto 0;padding:0;text-align:$startSide;font:$bodyfont;}
#content-wrapper{}
#main-wrapper{width:1000px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em}
.post{margin: 5px 0 25px 0;padding-right:10px;padding-bottom:5px;
}
.post h2{ width:100%;clear:both;text-align:center; }
.post h2 a,.post h3 a:visited,.post h3 strong{
border-bottom: 1px dotted;
color: rgba(0, 0, 0, 0.3);
font-style: italic;
font-weight: normal;
text-decoration: none;
font-family:Georgia, sans-serif;
}
.post-body{
margin: 0 auto;
padding: 15px;
text-align: justify;
text-shadow: 0 1px 0 rgba(255,255,255,0.35);
width: 800px;
}
.post-footer{
line-height: 1.4em;
margin: 0 auto;
width: 800px;}
.comment-link{margin-$startSide:.6em}
.post img{padding:6px 6px 6px 6px; background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 25px #000000;
-webkit-box-shadow: 0 0 25px #000000;
-moz-box-shadow: 0 0 25px #000000;
margin:0 4px 4px 0;
}
/* Comments----------------------------------------------- */

#comments {
margin: 0 auto;
width: 800px;
}
#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{
border-radius: 0 20px 20px 0;
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
float: left;
margin: 0 0 20px;
padding: 0 15px 0 60px;
box-shadow: 0 0 30px #333 inset;
-moz-box-shadow: 0 0 30px #333 inset;
-webkit-box-shadow: 0 0 30px #333 inset;
}
#comment-date{ float: right;
width: 140px;}
#comment-header{
float: left;
margin: 20px 10px;
padding: 15px;
position: relative;
}
#comment-body {
float: left;
padding-left: 60px;
width: 100%;
text-shadow:0 1px 0 rgba(255,255,255,0.35);
}
#comment-form {
float: left;
width: 645px;
}
#comment-form iframe {
padding: 5px;
width: 665px !important;
}
#comment-form textarea {
border: 0 none !important;
}

.avatar-image-container{
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
height: 60px;
left: 0;
margin: 5px 10px 5px 5px;
overflow: hidden;
position: absolute;
top: -5px;
width: 60px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBShU8jKRffVk8ZMOPocWEhbthGOqJvPez_IpQUANGDjSM73CRgtW2-ArTHUgyHZiUP_CgNaDMtshtv-pXEgZiQUElj0r3PAn9kQx9jjMTH7e220rO7n99PKLdmgnqoFmfQ6v_DDnY744/s1600/anonymous.jpg") no-repeat scroll center center transparent;
}
.avatar-image-container img{width:60px;height:60px}
a.comments-autor-name{ color:#ccc;font: bold 22px Damion;text-decoration: none;text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6);}
a.says{ color: #000000;
font: bold 20px damion,Tahoma,Verdana;
margin: 0 0 0 5px;}
.says a:hover{text-decoration:none}
a.comment-permalink{color:#aaa;font:normal normal 10px Arial,Tahoma,Verdana}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{ margin: 50px 0 0;
overflow: visible;
text-align: center;clear:both;}
.feed-links{clear:both;line-height:2.5em}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#3A4A5D;}
.sidebar a{text-decoration:none;color:#3A4A5D;}
.sidebar a:hover{text-decoration:underline;color:#DE6503}
.sidebar h2{margin:10px 0 4px 0;padding:10px 0 12px 8px;text-align:left;font-size:18px;line-height:18px;color:#324256;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaGmmQQuxwk4J_7Qx5_iDdzSZ-Vz2IqxWNAn2YCO5TuBoAZmM1BWbEI726Y1G-FXliLEzpDBdIwpBSrHyigZYo6FcsVvVyiyzvuZbNgiKA8OWZPbInhsEv-7cqw4rXdRi9NCR4Kdwp5ywD/s1600/sidebar-tab.png) left top repeat-x;}
.sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0}
.sidebar ul li{padding: 6px 0px 6px 4px;margin:0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCxb0A7-xBGMrkxmgmIdN_MHJIgrkRc9PCbjD1uXSUpzFBAZ5PAm4DnEfKcRhthl9Az8oKKQhTaLTKQbpq5IF7nFkSAtKQ38Kxa_X2y71mNtZBAqiRRBuvNb-_hJv9mO0Fg_kmv3G4qS0/s1600/sidebar-line.png) left bottom repeat-x;}
.sidebar .widget{border-bottom:0 dotted $bordercolor;margin:0 0 0.2em;padding:0px 5px 4px 10px;}
.main .widget{border-bottom:0 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}
#navbar-iframe{height:0;visibility:hidden;display:none}
#foxmenucontainer{height:38px;position:absolute;top:30px;right:0;display:block;padding:0 5px 0 5px;font:12px Arial,Tahoma,Century gothic,verdana,sans-serif;font-weight:normal;float:right;width:715px;background:#3F3F3F;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#menu{margin:1px 0;padding:0;height:36px;overflow:hidden;float:left;width:715px}
#menu ul{float:left;list-style:none;margin:0;padding:0}
#menu li{float:left;list-style:none;margin:0;padding:0}
#menu li a,#menu li a:link,#menu li a:visited{color:#ccc;display:block;margin:0;padding:0 20px;line-height:36px}
#menu li a:hover,#menu li a:active{background:#222;color:#fff;margin:0;padding:0 20px;line-height:36px;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#menu li li a,#menu li li a:link,#menu li li a:visited{background:#3F3F3F;width:150px;color:#ddd;float:none;margin:0;padding:0 20px;font-weight:normal;line-height:34px;border-bottom:1px solid #262626}
#menu li li a:hover,#menu li li a:active{background:#111;color:#fff;padding:0 10px;line-height:34px}
#menu li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;background:#4F0605}
#menu li li{}
#menu li ul a{width:140px}
#menu li ul a:hover,#menu li ul a:active{}
#menu li ul ul{margin:-35px 0 0 170px}
#menu li:hover ul ul,#menu li:hover ul ul ul,#menu li.sfhover ul ul,#menu li.sfhover ul ul ul{left:-999em}
#menu li:hover ul,#menu li li:hover ul,#menu li li li:hover ul,#menu li.sfhover ul,#menu li li.sfhover ul,#menu li li li.sfhover ul{left:auto}
#menu li:hover,#menu li.sfhover{position:static}
.subscribesec{padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#F2F2F2;border:1px solid #fff;margin-bottom:20px;margin-top:20px;height:37px;overflow:hidden;}
.feedlist{float:left}
.feedlist ul{list-style:none;margin-top:2px}
.feedlist ul li{float:left;margin:0 5px;}

#footer {
clear:both;
letter-spacing:0;
margin:0 auto;
text-align:center;
text-transform:none;
width:1000px;
}
.first-links {
margin-bottom:4px;
}
.sponsorlinks {
font-size: 10px;
}

/* -- NUMBER PAGE NAVIGATION -- */
.showpage a, .showpageNum a{
text-decoration:none;
background: rgba(0,0,0,0.4);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ddd;
font-size: 15px;
margin: 0 4px;
padding: 10px;
}
.showpageOf{
background: rgba(0, 0, 0, 0.4);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #DDD;
font-size: 15px;
margin: 0 4px;
padding: 10px;
}
.showpage a:hover, .showpageNum a:hover{
background: rgba(0,0,0,0.4);
color: #ddd;
}
.showpageArea{margin:10px 0;color:#111}
.showpageArea a{text-decoration:none !important;}
.showpagePoint{ background: rgba(0, 0, 0, 0.7);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ddd;
margin:2px;
padding:10px;
text-decoration:none;
}
#search{width:260px;padding:2px 2px 0 0;margin:0 0 0 0;float:right;height:35px;display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4mn-j-itcpQoHonsxaeErwstcLzOEZtuZzBjJj9t-NjuHEFK7FXiWfMKmrbRTgDbQclG2og5g66n6lTLDm3vuJLOyLPddT5qk3ovJ5oR4awAWsVpuO8XZ1A6odijpQL2LulkM288r1WNq/s1600/search.png)}
#search form{margin:0 0 0 0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:3px 0 0 10px;padding:4px 5px;height:16px;border:none;font:normal 100% "Tahoma",Arial,Helvetica,sans-serif;color:#555;border:none;float:left;background:#fff;display:inline}
input#searchsubmit{float:right;display:inline;margin:3px 10px 0 0;height:27px;width:29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBuc51QnFCKTp5jYZn1VAgBMP3dcEXK3mX4w7paTTESc7JfxjVnkaqXZXzjYga4fQapOVKJ0P1dJeTZvkSQ9kzX_C6OTMQZC0o5KfANViJuhnu1DgD5CmuMuUvqZ0ow70X9r_-AxiNG6pC/s1600/sbutton.png) no-repeat;border:none;}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#comment-form iframe{padding:5px;width:900px}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}
.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:1000px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0}
.last,div.last{margin-right:0}

#topbanner {
width: 100%;
float:left;
margin-top:10px;
}

#headerbanner {
margin:0 auto;
width: 730px;
}

#topbanner img {
float: left;
border:0 none;
}
#topbanner h2 {
display: none;
}

</style>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#main-wrapper {
float: left;
margin: 0 55px;
padding-left: 0;
padding-right: 0;
width: 900px;
word-wrap: break-word;
}
.post {
float: left;
height: 170px;
margin: 0;
padding: 3px;
position: relative;
width: 170px;
}
.post-body{padding: 0;font-size:0;color:#eee;opacity: 0.8;
-moz-transition: linear 1s;
-webkit-transition: linear 1s;
transition: linear 1s;
}
.post-body:hover {opacity: 1;}
.post-body img{
box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
height: 170px;
padding: 0;
width: 170px;
background:none;
margin:0;
border:0 none;
}

.post .thumb {
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px !important;
-moz-border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
float: left;
height: 170px;
overflow: hidden;
width: 170px;
}

.post .post-link {
display:none;
-moz-transition: linear 1s;
-webkit-transition: linear 1s;
transition: linear 1s;
}
.post:hover .post-link {
display:block;
}

.post .post-link .linkbut {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfqc3UF0SlHpRZnChCyzjYJootmHUEzk1FC0dBi6QQvd7k1seANG3hXSzOZAH6Ex2gdJTYgWz7z35D-B8UMEjehH8zfNTpeSEm4ljOiK9LhXQCW9dZdQQFc7341f7b2gFgF6dM-gVxvTw/s1600/link.png") no-repeat scroll 0 0 transparent;
height: 20px;
left: 145px;
position: absolute;
top: 145px;
width: 20px;
z-index: 1;
}

.post h2 {
display:none;
}
.post-header{display:none}
.post-footer{display:none}
.post-header-line-1{display:none}
.post-footer-line-1{display:none}
.post-footer-line-2{display:none}
.post-labels{display:none}

</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#main-wrapper{width:960px;padding:10px 15px 10px 15px;
</style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper{}
</style>
</b:if>


<style>
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8n2hijnndS8gsca5ljL9Q-o4PylpJD7pLetzeAK-5csUMzdBViRU-8agyIVYKl1_8cDdyNwmxtw3ZIzvdDXxqXsrDaOOW0qnZFyyRQiOhh358eVkULL0zkaIDPCFY253LzfBS0zkcNa0/) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitudxPsHhCmNOwO2FxjVnA7HSJoQbgo_3m-y8PVJIImFhzx3WhmaD4g90pXGtdVlmaSmNLhuWjZ1potu1XxPRM3gunEGJ8V1DKmYs9j6XzVs2HjLLDsxW6XlDWU-PZ1Q3NRjOgYsOYSCQ/) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>
<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>

</head>

<body>
<div id='body-wrapfull'><div id='body-wrap'>


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

<div id='mainhead'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Photo Gallery Woody (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='logo'><a expr:href='data:blog.homepageUrl'><h2><data:title/></h2></a></div>
<b:else/>
<div class='logo'><a expr:href='data:blog.homepageUrl'><h2><data:title/></h2></a></div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='topnav' id='topnav' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' id='nav'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>
</div>

<div style='clear:both;'/>

<div id='outer-wrapper'><div id='wrap2'>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='article-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<p><script type='text/javascript'>
summary_noimg = 1;
summary_img = 1;
img_thumb_height = 250;
img_thumb_width = 300;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span class="thumb"><a href="'+img[0].src+'" rel="lightbox" ><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></a></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<div class='post-link'>
<a expr:href='data:post.url'><span class='linkbut'/></a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>
<div style='clear: both;'/> 
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> on <span><data:post.dateHeader/></span>
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span></div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> · <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

</div>

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>

</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div id='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='900'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<div style='clear:both;'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<b:include name='nextprev'/>
</b:if>
</b:if>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div id='comments-block3'>
<b:loop values='data:post.comments' var='comment'>

<div id='comment-header'>
<div expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

<div id='comment-profile-image'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
</div>

<div id='comment-name-url'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<a class='comments-autor-name'> <data:comment.author/></a>
</b:if>
<a class='says'>said:</a>
</div>

<div id='comment-date'>
<span class='comment-timestamp'>
<a class='comment-permalink'><data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>

<div id='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<div style='clear:both;'/>
<p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>
</b:if>
</div>

</div>
</div>

</b:loop>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


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

</div> 

</div></div> 

<div style='clear:both;'/>

<div id='footer-bg'>
<div id='footer'>

<div class='first-links'> Copyright (c) 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
<a href='http://bloggertemplateshub.com/blog'>Blogger Templates</a> for <a href='http://computeroperatorjobs.org'>Computer Operator Jobs</a></div>
<div class='sponsorlinks'>
Supported by <a href='http://superintendentjobs.net'>Superintendent Jobs</a>, <a href='http://www.listrealestateagents.com/newyork-new_york'>New York Real Estate</a>, <a href='http://www.listrealestateagents.com/illinois-chicago'>Chicago Real Estate</a></div>
</div></div>


<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=20;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'></script>

</div>
</div>

</body>
</html>

Как сами понимаете, технически он ничем кроме оформления от Photo Gallery Dark не отличается. Скачать XML шаблона для Photo Gallery Woody можно здесь.

Кстати, количество превьюшек отображаемых на главной странице, регулируется в настройках количеством постов. В целом, шаблоны неплохие, если бы у меня была сайт-фотогалерея обязательно при присмотрелся к ним.

My profiles:

Contact me:

jurijs.zarkovs@gmail.com

jzharkov

Latest tweet: "мы учимся ездить на велосипеде не путем запоми-я каждой детали процесса. Напротив, мы схватываем движение целиком, в его динамике"Бернштейн

Follow @JurijsZarkovs