<?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>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Night Stars
Author: Klodian
URL: www.deluxetemplates.net
Date: October 2011
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
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#8F3110" value="#8F3110">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#000" value="#000000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#333333">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#8F3110" value="#8F3110">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 110% Arial, Serif" value="normal normal 110% Arial, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="bold 240% Droid Serif,Serif" value="bold 240% Droid Serif,Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif" value="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="90%/1.4em 'Arial',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 */
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-APgSQTRPY0HHHwPcIWskxl2sU6Y1yyWj4ZphdmN7wfxthWn7e5ujESITr2-oY9uBrnYDha3u4XAnvoM8zSgKs2Qpek_lCPnkxQaeUAsJDh_dMqxYzSTXJu1ufkDGsjujBca9X5pPOek/s0/body.jpg") no-repeat scroll center top #0D0E30;
color: #333333;
font: small Georgia Serif;
margin: 0;
text-align: center;
}
a:link {
color: #3366CC;
text-decoration: none;
}
a:visited {
color: #3366CC;
text-decoration: none;
}
a:hover {
color: #CC6600;
text-decoration: underline;
}
a img {
border-width: 0;
}
#header-wrapper {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuImYCGpOzcXB8-4xY0LZ14XAIgvS4zyvGG3UFeyasryxmherl1GSeSsHcdEGK9unzIQIpXBv5D86UkC8gL_sx94G27PVzRH1Wjd9eVakVBk1INh3fpxZtA1d7L8ppcEDXkClXdPt38Nj4/s0/logo.png") no-repeat scroll 15px 17px transparent;
height: 111px;
margin: 0 auto;
}
#header-inner {
height: 80px;
margin-left: auto;
margin-right: auto;
}
#header {
color: #59246B;
text-align: left;
}
#header h1 {
font: 283% Lobster,Serif;
letter-spacing: -1px;
margin: 0;
padding: 19px 30px 1px 85px;
text-transform: none;
}
#header a {
color: #59246B;
text-decoration: none;
}
#header a:hover {
}
#header .description {
font: 100%/12px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0;
margin: 0;
padding: 0 24px 0 85px;
text-transform: none;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#outer-wrapper {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImOkhxu08dg8AtxXF5hYqstqBJUfbCukqzjigrsOugNyCPM_UQazTbxJH4O4yBiGpfmVETjrpc-V7khkBEyk6MOEV83BPA_zOMZAf06-0bHCmx34879Kfw_oR03WdzI6PkrCTMbrbPs6Z/s0/outer-wrapper.png") no-repeat scroll center 0 transparent;
font: 110% Arial,Serif;
margin: 0 auto;
padding-top: 0;
text-align: left;
width: 959px;
}
#main-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #C8C8C8;
border-radius: 8px 8px 8px 8px;
float: left;
margin-left: 11px;
margin-top: -12px;
overflow: hidden;
padding: 15px;
width: 584px;
word-wrap: break-word;
}
#sidebar-wrapper {
float: right;
margin-right: 12px;
margin-top: -12px;
overflow: hidden;
width: 308px;
word-wrap: break-word;
}
#sidebar-wrapper2 {
float: left;
margin-right: 0;
margin-top: 0;
overflow: hidden;
width: 200px;
word-wrap: break-word;
}
h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtr-SSwMBWXw8bGXn7LcizqWUD1D37aQeJU5hk0XQE9PhELbEA9bChKzY6QbCozgQc1BgsypU9O330pRO9I8vfyyWb8hSp4cA65vgiaGCO6mpvsayRB412R4XmbpIB5ADTnGWcsUIbo3VE/s0/menu.jpg") repeat-x scroll 0 0 transparent;
border-radius: 8px 8px 0 0;
color: #333333;
font: 130%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: -1px;
margin: 0;
padding: 6px 6px 6px 10px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: none;
}
h2.date-header {
font: 12px arial;
letter-spacing: 0;
margin: 0;
padding: 0;
text-transform: none;
}
.post {
margin: 0.5em 0 25px;
padding-bottom: 5px;
}
.post h3 {
color: #000000;
font-size: 170%;
font-weight: bold;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #000000;
display: block;
font-weight: bold;
margin-top: 0;
text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
color: #333333;
}
.post-body {
line-height: 1.6em;
margin: 0 0 0.75em;
}
.post-body blockquote {
line-height: 1.3em;
}
.post-footer {
background: none repeat scroll 0 0 #EEEEEE;
border: 3px double #FFFFFF;
color: #000000;
font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0;
margin: 0.75em 0;
padding: 10px;
text-transform: none;
}
.comment-link {
margin-left: 0.6em;
}
.post img, table.tr-caption-container {
border: 4px solid #EEEEEE;
}
.tr-caption-container img {
border: medium none;
padding: 0;
}
.post blockquote {
font: italic 13px georgia;
margin: 1em 20px;
}
.post blockquote p {
margin: 0.75em 0;
}
#comments h4 {
color: #666666;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 1.4em;
margin: 1em 0;
text-transform: none;
}
#comments-block {
line-height: 1.6em;
margin: 1em 0 1.5em;
}
body#layout #main-wrapper {
margin-top: 0;
overflow: visible;
}
body#layout #sidebar-wrapper {
margin-top: 0;
overflow: visible;
}
#comments-block .comment-author {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #EEEEEE;
font-size: 15px;
font-weight: normal;
margin-right: 20px;
padding: 5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #E8DEC4;
border-color: #E8DEC4;
border-style: solid;
border-width: 2px 1px 1px;
line-height: 16px;
padding: 5px;
}
#comments-block .comment-body {
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
margin-left: 0;
margin-right: 20px;
padding: 7px;
}
#comments-block .comment-footer {
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
font-size: 11px;
line-height: 1.4em;
margin: -0.25em 20px 2em 0;
padding: 5px;
text-transform: none;
}
#comments-block .comment-body p {
margin: 0 0 0.75em;
}
.deleted-comment {
color: gray;
font-style: italic;
}
#blog-pager-newer-link {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
padding: 7px;
}
#blog-pager-older-link {
background: none repeat scroll 0 0 #FFFFFF;
float: right;
padding: 7px;
}
#blog-pager {
margin: 25px 0 0;
overflow: hidden;
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.sidebar {
color: #000000;
font-size: 90%;
line-height: 1.5em;
}
.sidebar2 {
color: #333333;
font-size: 90%;
line-height: 1.5em;
text-shadow: 0 1px 0 #EEEEEE;
}
.sidebar ul {
list-style: none outside none;
margin: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
}
.sidebar li {
line-height: 1.5em;
margin: 0;
padding-bottom: 2px;
padding-top: 2px;
}
.sidebar2 .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar2 ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sidebar2 li {
border-bottom: 1px dotted #EEEEEE;
line-height: 1.5em;
margin: 0;
padding: 2px;
}
.sidebar2 .widget, .main .widget {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxhp2PyMionlG9UCYw1LRGNKkCNqfGgm-XA-n1A2hI5ujD1ZWWR0F-zhYFB0d4xBpDFKq8m1tVU7SgcQxe7VeDys-W3T-3_t2iCoNrgAJxZvB7XVSU58YfLW0bLIsPJ54CD_TWV-l1meO/s0/postcont.png") repeat scroll 0 0 transparent;
margin: 5px 0;
padding: 5px;
}
.main .Blog {
background: none repeat scroll 0 0 transparent;
border: medium none;
padding: 0;
}
.profile-img {
border: 1px solid #CCCCCC;
float: left;
margin: 0 5px 5px 0;
padding: 4px;
}
.profile-data {
color: #999999;
font: bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0.1em;
margin: 0;
text-transform: uppercase;
}
.profile-datablock {
margin: 0.5em 0;
}
.profile-textblock {
line-height: 1.6em;
margin: 0.5em 0;
}
.profile-link {
font: 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#footer {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnN3VviFRJrJbVSXEZJrhzxLoubwYQPvOscgPaKPgHub1j53j4G0v3VRp6MG0A4PvBYdXevpxy1uoyykrgx6ajYQD-Ig1nVHIAi58gWWqkg0Tmk8NzqbzOCdsQTCCr6I98ekZ2-aO6316s/s0/footer1.png") no-repeat scroll 0 0 transparent;
clear: both;
color: #000000;
font: 11px arial;
letter-spacing: 0;
margin: 0 auto;
padding-bottom: 40px;
padding-top: 78px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: none;
width: 961px;
}
.feed-links {
display: none;
}
#Attribution1 {
display: none;
}
body#layout #footer {
display: none;
}
body#layout #addthis_toolbox {
display: none;
}
body#layout #crosscol-wrapper {
display: none;
}
body#layout #searchbox {
display: none;
}
.post-share-buttons {
}
#sidebar-wrapper2 .sidebar .widget {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-pACpe0NbY9Md-FzCbC9E9p1Gi64xrMzBk9LT0TCfK34SRbCwwU_w55RdlslHVPzOZNhsE5-cANPQbR-JE5upxpcBecB9BAMRrsayeoYN_0ivw234PNwsAgCIDjuz-_McmXjGBIkNCj9/s0/sidebar.png") no-repeat scroll right top #CDCDCD;
margin-bottom: 8px;
padding: 0;
}
#sidebar-wrapper2 .widget-content {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0;
padding: 10px;
}
#sidebar-wrapper .sidebar .widget {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Wlh-H_i4YdwyERyF2G8Up9Cqp9eFdAsPaWlq4eJ1LRjF3Tx1pDdfXZwGAjirqyV3Wu1_6yk-Aavt0_P81X13J-SKBNe1dr8cqK79BEM4LQtaTl1F7iOaln-a6JVquwocThVHoddkzM_I/s0/sidebar.jpg") repeat-x scroll 0 0 transparent;
border: 1px solid #C8C8C8;
border-radius: 8px 8px 8px 8px;
margin-bottom: 12px;
padding: 0;
}
#sidebar-wrapper .widget-content {
margin-top: 0;
padding: 9px 10px 11px;
}
#footer-bg {
}
.first-links {
font-size: 12px;
margin-bottom: 5px;
padding-left: 30px;
}
.second-links {
padding-left: 30px;
}
#footer a {
color: #000000;
}
#content-wrapper {
background: none repeat scroll 0 0 #D5D5D6;
margin-top: 25px;
}
#PageList1 {
height: 48px;
margin-bottom: 0;
margin-left: 5px;
margin-right: auto;
padding-top: 19px;
width: 960px;
}
.PageList li a {
color: #FFFFFF;
font: bold 12px arial;
padding: 13px 15px;
text-shadow: 0 1px 0 #000000;
text-transform: none;
}
.crosscol .PageList li, .footer .PageList li {
background: none repeat scroll 0 0 transparent;
border-right: 1px solid #4A2E63;
float: left;
list-style: none outside none;
margin: 0;
padding: 12px 0;
}
.PageList li.selected a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4CESvCY2LkhTi4gkS21zE0wjOYiBPbTBudgqwgjwjcl7G6-Ktaf4AMbnGNoUJFc3FAZ1DcP7Qejpu-RUzsje2z8GjQ5YiXHPIPxGSz2XOrlG_nrLXH-RGXejXhV42iEavRnZn5Mz2ttAY/s0/menu3.jpg") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
text-decoration: none;
}
.PageList li a:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4CESvCY2LkhTi4gkS21zE0wjOYiBPbTBudgqwgjwjcl7G6-Ktaf4AMbnGNoUJFc3FAZ1DcP7Qejpu-RUzsje2z8GjQ5YiXHPIPxGSz2XOrlG_nrLXH-RGXejXhV42iEavRnZn5Mz2ttAY/s0/menu3.jpg") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
text-decoration: none;
}
.searchbox {
-moz-background-inline-policy: continuous;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuz3OfNzGR5oWsI9h5bktlipBhX92gyMpPXISnBSKSdZzW2olNS36ohk2MCKQC-V4Ix0QFpxyTZ6ucCkOCAZB68-B1w9XnLCmJqrxUqICeqvqu6CswUSc3MV2HcUBTUoRODafBoGkvp8DH/s0/search.png") no-repeat scroll 0 0 transparent;
display: block;
float: right;
height: 50px;
margin-right: 43px;
margin-top: -40px;
width: 249px;
}
.searchbox .textfield {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 20px;
margin: 14px 1px 5px 25px;
width: 155px;
}
.searchbox .button {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 20px;
margin-left: 2px;
margin-top: 14px;
width: 35px;
}
h2.date-header {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Xi0F8m2OttSNBWlwMZOy_qsbumfff2wcz7ni0SHwPahSynuqHXK-ep-jejYcfnGYjm2SgIXOVDvw05mERS-hbbI1JM9qBdAB4dsXmWXbAhpC-iA7Ids8oKbfRVG6Ssj9ANJzXKCG7GPr/s0/1276328132_date.png") no-repeat scroll left -1px transparent;
border: medium none;
color: #333333;
font: 12px arial;
letter-spacing: 0;
margin: 0;
padding-left: 20px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: none;
}
.post-author {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyfC0L0Z0rptElZB5Rf1lhkTjFFYDnuV163_SbSMjzqFLpQtmr_nkW-c-Yp4tDFQKZts4uLha4cskIWpBXgVajjC5Nkqnb_gAfixg8m7H9ZtZp5s-uLy8bkpOAb47fwToKe-O-TXrmbObq/s0/aaa.png") no-repeat scroll 0 0 transparent;
padding-left: 20px;
}
.post-comment-link a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwYoi1SsVe-y7gvD0v6Fb6RrOVkkNdjg58FuoxxzHMIpjGOJOMsdGlfX0caBqQoLIVRPkBmJ-ZX_TI0fEeoW3l9WzdGjiuASgiTecHwhrASqN-0ZT_gpfZjFfkbWyAFr-WGbHr_6_Co7V0/s0/1276328597_comment.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
.post-labels {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKpjO7bLFydZtcbXEve5fXyoPbYvNQ7z2-INhHlr_g6hRW3Lk97cBu5gdtPbjTpNgbBVhIYesyzhUJALy38NAHUkc9NJXUAA-yHQZ8FNYS4v8JG30qSQ3T10RsRo-Pmzi6qP3u_H-05IT/s0/1276330011_tags.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
#wrapper {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4gVk9CifjICyNi4DJwkwB-yUB-EmAEy9OMKsXG477sVl9Q6YYex952681_bkO7wxLVLLYpuQYDR5s5w_DeC_dpjQp7vaXWc0O4HT5ti8mBmj9USLzAxdq2Nq1gGmZSDSFr6B_GvTkMx5D/s0/footer-bg.jpg") no-repeat scroll center bottom transparent;
}
#content-but {
}
.col-left {
float: left;
width: 49%;
}
.col-right {
float: right;
width: 48%;
}
#HTML102 h2 {
display: none;
}
body#layout #ads-header {
float: right;
height: 60px;
margin-right: 20px;
margin-top: 0;
width: 300px;
}
body#layout #HTML102 {
float: right;
margin-right: 0;
width: 296px;
}
body#layout #Header1 {
float: left;
margin-left: 20px;
width: 600px;
}
body#layout #headertw {
display: none;
}
#headertw {
float: left;
height: 27px;
margin-left: 653px;
margin-top: -38px;
position: relative;
}
#headertw img {
margin-right: 5px;
padding: 0;
}
#searchbox {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 12px 12px 12px 12px;
float: right;
height: 23px;
margin-right: 17px;
margin-top: -38px;
width: 182px;
}
#searchbox .textfield {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 18px;
margin: 2px 1px 2px 8px;
width: 140px;
}
#searchbox .button {
-moz-background-inline-policy: continuous;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtCrc350VD_KLR1cJG48Tq-CgUcMDlri0j2n3qm56Oj6eMOT_GUM4kVmyvgrWZT6MZP-mPz00D3Bafdg4HeT-j4O1FZ9kdsZtct1x2KPIm1VbXo0dxltl957tL9LW40R5oqTRKLTs4VNs/s0/searc.png") no-repeat scroll 0 4px transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 23px;
margin-left: 2px;
margin-top: 0;
width: 23px;
}
#HTML102 h2 {
display: none;
}
body#layout #ads-header {
float: right;
height: 60px;
margin-right: 20px;
margin-top: -42px;
width: 268px;
}
body#layout #HTML102 {
float: right;
margin-right: 0;
width: 296px;
}
.text-h {
color: #FFFFFF;
display: none;
float: left;
font: bold 13px Arial;
margin-right: 10px;
margin-top: 5px;
text-transform: none;
}
#ads-header {
height: 60px;
margin-left: 466px;
margin-top: -57px;
width: 495px;
}
#newheader {
height: 38px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
width: 950px;
}
.crosscol .PageList UL, .footer .PageList UL {
list-style: none outside none;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.post-footer a {
}
.date-outer {
margin-bottom: 5px;
}
#s3slider {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px double #CCCCCC;
height: 300px;
margin-bottom: 25px;
margin-top: 0;
overflow: hidden;
position: relative;
text-shadow: 0 1px 0 #000000;
width: 579px;
}
#s3sliderContent {
background: none repeat scroll 0 0 #FFFFFF;
height: 300px;
list-style: none outside none;
margin-left: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: -14px;
width: 587px;
}
.s3sliderImage {
float: left;
position: relative;
width: 587px;
}
.s3sliderImage span {
background-color: #000000;
color: #FFFFFF;
display: none;
font-size: 12px;
height: 300px;
line-height: 16px;
opacity: 0.7;
overflow: hidden;
padding: 10px 13px;
position: absolute;
right: 0;
top: 0;
width: 180px;
}
.s3sliderImage strong a {
font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif;
font-size: 20px;
}
.s3sliderImage strong a:hover {
color: #FFFFFF;
}
#HTML101 h2 {
display: none;
}
.sidebar a {
color: #000000;
}
#wrapper-bg {
}
#Label1 h2 {
display: none;
}
.second-row h2 {
display: none;
}
.second-row a {
color: #333333;
}
.second-row {
height: 42px;
margin: 0 auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
text-transform: none;
width: 960px;
}
.second-row li {
border-right: 1px solid #CCCCCC;
color: #333333;
float: left;
font: bold 12px arial;
margin: 0;
padding: 14px;
text-transform: uppercase;
}
.second-row ul {
float: left;
list-style: none outside none;
margin-bottom: 0;
margin-left: 3px;
margin-top: 1px;
padding: 0;
text-shadow: 0 1px 0 #FFFFFF;
width: 940px;
}
]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/* ------------------------------------------------------------------------
s3Slider
Developped By: Boban Karišik -> http://www.serie3.info/
CSS Help: Mészáros Róbert -> http://www.perspectived.com/
Version: 1.0
Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
-------------------------------------------------------------------------- */
(function($){
$.fn.s3Slider = function(vars) {
var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
items.each(function(i) {
$(items[i]).mouseover(function() {
mOver = true;
});
$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});
});
var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}
var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}
makeSlider();
};
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
</head>
<body>
<div id='wrapper'>
<div id='wrapper-bg'>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
<div id='headertw'>
<span class='text-h'>Subscribe:</span> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjstijVEMmUt-BYxWfHGVl5tDlaIw0UHaHgzx6294Jp8dP1Ca3qXfpHyB3PU7Jdotfmoeawj7umV618wtSDYcdEtVnsTluaOfUfHUo0dsq9TCD7RrBzkiMfZDEM-QazCnvwk7zh0pxkXG-j/s0/rss.png'/></a> <a href='http://www.twitter.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnE_nyJRx13zl1-8N5xi6WE4Uj-2nQSW6TzgmWGseXiE9c2TfDvsDzlK5HKcDnJ9h2PSW8j8vzX1c-cBUjtgYKGyF3i-T1pgSxoBWDFZFOLaL3fKmxaB3p3mnSo-4xRsxK4Lkrf_-00HgH/s0/twitter.png'/></a> <a href='http://www.facebook.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuAUBZCfuMSao76TzKZI34F82wlwka0fZ9mnQhR6K7ZKriM8x5H5ca2CSvDCLJLgwgqSHOlnvQw4cH6C0nj1YTi9F4DGRxEKZewUD8QcyFlW7SbKtogloPytkt3DvuyRq2GJ7G8vs4M3AA/s0/facebook.png'/></a>
</div>
<div id='searchbox'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' size='24' type='text' value=''/>
<input class='button' type='submit' value=''/>
</div>
</form>
</div></div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='English morfhology (Header)' type='Header'/>
</b:section>
<b:section class='ads-header' id='ads-header' showaddelement='no'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div class='second-row'> <b:section class='second-row' id='second-row' preferred='yes' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Labels' type='Label'/>
</b:section></div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='slider-k' id='slider-k' showaddelement='no'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section></b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='HTML4' locked='false' title='Blogger templates' type='HTML'/>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
<b:widget id='HTML3' locked='false' title='Blogger news' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='content-but'/>
</div></div> <!-- end outer-wrapper -->
<div id='footer-bg'>
<div id='footer'>
<!-- Remmeber!!! This free Blogger template is licensed under the Creative Commons Attribution 3.0 License. You are required to keep the footer links intact which provides due credit to its Author and Supporters. -->
<div class='first-links'>Copyright (c) 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
Designed by <a href='http://www.northernscotlandjoinery.co.uk' target='new'>NSJ</a>
</div>
</div></div></div></div>
</body>
</html>
Template Morphologi
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar