<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"/> <Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/> <Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/> <Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/> <Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/> <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="$(body.background.size)" value="$(body.background.size)"/> <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/> <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>*//* Content----------------------------------------------- */body { font: $(body.font); color: $(body.text.color); background: $(body.background);}html body .content-outer { min-width: 0; max-width: 100%; width: 100%;}a:link { text-decoration: none; color: $(link.color);}a:visited { text-decoration: none; color: $(link.visited.color);}a:hover { text-decoration: underline; color: $(link.hover.color);}.body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 276px; width: 100%; background: transparent $(body.background.gradient.cap) repeat-x scroll top left; _background-image: none;}/* Columns----------------------------------------------- */.content-inner { padding: 0;}.header-inner .section { margin: 0 16px;}.tabs-inner .section { margin: 0 16px;}.main-inner { padding-top: $(date.space);}.main-inner .column-center-inner,.main-inner .column-left-inner,.main-inner .column-right-inner { padding: 0 5px;}*+html body .main-inner .column-center-inner { margin-top: -$(date.space);}#layout .main-inner .column-center-inner { margin-top: 0;}/* Header----------------------------------------------- */.header-outer { margin: $(header.margin.top) 0 $(header.margin.bottom) 0; background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;}.Header h1 { font: $(header.font); color: $(header.text.color); text-shadow: 0 0 $(title.shadow.spread) #000000;}.Header h1 a { color: $(header.text.color);}.Header .description { font: $(description.font); color: $(description.text.color);}.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper { padding-left: 0; padding-right: 0; margin-bottom: 0;}.header-inner .Header .titlewrapper { padding-top: $(header.padding.top);}/* Tabs----------------------------------------------- */.tabs-outer { overflow: hidden; position: relative; background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;}#layout .tabs-outer { overflow: visible;}.tabs-cap-top, .tabs-cap-bottom { position: absolute; width: 100%; border-top: 1px solid $(tabs.border.color);}.tabs-cap-bottom { bottom: 0;}.tabs-inner .widget li a { display: inline-block; margin: 0; padding: .6em 1.5em; font: $(tabs.font); color: $(tabs.text.color); border-top: 1px solid $(tabs.border.color); border-bottom: 1px solid $(tabs.border.color); border-$startSide: 1px solid $(tabs.border.color);}.tabs-inner .widget li:last-child a { border-$endSide: 1px solid $(tabs.border.color);}.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px; color: $(tabs.selected.text.color);}/* Headings----------------------------------------------- */h2 { font: $(widget.title.font); color: $(widget.title.text.color);}/* Widgets----------------------------------------------- */.main-inner .section { margin: 0 27px; padding: 0;}.main-inner .column-left-outer,.main-inner .column-right-outer { margin-top: $(widget.outer.margin.top);}#layout .main-inner .column-left-outer,#layout .main-inner .column-right-outer { margin-top: 0;}.main-inner .column-left-inner,.main-inner .column-right-inner { background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0; -moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); -goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2); -moz-border-radius: $(widget.border.radius); -webkit-border-radius: $(widget.border.radius); -goog-ms-border-radius: $(widget.border.radius); border-radius: $(widget.border.radius);}#layout .main-inner .column-left-inner,#layout .main-inner .column-right-inner { margin-top: 0;}.sidebar .widget { font: $(widget.font); color: $(widget.text.color);}.sidebar .widget a:link { color: $(widget.link.color);}.sidebar .widget a:visited { color: $(widget.link.visited.color);}.sidebar .widget a:hover { color: $(widget.link.hover.color);}.sidebar .widget h2 { text-shadow: 0 0 $(title.shadow.spread) #000000;}.main-inner .widget { background-color: $(widget.background.color); border: 1px solid $(widget.border.color); padding: 0 $(widget.padding.side) 15px; margin: 20px -16px; -moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); -goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2); -moz-border-radius: $(widget.border.radius); -webkit-border-radius: $(widget.border.radius); -goog-ms-border-radius: $(widget.border.radius); border-radius: $(widget.border.radius);}.main-inner .widget h2 { margin: 0 -$(separator.outdent); padding: .6em $(separator.outdent) .5em; border-bottom: 1px solid $(widget.border.bevel.color);}.footer-inner .widget h2 { padding: 0 0 .4em; border-bottom: 1px solid $(widget.border.bevel.color);}.main-inner .widget h2