Guest User

Untitled

a guest
May 20th, 2012
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 43.46 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' 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'>
  4.   <head>
  5.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  6.     <b:if cond='data:blog.isMobile'>
  7.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8.     <b:else/>
  9.       <meta content='width=1100' name='viewport'/>
  10.     </b:if>
  11.     <b:include data='blog' name='all-head-content'/>
  12.     <title><data:blog.pageTitle/></title>
  13.  
  14.     <b:skin><![CDATA[/*
  15. -----------------------------------------------
  16. Blogger Template Style
  17. Name:     Awesome Inc.
  18. Designer: Tina Chen
  19. URL:      tinachen.org
  20. ----------------------------------------------- */
  21.  
  22. /* Variable definitions
  23.   ====================
  24.   <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#eeeeee"/>
  25.  
  26.   <Group description="Page" selector="body">
  27.     <Variable name="body.font" description="Font" type="font"
  28.         default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  29.     <Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#eeeeee"/>
  30.     <Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#444444"/>
  31.   </Group>
  32.  
  33.   <Group description="Links" selector=".main-inner">
  34.     <Variable name="link.color" description="Link Color" type="color" default="#888888" value="#3778cd"/>
  35.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#4d469c"/>
  36.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="$(link.color)"/>
  37.   </Group>
  38.  
  39.   <Group description="Blog Title" selector=".header h1">
  40.     <Variable name="header.font" description="Title Font" type="font"
  41.         default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  42.     <Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)"  value="$(body.text.color)"/>
  43.     <Variable name="header.background.color" description="Header Background" type="color" default="transparent"  value="transparent"/>
  44.   </Group>
  45.  
  46.   <Group description="Blog Description" selector=".header .description">
  47.     <Variable name="description.font" description="Font" type="font"
  48.         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  49.     <Variable name="description.text.color" description="Text Color" type="color"
  50.         default="$(body.text.color)"  value="$(body.text.color)"/>
  51.   </Group>
  52.  
  53.   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  54.     <Variable name="tabs.font" description="Font" type="font"
  55.         default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  56.     <Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  57.     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="#ffffff"/>
  58.   </Group>
  59.  
  60.   <Group description="Tabs Background" selector=".tabs-outer .PageList">
  61.     <Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#eeeeee"/>
  62.     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#666666"/>
  63.     <Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#999999"/>
  64.   </Group>
  65.  
  66.   <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
  67.     <Variable name="date.font" description="Font" type="font"
  68.         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  69.     <Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#444444"/>
  70.     <Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
  71.   </Group>
  72.  
  73.   <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
  74.     <Variable name="post.title.font" description="Font" type="font"
  75.         default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  76.     <Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  77.   </Group>
  78.  
  79.   <Group description="Post Background" selector=".post">
  80.     <Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="$(widget.background.color)"/>
  81.     <Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)"  value="$(widget.border.color)"/>
  82.     <Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
  83.   </Group>
  84.  
  85.   <Group description="Gadget Title" selector="h2">
  86.     <Variable name="widget.title.font" description="Font" type="font"
  87.        default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  88.     <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  89.   </Group>
  90.  
  91.   <Group description="Gadget Text" selector=".sidebar .widget">
  92.     <Variable name="widget.font" description="Font" type="font"
  93.        default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  94.     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  95.     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/>
  96.   </Group>
  97.  
  98.   <Group description="Gadget Links" selector=".sidebar .widget">
  99.     <Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
  100.     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
  101.     <Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
  102.   </Group>
  103.  
  104.   <Group description="Gadget Background" selector=".sidebar .widget">
  105.     <Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#ffffff"/>
  106.     <Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="#eeeeee"/>
  107.     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/>
  108.   </Group>
  109.  
  110.   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
  111.     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
  112.   </Group>
  113.  
  114.   <Group description="Images" selector=".main-inner">
  115.     <Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  116.     <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
  117.   </Group>
  118.  
  119.   <Group description="Feed" selector=".blog-feeds">
  120.      <Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  121.   </Group>
  122.  
  123.   <Group description="Feed Links" selector=".blog-feeds">
  124.     <Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
  125.     <Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
  126.     <Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
  127.   </Group>
  128.  
  129.   <Group description="Pager" selector=".blog-pager">
  130.     <Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)"  value="$(post.background.color)"/>
  131.   </Group>
  132.  
  133.   <Group description="Footer" selector=".footer-outer">
  134.     <Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="$(widget.background.color)"/>
  135.     <Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)"  value="$(body.text.color)"/>
  136.   </Group>
  137.  
  138.   <Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/>
  139.  
  140.   <Variable name="body.background" description="Body Background" type="background"
  141.       color="$(body.background.color)"
  142.       default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
  143.   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
  144.       default="none" value="none"/>
  145.   <Variable name="body.background.size" description="Body Background Size" type="string" default="auto" value="auto"/>
  146.  
  147.   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  148.       default="none" value="url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png)"/>
  149.  
  150.   <Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none"  value="none"/>
  151.   <Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px"  value="22px"/>
  152.   <Variable name="header.margin.top" description="Header Top Margin" type="length" default="0"  value="0"/>
  153.   <Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0"  value="0"/>
  154.  
  155.   <Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px"  value="8px"/>
  156.   <Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px"  value="15px"/>
  157.   <Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0"  value="0"/>
  158.   <Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none"  value="none"/>
  159.   <Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0"  value="0"/>
  160.   <Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0"  value="0"/>
  161.  
  162.   <Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0"  value="0"/>
  163.   <Variable name="date.header.position" description="Date Header Position" type="length" default="15px"  value="15px"/>
  164.  
  165.   <Variable name="date.space" description="Date Space" type="length" default="30px"  value="30px"/>
  166.   <Variable name="date.position" description="Date Float" type="string" default="static"  value="static"/>
  167.   <Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0"  value="0"/>
  168.   <Variable name="date.border.size" description="Date Border Size" type="length" default="0"  value="0"/>
  169.   <Variable name="date.background" description="Date Background" type="background" color="transparent"
  170.       default="$(color) none no-repeat scroll top left"  value="$(color) none no-repeat scroll top left"/>
  171.   <Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>
  172.   <Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
  173.       default="20px"  value="20px"/>
  174.   <Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>
  175.  
  176.   <Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0"  value="0"/>
  177.  
  178.   <Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/>
  179.   <Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>
  180.  
  181.   <Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px"  value="15px"/>
  182.   <Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px"  value="1px"/>
  183.   <Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px"  value="1px"/>
  184.   <Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="20px"/>
  185.  
  186.   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  187.   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  188.  
  189.   <Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/>
  190.  
  191.   <Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)"  value="$(widget.border.radius)"/>
  192.   <Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em"  value="1em"/>
  193.  
  194.   <Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none"  value="none"/>
  195.  
  196.   <Variable name="mobile.background.size" description="Mobile Background Size" type="string"
  197.       default="$(body.background.size)" value="$(body.background.size)"/>
  198.   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  199.       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  200.   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
  201. */
  202.  
  203. /* Content
  204. ----------------------------------------------- */
  205. body {
  206.  font: $(body.font);
  207.  color: $(body.text.color);
  208.  background: $(body.background);
  209. }
  210.  
  211. html body .content-outer {
  212.  min-width: 0;
  213.  max-width: 100%;
  214.  width: 100%;
  215. }
  216.  
  217. a:link {
  218.  text-decoration: none;
  219.  color: $(link.color);
  220. }
  221.  
  222. a:visited {
  223.  text-decoration: none;
  224.  color: $(link.visited.color);
  225. }
  226.  
  227. a:hover {
  228.  text-decoration: underline;
  229.  color: $(link.hover.color);
  230. }
  231.  
  232. .body-fauxcolumn-outer .cap-top {
  233.  position: absolute;
  234.  z-index: 1;
  235.  
  236.  height: 276px;
  237.  width: 100%;
  238.  
  239.  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  240.  _background-image: none;
  241. }
  242.  
  243. /* Columns
  244. ----------------------------------------------- */
  245. .content-inner {
  246.  padding: 0;
  247. }
  248.  
  249. .header-inner .section {
  250.  margin: 0 16px;
  251. }
  252.  
  253. .tabs-inner .section {
  254.  margin: 0 16px;
  255. }
  256.  
  257. .main-inner {
  258.  padding-top: $(date.space);
  259. }
  260.  
  261. .main-inner .column-center-inner,
  262. .main-inner .column-left-inner,
  263. .main-inner .column-right-inner {
  264.  padding: 0 5px;
  265. }
  266.  
  267. *+html body .main-inner .column-center-inner {
  268.  margin-top: -$(date.space);
  269. }
  270.  
  271. #layout .main-inner .column-center-inner {
  272.  margin-top: 0;
  273. }
  274.  
  275. /* Header
  276. ----------------------------------------------- */
  277. .header-outer {
  278.  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  279.  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
  280. }
  281.  
  282. .Header h1 {
  283.  font: $(header.font);
  284.  color: $(header.text.color);
  285.  text-shadow: 0 0 $(title.shadow.spread) #000000;
  286. }
  287.  
  288. .Header h1 a {
  289.  color: $(header.text.color);
  290. }
  291.  
  292. .Header .description {
  293.  font: $(description.font);
  294.  color: $(description.text.color);
  295. }
  296.  
  297. .header-inner .Header .titlewrapper,
  298. .header-inner .Header .descriptionwrapper {
  299.  padding-left: 0;
  300.  padding-right: 0;
  301.  margin-bottom: 0;
  302. }
  303.  
  304. .header-inner .Header .titlewrapper {
  305.  padding-top: $(header.padding.top);
  306. }
  307.  
  308. /* Tabs
  309. ----------------------------------------------- */
  310. .tabs-outer {
  311.  overflow: hidden;
  312.  position: relative;
  313.  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
  314. }
  315.  
  316. #layout .tabs-outer {
  317.  overflow: visible;
  318. }
  319.  
  320. .tabs-cap-top, .tabs-cap-bottom {
  321.  position: absolute;
  322.  width: 100%;
  323.  
  324.  border-top: 1px solid $(tabs.border.color);
  325.  
  326. }
  327.  
  328. .tabs-cap-bottom {
  329.  bottom: 0;
  330. }
  331.  
  332. .tabs-inner .widget li a {
  333.  display: inline-block;
  334.  
  335.  margin: 0;
  336.  padding: .6em 1.5em;
  337.  
  338.  font: $(tabs.font);
  339.  color: $(tabs.text.color);
  340.  
  341.  border-top: 1px solid $(tabs.border.color);
  342.  border-bottom: 1px solid $(tabs.border.color);
  343.  border-$startSide: 1px solid $(tabs.border.color);
  344. }
  345.  
  346. .tabs-inner .widget li:last-child a {
  347.  border-$endSide: 1px solid $(tabs.border.color);
  348. }
  349.  
  350. .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  351.  background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
  352.  color: $(tabs.selected.text.color);
  353. }
  354.  
  355. /* Headings
  356. ----------------------------------------------- */
  357. h2 {
  358.  font: $(widget.title.font);
  359.  color: $(widget.title.text.color);
  360. }
  361.  
  362. /* Widgets
  363. ----------------------------------------------- */
  364. .main-inner .section {
  365.  margin: 0 27px;
  366.  padding: 0;
  367. }
  368.  
  369. .main-inner .column-left-outer,
  370. .main-inner .column-right-outer {
  371.  margin-top: $(widget.outer.margin.top);
  372. }
  373.  
  374. #layout .main-inner .column-left-outer,
  375. #layout .main-inner .column-right-outer {
  376.  margin-top: 0;
  377. }
  378.  
  379. .main-inner .column-left-inner,
  380. .main-inner .column-right-inner {
  381.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
  382.  
  383.  -moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  384.  -webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  385.  -goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  386.  box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
  387.  
  388.  -moz-border-radius: $(widget.border.radius);
  389.  -webkit-border-radius: $(widget.border.radius);
  390.  -goog-ms-border-radius: $(widget.border.radius);
  391.  border-radius: $(widget.border.radius);
  392. }
  393.  
  394. #layout .main-inner .column-left-inner,
  395. #layout .main-inner .column-right-inner {
  396.  margin-top: 0;
  397. }
  398.  
  399. .sidebar .widget {
  400.  font: $(widget.font);
  401.  color: $(widget.text.color);
  402. }
  403.  
  404. .sidebar .widget a:link {
  405.  color: $(widget.link.color);
  406. }
  407.  
  408. .sidebar .widget a:visited {
  409.  color: $(widget.link.visited.color);
  410. }
  411.  
  412. .sidebar .widget a:hover {
  413.  color: $(widget.link.hover.color);
  414. }
  415.  
  416. .sidebar .widget h2 {
  417.  text-shadow: 0 0 $(title.shadow.spread) #000000;
  418. }
  419.  
  420. .main-inner .widget {
  421.  background-color: $(widget.background.color);
  422.  border: 1px solid $(widget.border.color);
  423.  padding: 0 $(widget.padding.side) 15px;
  424.  margin: 20px -16px;
  425.  
  426.  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  427.  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  428.  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  429.  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  430.  
  431.  -moz-border-radius: $(widget.border.radius);
  432.  -webkit-border-radius: $(widget.border.radius);
  433.  -goog-ms-border-radius: $(widget.border.radius);
  434.  border-radius: $(widget.border.radius);
  435. }
  436.  
  437. .main-inner .widget h2 {
  438.  margin: 0 -$(separator.outdent);
  439.  padding: .6em $(separator.outdent) .5em;
  440.  border-bottom: 1px solid $(widget.border.bevel.color);
  441. }
  442.  
  443. .footer-inner .widget h2 {
  444.  padding: 0 0 .4em;
  445.  
  446.  border-bottom: 1px solid $(widget.border.bevel.color);
  447. }
  448.  
  449. .main-inner .widget h2 + div, .footer-inner .widget h2 + div {
  450.  border-top: $(title.separator.border.size) solid $(widget.border.color);
  451.  padding-top: $(widget.padding.top);
  452. }
  453.  
  454. .main-inner .widget .widget-content {
  455.  margin: 0 -$(separator.outdent);
  456.  padding: 7px $(separator.outdent) 0;
  457. }
  458.  
  459. .main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
  460.  margin: -$(widget.padding.top) -15px 0;
  461.  padding: 0;
  462.  
  463.  list-style: none;
  464. }
  465.  
  466. .main-inner .widget #ArchiveList {
  467.  margin: -$(widget.padding.top) 0 0;
  468. }
  469.  
  470. .main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
  471.  padding: .5em 15px;
  472.  text-indent: 0;
  473.  
  474.  color: $(widget.alternate.text.color);
  475.  
  476.  border-top: $(list.separator.border.size) solid $(widget.border.color);
  477.  border-bottom: 1px solid $(widget.border.bevel.color);
  478. }
  479.  
  480. .main-inner .widget #ArchiveList ul li {
  481.  padding-top: .25em;
  482.  padding-bottom: .25em;
  483. }
  484.  
  485. .main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
  486.  border-top: none;
  487. }
  488.  
  489. .main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
  490.  border-bottom: none;
  491. }
  492.  
  493. .post-body {
  494.  position: relative;
  495. }
  496.  
  497. .main-inner .widget .post-body ul {
  498.  padding: 0 2.5em;
  499.  margin: .5em 0;
  500.  
  501.  list-style: disc;
  502. }
  503.  
  504. .main-inner .widget .post-body ul li {
  505.  padding: 0.25em 0;
  506.  margin-bottom: .25em;
  507.  
  508.  color: $(body.text.color);
  509.  
  510.  border: none;
  511. }
  512.  
  513. .footer-inner .widget ul {
  514.  padding: 0;
  515.  
  516.  list-style: none;
  517. }
  518.  
  519. .widget .zippy {
  520.  color: $(widget.alternate.text.color);
  521. }
  522.  
  523. /* Posts
  524. ----------------------------------------------- */
  525. body .main-inner .Blog {
  526.  padding: 0;
  527.  margin-bottom: 1em;
  528.  
  529.  background-color: transparent;
  530.  border: none;
  531.  
  532.  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  533.  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  534.  -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  535.  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  536. }
  537.  
  538. .main-inner .section:last-child .Blog:last-child {
  539.  padding: 0;
  540.  margin-bottom: 1em;
  541. }
  542.  
  543. .main-inner .widget h2.date-header {
  544.  margin: 0 -15px 1px;
  545.  padding: 0 0 $(date.padding.bottom) 0;
  546.  
  547.  font: $(date.font);
  548.  color: $(date.text.color);
  549.  
  550.  background: $(date.background);
  551.  
  552.  border-top: $(date.border.size) solid $(date.border.color);
  553.  border-bottom: 1px solid $(widget.border.bevel.color);
  554.  
  555.  -moz-border-radius-topleft: $(date.header.border.radius.top);
  556.  -moz-border-radius-topright: $(date.header.border.radius.top);
  557.  -webkit-border-top-left-radius: $(date.header.border.radius.top);
  558.  -webkit-border-top-right-radius: $(date.header.border.radius.top);
  559.  border-top-left-radius: $(date.header.border.radius.top);
  560.  border-top-right-radius: $(date.header.border.radius.top);
  561.  
  562.  position: $(date.position);
  563.  bottom: 100%;
  564.  $(date.side): $(date.header.position);
  565.  text-shadow: 0 0 $(title.shadow.spread) #000000;
  566. }
  567.  
  568. .main-inner .widget h2.date-header span {
  569.  font: $(date.font);
  570.  display: block;
  571.  padding: .5em 15px;
  572.  border-left: $(date.border.size) solid $(date.border.color);
  573.  border-right: $(date.border.size) solid $(date.border.color);
  574. }
  575.  
  576. .date-outer {
  577.  position: relative;
  578.  margin: $(date.space) 0 20px;
  579.  padding: 0 15px;
  580.  
  581.  background-color: $(post.background.color);
  582.  border: 1px solid $(post.border.color);
  583.  
  584.  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  585.  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  586.  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  587.  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  588.  
  589.  -moz-border-radius: $(widget.border.radius);
  590.  -webkit-border-radius: $(widget.border.radius);
  591.  -goog-ms-border-radius: $(widget.border.radius);
  592.  border-radius: $(widget.border.radius);
  593. }
  594.  
  595. .date-outer:first-child {
  596.  margin-top: 0;
  597. }
  598.  
  599. .date-outer:last-child {
  600.  margin-bottom: $(date.last.space.bottom);
  601.  
  602.  -moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
  603.  -moz-border-radius-bottomright: $(date.last.border.radius.bottom);
  604.  -webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
  605.  -webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
  606.  -goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
  607.  -goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
  608.  border-bottom-left-radius: $(date.last.border.radius.bottom);
  609.  border-bottom-right-radius: $(date.last.border.radius.bottom);
  610. }
  611.  
  612. .date-posts {
  613.  margin: 0 -$(separator.outdent);
  614.  padding: 0 $(separator.outdent);
  615.  
  616.  clear: both;
  617. }
  618.  
  619. .post-outer, .inline-ad {
  620.  border-top: 1px solid $(post.border.bevel.color);
  621.  
  622.  margin: 0 -$(separator.outdent);
  623.  padding: 15px $(separator.outdent);
  624. }
  625.  
  626. .post-outer {
  627.  padding-bottom: 10px;
  628. }
  629.  
  630. .post-outer:first-child {
  631.  padding-top: $(post.first.padding.top);
  632.  border-top: none;
  633. }
  634.  
  635. .post-outer:last-child, .inline-ad:last-child {
  636.  border-bottom: none;
  637. }
  638.  
  639. .post-body {
  640.  position: relative;
  641. }
  642.  
  643. .post-body img {
  644.  padding: 8px;
  645.  background: $(image.background.color);
  646.  border: 1px solid $(image.border.color);
  647.  
  648.  -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  649.  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  650.  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  651.  
  652.  -moz-border-radius: $(image.border.radius);
  653.  -webkit-border-radius: $(image.border.radius);
  654.  border-radius: $(image.border.radius);
  655. }
  656.  
  657. h3.post-title, h4 {
  658.  font: $(post.title.font);
  659.  color: $(post.title.text.color);
  660. }
  661.  
  662. h3.post-title a {
  663.  font: $(post.title.font);
  664.  color: $(post.title.text.color);
  665. }
  666.  
  667. h3.post-title a:hover {
  668.  color: $(link.hover.color);
  669.  text-decoration: underline;
  670. }
  671.  
  672. .post-header {
  673.  margin: 0 0 1em;
  674. }
  675.  
  676. .post-body {
  677.  line-height: 1.4;
  678. }
  679.  
  680. .post-outer h2 {
  681.  color: $(body.text.color);
  682. }
  683.  
  684. .post-footer {
  685.  margin: 1.5em 0 0;
  686. }
  687.  
  688. #blog-pager {
  689.  padding: 15px;
  690.  font-size: 120%;
  691.  
  692.  background-color: $(pager.background.color);
  693.  border: 1px solid $(widget.border.color);
  694.  
  695.  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  696.  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  697.  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  698.  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  699.  
  700.  -moz-border-radius: $(widget.border.radius);
  701.  -webkit-border-radius: $(widget.border.radius);
  702.  -goog-ms-border-radius: $(widget.border.radius);
  703.  border-radius: $(widget.border.radius);
  704.  
  705.  -moz-border-radius-topleft: $(pager.border.radius.top);
  706.  -moz-border-radius-topright: $(pager.border.radius.top);
  707.  -webkit-border-top-left-radius: $(pager.border.radius.top);
  708.  -webkit-border-top-right-radius: $(pager.border.radius.top);
  709.  -goog-ms-border-top-left-radius: $(pager.border.radius.top);
  710.  -goog-ms-border-top-right-radius: $(pager.border.radius.top);
  711.  border-top-left-radius: $(pager.border.radius.top);
  712.  border-top-right-radius-topright: $(pager.border.radius.top);
  713.  
  714.  margin-top: $(pager.space.top);
  715. }
  716.  
  717. .blog-feeds, .post-feeds {
  718.  margin: 1em 0;
  719.  text-align: center;
  720.  color: $(feed.text.color);
  721. }
  722.  
  723. .blog-feeds a, .post-feeds a {
  724.  color: $(feed.link.color);
  725. }
  726.  
  727. .blog-feeds a:visited, .post-feeds a:visited {
  728.  color: $(feed.link.visited.color);
  729. }
  730.  
  731. .blog-feeds a:hover, .post-feeds a:hover {
  732.  color: $(feed.link.hover.color);
  733. }
  734.  
  735. .post-outer .comments {
  736.  margin-top: 2em;
  737. }
  738.  
  739. /* Comments
  740. ----------------------------------------------- */
  741. .comments .comments-content .icon.blog-author {
  742.  background-repeat: no-repeat;
  743.  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  744. }
  745.  
  746. .comments .comments-content .loadmore a {
  747.  border-top: 1px solid $(tabs.border.color);
  748.  border-bottom: 1px solid $(tabs.border.color);
  749. }
  750.  
  751. .comments .continue {
  752.  border-top: 2px solid $(tabs.border.color);
  753. }
  754.  
  755. /* Footer
  756. ----------------------------------------------- */
  757. .footer-outer {
  758.  margin: -$(shadow.spread) 0 -1px;
  759.  padding: $(shadow.spread) 0 0;
  760.  color: $(footer.text.color);
  761.  overflow: hidden;
  762. }
  763.  
  764. .footer-fauxborder-left {
  765.  border-top: 1px solid $(widget.border.color);
  766.  background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
  767.  
  768.  -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  769.  -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  770.  -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  771.  box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
  772.  
  773.  margin: 0 -$(shadow.spread);
  774. }
  775.  
  776. /* Mobile
  777. ----------------------------------------------- */
  778. body.mobile {
  779.  background-size: $(mobile.background.size);
  780. }
  781.  
  782. .mobile .body-fauxcolumn-outer {
  783.  background: $(mobile.background.overlay);
  784. }
  785.  
  786. *+html body.mobile .main-inner .column-center-inner {
  787.  margin-top: 0;
  788. }
  789.  
  790. .mobile .main-inner .widget {
  791.  padding: 0 0 15px;
  792. }
  793.  
  794. .mobile .main-inner .widget h2 + div,
  795. .mobile .footer-inner .widget h2 + div {
  796.  border-top: none;
  797.  padding-top: 0;
  798. }
  799.  
  800. .mobile .footer-inner .widget h2 {
  801.  padding: 0.5em 0;
  802.  border-bottom: none;
  803. }
  804.  
  805. .mobile .main-inner .widget .widget-content {
  806.  margin: 0;
  807.  padding: 7px 0 0;
  808. }
  809.  
  810. .mobile .main-inner .widget ul,
  811. .mobile .main-inner .widget #ArchiveList ul.flat {
  812.  margin: 0 -15px 0;
  813. }
  814.  
  815. .mobile .main-inner .widget h2.date-header {
  816.  $(date.side): 0;
  817. }
  818.  
  819. .mobile .date-header span {
  820.  padding: 0.4em 0;
  821. }
  822.  
  823. .mobile .date-outer:first-child {
  824.  margin-bottom: 0;
  825.  border: 1px solid $(post.border.color);
  826.  
  827.  -moz-border-radius-topleft: $(date.first.border.radius.top);
  828.  -moz-border-radius-topright: $(date.first.border.radius.top);
  829.  -webkit-border-top-left-radius: $(date.first.border.radius.top);
  830.  -webkit-border-top-right-radius: $(date.first.border.radius.top);
  831.  -goog-ms-border-top-left-radius: $(date.first.border.radius.top);
  832.  -goog-ms-border-top-right-radius: $(date.first.border.radius.top);
  833.  border-top-left-radius: $(date.first.border.radius.top);
  834.  border-top-right-radius: $(date.first.border.radius.top);
  835. }
  836.  
  837. .mobile .date-outer {
  838.  border-color: $(post.border.color);
  839.  border-width: 0 1px 1px;
  840. }
  841.  
  842. .mobile .date-outer:last-child {
  843.  margin-bottom: 0;
  844. }
  845.  
  846. .mobile .main-inner {
  847.  padding: 0;
  848. }
  849.  
  850. .mobile .header-inner .section {
  851.  margin: 0;
  852. }
  853.  
  854. .mobile .blog-posts {
  855.  padding: 0 10px;
  856. }
  857.  
  858. .mobile .post-outer, .mobile .inline-ad {
  859.  padding: 5px 0;
  860. }
  861.  
  862. .mobile .tabs-inner .section {
  863.  margin: 0 10px;
  864. }
  865.  
  866. .mobile .main-inner .widget h2 {
  867.  margin: 0;
  868.  padding: 0;
  869. }
  870.  
  871. .mobile .main-inner .widget h2.date-header span {
  872.  padding: 0;
  873. }
  874.  
  875. .mobile .main-inner .widget .widget-content {
  876.  margin: 0;
  877.  padding: 7px 0 0;
  878. }
  879.  
  880. .mobile #blog-pager {
  881.  border: 1px solid transparent;
  882.  background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
  883. }
  884.  
  885. .mobile .main-inner .column-left-inner,
  886. .mobile .main-inner .column-right-inner {
  887.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
  888.  
  889.  -moz-box-shadow: none;
  890.  -webkit-box-shadow: none;
  891.  -goog-ms-box-shadow: none;
  892.  box-shadow: none;
  893. }
  894.  
  895. .mobile .date-posts {
  896.  margin: 0;
  897.  padding: 0;
  898. }
  899.  
  900. .mobile .footer-fauxborder-left {
  901.  margin: 0;
  902.  border-top: inherit;
  903. }
  904.  
  905. .mobile .main-inner .section:last-child .Blog:last-child {
  906.  margin-bottom: 0;
  907. }
  908.  
  909. .mobile-index-contents {
  910.  color: $(body.text.color);
  911. }
  912.  
  913. .mobile .mobile-link-button {
  914.  background: $(link.color) $(tabs.background.gradient) repeat scroll 0 0;
  915. }
  916.  
  917. .mobile-link-button a:link, .mobile-link-button a:visited {
  918.  color: $(mobile.button.color);
  919. }
  920.  
  921. .mobile .tabs-inner .PageList .widget-content {
  922.  background: transparent;
  923.  border-top: 1px solid;
  924.  border-color: $(tabs.border.color);
  925.  color: $(tabs.text.color);
  926. }
  927.  
  928. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  929.  border-$startSide: 1px solid $(tabs.border.color);
  930. }
  931. ]]></b:skin>
  932.  
  933.     <b:template-skin>
  934.       <b:variable default='960px' name='content.width' type='length'/>
  935.       <b:variable default='0' name='main.column.left.width' type='length'/>
  936.       <b:variable default='310px' name='main.column.right.width' type='length'/>
  937.  
  938.       <![CDATA[
  939.      body {
  940.        min-width: $(content.width);
  941.      }
  942.  
  943.      .content-outer, .content-fauxcolumn-outer, .region-inner {
  944.        min-width: $(content.width);
  945.        max-width: $(content.width);
  946.        _width: $(content.width);
  947.      }
  948.  
  949.      .main-inner .columns {
  950.        padding-left: $(main.column.left.width);
  951.        padding-right: $(main.column.right.width);
  952.      }
  953.  
  954.      .main-inner .fauxcolumn-center-outer {
  955.        left: $(main.column.left.width);
  956.        right: $(main.column.right.width);
  957.        /* IE6 does not respect left and right together */
  958.        _width: expression(this.parentNode.offsetWidth -
  959.            parseInt("$(main.column.left.width)") -
  960.            parseInt("$(main.column.right.width)") + 'px');
  961.      }
  962.  
  963.      .main-inner .fauxcolumn-left-outer {
  964.        width: $(main.column.left.width);
  965.      }
  966.  
  967.      .main-inner .fauxcolumn-right-outer {
  968.        width: $(main.column.right.width);
  969.      }
  970.  
  971.      .main-inner .column-left-outer {
  972.        width: $(main.column.left.width);
  973.        right: 100%;
  974.        margin-left: -$(main.column.left.width);
  975.      }
  976.  
  977.      .main-inner .column-right-outer {
  978.        width: $(main.column.right.width);
  979.        margin-right: -$(main.column.right.width);
  980.      }
  981.  
  982.      #layout {
  983.        min-width: 0;
  984.      }
  985.  
  986.      #layout .content-outer {
  987.        min-width: 0;
  988.        width: 800px;
  989.      }
  990.  
  991.      #layout .region-inner {
  992.        min-width: 0;
  993.        width: auto;
  994.      }
  995.      ]]>
  996.     </b:template-skin>
  997.   </head>
  998.  
  999.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  1000.   <div class='body-fauxcolumns'>
  1001.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  1002.     <div class='cap-top'>
  1003.       <div class='cap-left'/>
  1004.       <div class='cap-right'/>
  1005.     </div>
  1006.     <div class='fauxborder-left'>
  1007.     <div class='fauxborder-right'/>
  1008.     <div class='fauxcolumn-inner'>
  1009.     </div>
  1010.     </div>
  1011.     <div class='cap-bottom'>
  1012.       <div class='cap-left'/>
  1013.       <div class='cap-right'/>
  1014.     </div>
  1015.     </div>
  1016.   </div>
  1017.  
  1018.   <div class='content'>
  1019.   <div class='content-fauxcolumns'>
  1020.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  1021.     <div class='cap-top'>
  1022.       <div class='cap-left'/>
  1023.       <div class='cap-right'/>
  1024.     </div>
  1025.     <div class='fauxborder-left'>
  1026.     <div class='fauxborder-right'/>
  1027.     <div class='fauxcolumn-inner'>
  1028.     </div>
  1029.     </div>
  1030.     <div class='cap-bottom'>
  1031.       <div class='cap-left'/>
  1032.       <div class='cap-right'/>
  1033.     </div>
  1034.     </div>
  1035.   </div>
  1036.  
  1037.   <div class='content-outer'>
  1038.   <div class='content-cap-top cap-top'>
  1039.     <div class='cap-left'/>
  1040.     <div class='cap-right'/>
  1041.   </div>
  1042.   <div class='fauxborder-left content-fauxborder-left'>
  1043.   <div class='fauxborder-right content-fauxborder-right'/>
  1044.   <div class='content-inner'>
  1045.  
  1046.     <header>
  1047.     <div class='header-outer'>
  1048.     <div class='header-cap-top cap-top'>
  1049.       <div class='cap-left'/>
  1050.       <div class='cap-right'/>
  1051.     </div>
  1052.     <div class='fauxborder-left header-fauxborder-left'>
  1053.     <div class='fauxborder-right header-fauxborder-right'/>
  1054.     <div class='region-inner header-inner'>
  1055.       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1056. <b:widget id='Header1' locked='true' title='Koality Music (Header)' type='Header'/>
  1057. </b:section>
  1058.     </div>
  1059.     </div>
  1060.     <div class='header-cap-bottom cap-bottom'>
  1061.       <div class='cap-left'/>
  1062.       <div class='cap-right'/>
  1063.     </div>
  1064.     </div>
  1065.     </header>
  1066.  
  1067.     <div class='tabs-outer'>
  1068.     <div class='tabs-cap-top cap-top'>
  1069.       <div class='cap-left'/>
  1070.       <div class='cap-right'/>
  1071.     </div>
  1072.     <div class='fauxborder-left tabs-fauxborder-left'>
  1073.     <div class='fauxborder-right tabs-fauxborder-right'/>
  1074.     <div class='region-inner tabs-inner'>
  1075.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
  1076. <b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
  1077. </b:section>
  1078.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  1079.     </div>
  1080.     </div>
  1081.     <div class='tabs-cap-bottom cap-bottom'>
  1082.       <div class='cap-left'/>
  1083.       <div class='cap-right'/>
  1084.     </div>
  1085.     </div>
  1086.  
  1087.     <div class='main-outer'>
  1088.     <div class='main-cap-top cap-top'>
  1089.       <div class='cap-left'/>
  1090.       <div class='cap-right'/>
  1091.     </div>
  1092.  
  1093.     <div class='fauxborder-left main-fauxborder-left'>
  1094.     <div class='fauxborder-right main-fauxborder-right'/>
  1095.     <div class='region-inner main-inner'>
  1096.  
  1097.       <div class='columns fauxcolumns'>
  1098.  
  1099.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1100.         <div class='cap-top'>
  1101.           <div class='cap-left'/>
  1102.           <div class='cap-right'/>
  1103.         </div>
  1104.         <div class='fauxborder-left'>
  1105.         <div class='fauxborder-right'/>
  1106.         <div class='fauxcolumn-inner'>
  1107.         </div>
  1108.         </div>
  1109.         <div class='cap-bottom'>
  1110.           <div class='cap-left'/>
  1111.           <div class='cap-right'/>
  1112.         </div>
  1113.         </div>
  1114.  
  1115.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1116.         <div class='cap-top'>
  1117.           <div class='cap-left'/>
  1118.           <div class='cap-right'/>
  1119.         </div>
  1120.         <div class='fauxborder-left'>
  1121.         <div class='fauxborder-right'/>
  1122.         <div class='fauxcolumn-inner'>
  1123.         </div>
  1124.         </div>
  1125.         <div class='cap-bottom'>
  1126.           <div class='cap-left'/>
  1127.           <div class='cap-right'/>
  1128.         </div>
  1129.         </div>
  1130.  
  1131.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1132.         <div class='cap-top'>
  1133.           <div class='cap-left'/>
  1134.           <div class='cap-right'/>
  1135.         </div>
  1136.         <div class='fauxborder-left'>
  1137.         <div class='fauxborder-right'/>
  1138.         <div class='fauxcolumn-inner'>
  1139.         </div>
  1140.         </div>
  1141.         <div class='cap-bottom'>
  1142.           <div class='cap-left'/>
  1143.           <div class='cap-right'/>
  1144.         </div>
  1145.         </div>
  1146.  
  1147.         <!-- corrects IE6 width calculation -->
  1148.         <div class='columns-inner'>
  1149.  
  1150.         <div class='column-center-outer'>
  1151.         <div class='column-center-inner'>
  1152.           <b:section class='main' id='main' showaddelement='no'>
  1153. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
  1154. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
  1155. <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
  1156. </b:section>
  1157.         </div>
  1158.         </div>
  1159.  
  1160.         <div class='column-left-outer'>
  1161.         <div class='column-left-inner'>
  1162.           <aside>
  1163.           <macro:include id='main-column-left-sections' name='sections'>
  1164.             <macro:param default='0' name='num'/>
  1165.             <macro:param default='sidebar-left' name='idPrefix'/>
  1166.             <macro:param default='sidebar' name='class'/>
  1167.             <macro:param default='true' name='includeBottom'/>
  1168.           </macro:include>
  1169.           </aside>
  1170.         </div>
  1171.         </div>
  1172.  
  1173.         <div class='column-right-outer'>
  1174.         <div class='column-right-inner'>
  1175.           <aside>
  1176.           <macro:include id='main-column-right-sections' name='sections'>
  1177.             <macro:param default='2' name='num'/>
  1178.             <macro:param default='sidebar-right' name='idPrefix'/>
  1179.             <macro:param default='sidebar' name='class'/>
  1180.             <macro:param default='true' name='includeBottom'/>
  1181.           </macro:include>
  1182.           </aside>
  1183.         </div>
  1184.         </div>
  1185.  
  1186.         </div>
  1187.  
  1188.         <div style='clear: both'/>
  1189.       <!-- columns -->
  1190.       </div>
  1191.  
  1192.     <!-- main -->
  1193.     </div>
  1194.     </div>
  1195.     <div class='main-cap-bottom cap-bottom'>
  1196.       <div class='cap-left'/>
  1197.       <div class='cap-right'/>
  1198.     </div>
  1199.     </div>
  1200.  
  1201.     <footer>
  1202.     <div class='footer-outer'>
  1203.     <div class='footer-cap-top cap-top'>
  1204.       <div class='cap-left'/>
  1205.       <div class='cap-right'/>
  1206.     </div>
  1207.     <div class='fauxborder-left footer-fauxborder-left'>
  1208.     <div class='fauxborder-right footer-fauxborder-right'/>
  1209.     <div class='region-inner footer-inner'>
  1210.       <macro:include id='footer-sections' name='sections'>
  1211.         <macro:param default='2' name='num'/>
  1212.         <macro:param default='footer' name='idPrefix'/>
  1213.         <macro:param default='foot' name='class'/>
  1214.         <macro:param default='false' name='includeBottom'/>
  1215.       </macro:include>
  1216.       <!-- outside of the include in order to lock Attribution widget -->
  1217.       <b:section class='foot' id='footer-3' showaddelement='no'>
  1218. <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
  1219. </b:section>
  1220.     </div>
  1221.     </div>
  1222.     <div class='footer-cap-bottom cap-bottom'>
  1223.       <div class='cap-left'/>
  1224.       <div class='cap-right'/>
  1225.     </div>
  1226.     </div>
  1227.     </footer>
  1228.  
  1229.   <!-- content -->
  1230.   </div>
  1231.   </div>
  1232.   <div class='content-cap-bottom cap-bottom'>
  1233.     <div class='cap-left'/>
  1234.     <div class='cap-right'/>
  1235.   </div>
  1236.   </div>
  1237.   </div>
  1238.  
  1239.   <script type='text/javascript'>
  1240.     window.setTimeout(function() {
  1241.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1242.       }, 10);
  1243.   </script>
  1244.   <b:include data='blog' name='google-analytics'/>
  1245. </body>
  1246.  
  1247. <macro:includable id='sections' var='col'>
  1248.   <macro:if cond='data:col.num == 0'>
  1249.   <macro:else/>
  1250.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1251.  
  1252.     <macro:if cond='data:col.num &gt;= 2'>
  1253.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1254.       <tbody>
  1255.       <tr>
  1256.         <td class='first columns-cell'>
  1257.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1258.         </td>
  1259.  
  1260.         <td class='columns-cell'>
  1261.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1262.         </td>
  1263.  
  1264.         <macro:if cond='data:col.num &gt;= 3'>
  1265.           <td class='columns-cell'>
  1266.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1267.           </td>
  1268.         </macro:if>
  1269.  
  1270.         <macro:if cond='data:col.num &gt;= 4'>
  1271.           <td class='columns-cell'>
  1272.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1273.           </td>
  1274.         </macro:if>
  1275.       </tr>
  1276.       </tbody>
  1277.       </table>
  1278.  
  1279.       <macro:if cond='data:col.includeBottom'>
  1280.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1281.       </macro:if>
  1282.     </macro:if>
  1283.   </macro:if>
  1284. </macro:includable>
  1285.  
  1286. <b:section-contents id='sidebar-right-1'/><b:section-contents id='sidebar-right-2-1'/><b:section-contents id='sidebar-right-2-2'/><b:section-contents id='sidebar-right-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>
Add Comment
Please, Sign In to add comment