/*
============================
Blogger Template Style
Name: Magazine Template R.1
Designer: Rohman Abdul Manap
URL: blogtemplate4u.com
blogspottutorial.com
Date: 25 Mart 2009
============================
*/
/*  Variable definitions
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="linkhovercolor" description="Link Hover Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#c60">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="bgwidgetcolor" description="Widget Background Color"
type="color" default="#fff">
<Variable name="navcolor" description="Navigation text Color"
type="color" default="#fff">
<Variable name="commentcolor" description="Comment text Color"
type="color" default="#fff">
<Variable name="footercolor" description="Footer text Color"
type="color" default="#fff">
<Variable name="bgwrapcolor" description="Wrapper background Color"
type="color" default="#fff">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font" default="normal normal 315% Georgia, Times New Roman">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 85% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="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">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
*{
margin:0;
padding:0;
}
/* remove this line to appear blogger navbar */
/* hide navbar start */
#navbar-iframe  {
display : none;
height : 0;
visibility : hidden;
}
/* hide navbar end */
body {
background:#c6d8ef url(http://lh3.ggpht.com/_pt7i0nbIOCY/Scc6onH5U8I/AAAAAAAABnQ/8p1zsqpawqw/bg_thumb%5B5%5D.png?imgmax=800) repeat-x fixed left top;
width: 100%;
color: #000000;
font-family: Arial, Tahoma, Verdana;
font-size:12px;
margin: 0;
padding: 0;
}
a, a:visited {
color: #0066CC;
text-decoration: none;
}
a:hover {
	color: #003;
	text-decoration: underline;
	font-size: 14px;
}
a img {
border-width: 0;
}
#upper{
width:100%;
padding:0;
height:35px;
clear:both;
background:url(http://lh4.ggpht.com/_pt7i0nbIOCY/Scc8GLlckKI/AAAAAAAABnY/308UBgYHCbU/upper_thumb%5B1%5D.png?imgmax=800) repeat-x center center;
}
#topbar {
width:780px;
color: #000;
margin: 0 auto 0;
padding: 0;
height:35px;
}
#topbar a, #topbar a:visited {
font-size: 11px;
font-weight: normal;
color: #0095d3;
text-decoration: none;
}
#topbar a:hover {
text-decoration: underline;
}
#topbar p {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}
.topbarleft {
width: 230px;
float: left;
margin: 0;
padding: 8px 0 0 10px;
}
.topbarright {
width: 400px;
float: right;
margin: 0;
padding: 7px 10px 0 0;
text-transform: capitalize;
text-align: right;
}
.topbarright a img {
border: none;
margin: 0 3px 3px 0;
padding: 0;
}
#header-wrapper {
width: 780px;
font-size: 12px;
margin: 0 auto 0;
padding: 0;
overflow: hidden;
}
#head-inner {
width:400px;
background-position: left;
margin-left:0;
margin-right: auto;
padding-top:5px;
float:left;
}
#header {
margin: 0;
text-align: left;
color: #000000;
}
#header h1 {
color: #000000;
margin: 0;
padding: 10px 0 0 20px;
text-decoration: none;
font: normal normal 315% Georgia, Times New Roman;
}
#header h1 a, #header h1 a:visited {
color: #000000;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
color: #000000;
}
#header .description {
color: #2D8930;
margin-left: 12px;
padding: 10px 0 0 10px;
font: normal normal 154% Arial, sans-serif;
}
#header img {
margin-left:auto;
margin-right: auto;
}
#headerright{
width:480px;
height:90px;
float: right;
padding-top:7px;
margin:0;
text-align:left;
font-size:12px;
}
#headerright h2{display:none}
#headerright a, #headerright a:hover, #headerright a:visited{
color:#0066CC;
}
#NavbarMenu {
background:#c4d5ec url(http://lh5.ggpht.com/_pt7i0nbIOCY/ScgUx__9P4I/AAAAAAAABok/qiH6VjPrDEg/bgnav_thumb%5B3%5D.png?imgmax=800) repeat-x;
width: 780px;
height: 35px;
color: #32527A;
margin: 0 auto 0;
padding: 0;
font: bold 10px Arial, Tahoma, Verdana;
border-top:1px solid #b1d6e8;
border-right:1px solid #b1d6e8;
border-left:1px solid #b1d6e8;
border-bottom:1px solid #fefeff;
}
#NavbarMenuleft {
width: 780px;
float: left;
margin: 0;
padding: 0;
}
#search {
width: 250px;
font-size: 11px;
float: right;
margin: 0;
padding: 2px 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #32527A;
display: block;
text-transform: uppercase;
margin: 0;
padding: 9px 15px 8px;
font: bold 13px Georgia, Times New Roman;
border-right:1px solid #afcaee;
}
#nav li a:hover, #nav li a:active {
background:#cfcce7 url(http://lh4.ggpht.com/_pt7i0nbIOCY/Scot3VLU9oI/AAAAAAAABpc/P3YeghCQzpY/navhover_thumb%5B1%5D.png?imgmax=800) repeat-x;
color: #000;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background:#cfcce7 url(http://lh4.ggpht.com/_pt7i0nbIOCY/Scot3VLU9oI/AAAAAAAABpc/P3YeghCQzpY/navhover_thumb%5B1%5D.png?imgmax=800) repeat-x;
width: 150px;
color: #000;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #afcaee;
border-left: 1px solid #afcaee;
border-right: 1px solid #afcaee;
font: normal 14px Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background:#c4d5ec url(http://lh5.ggpht.com/_pt7i0nbIOCY/ScgUx__9P4I/AAAAAAAABok/qiH6VjPrDEg/bgnav_thumb%5B3%5D.png?imgmax=800) repeat-x;
color: #000;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
padding:0;
margin:0;
}
#search input{
background: transparent;
color: #202224;
float: left;
font-size: 12px;
margin: 7px 0 0 10px;
width: 178px;
padding:3px 7px;
border: 1px solid #afcaee;
font: normal 10px Georgia, Times New Roman, Trebuchet MS;
}
#search .btn{
margin: 7px 0 0;
padding: 0;
width: auto;
border:0;
}
#wrap {
width: 780px;
margin: 0 auto 0;
padding: 0;
line-height: 18px;
word-wrap: break-word;
font-family: Arial, Tahoma, Verdana;
font-size:12px;
overflow: hidden;
border-top: 2px solid #cadaef;
border-right: 1px solid #cadaef;
border-left: 1px solid #cadaef;
border-bottom: 1px solid #cadaef;
background:#eaf1f9;
}
#empty {
height:10px;
clear:both;
}
#main-wrapper {
width: 590px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
.middlecol {
float: left;

margin: 0;
padding: 0;
}
.middlecol p {
margin: 0;
padding: 0;
}
.middlecol .widget {
width: 212px;
background:#c4d5ec;
border: 1px solid #bbd2f0;
margin: 0 0 10px 7px;
padding:10px;
}
.middlecol .widget:hover {
background:#fff;
}
.middlecol h2 {
background:#68a3f3;
color: #fff;
text-transform: uppercase;
margin: 0 0 10px;
padding: 5px 3px;
font-family: Arial, Tahom, Verdana;
font-size: 14px;
text-align:center;
border: 1px solid #3383ef;
}
#sidebar-wrapper {
float: left;
margin:0 0 0 8px;
padding: 0;
width: 320px;
}
.post-labels,
.blog-icon {
display:none;
}
.blog-title{
margin: 0 0 5px;
padding-left: 20px;
}
.breadcrumbs {
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:95%;
line-height: 1.4em;
border-bottom:4px double #cadaef;
}
.post {
background:#ffffff url(http://lh4.ggpht.com/_pt7i0nbIOCY/Sb7nFROYHoI/AAAAAAAABgk/Llxxzg4kYhE/bgbox_thumb%5B1%5D.png?imgmax=800) repeat-x top;
width: 545px;
float: right;
margin: 0 10px 10px;
padding: 10px;
border: 1px solid #cadaef;
}
.post h3, .post h3 a, .post h3 a:visited {
color: #cc0000;
margin: 0;
text-transform:capitalize;
text-align:left;
font: normal 26px Times, Tahoma, Verdana;
}
.post h3 a:hover {
color: #11593C;
text-decoration: none;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
}
#datebar {
width: 100%;
height:35px;
color: #000;
margin: 0;
padding: 0;
}
#datebar a,
#datebar a:visited {
text-decoration: none;
color:#000;
}
#datebar a:hover {
text-decoration: underline;
}
#datebarleft {
width: 180px;
float: left;
margin: 0;
padding:0;
}
#datebarright {
width: 110px;
float: right;
margin: 10px 0 0 0;
padding:0;
text-align: right;
}
h2.date-header{
margin:0;
padding:9px 0 0;
font-size:10px;
font-family: Arial, Tahoma, Verdana;
}
.post-timestamp{
margin:0;
padding:9px 0 0 26px;
font-size:10px;
font-family: Arial, Tahoma, Verdana;
background:transparent url(http://lh4.ggpht.com/_pt7i0nbIOCY/ScdxiSFLc7I/AAAAAAAABn8/fDtJZqjQUnk/date-24_thumb%5B1%5D.png?imgmax=800) no-repeat left;
}
.comment-link {
padding:9px 0 0 26px;
margin:10px 0 0 0;
font-size:10px;
font-family: Arial, Tahoma, Verdana;
text-transform: capitalize;
background:transparent url(http://lh3.ggpht.com/_pt7i0nbIOCY/ScdxeqlVaiI/AAAAAAAABn0/6C6w_i6WUTU/comments-24_thumb%5B1%5D.png?imgmax=800) no-repeat left;
}
.post img {
padding: 10px;
}
.post blockquote {
background: #ccddf1 url(http://lh6.ggpht.com/_pt7i0nbIOCY/ScmB-JTs7zI/AAAAAAAABpM/tzulb31cO5M/blockquote_thumb%5B8%5D.png?imgmax=800) no-repeat top left;
margin: 0 25px 15px;
padding: 40px 15px 10px 65px;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post-body ol {
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.post-body ol li {
margin: 0px 0px 0px 27px;
padding: 0px 0px 5px 0px;
}
.post-body ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.post-body ul li {
list-style-type: square;
padding: 0px 0px 0px 5px;
margin: 0px 0px 5px 25px;
}
.comments {
background:#ffffff url(http://lh4.ggpht.com/_pt7i0nbIOCY/Sb7nFROYHoI/AAAAAAAABgk/Llxxzg4kYhE/bgbox_thumb%5B1%5D.png?imgmax=800) repeat-x top;
float: right;
width: 545px;
margin: 0 10px 10px 3px;
padding: 10px;
border: 1px solid #cadaef;
}
#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
color: #000000;
padding-left:5px;
font-size:13px;
}
#commentblock {
width: 490px;
background:#e4effb;
text-align:left;
padding: 15px 25px 10px 20px;
margin: 10px 5px;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}
#commentblock ol {
list-style-type: square;
margin: 0 0 10px 10px;
padding: 0 0 10px 0;
}
.commentdate {
font-size: 12px;
padding-left: 0;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0;
}
.commentname {
color: #333;
margin: 10px 0;
padding: 5px 5px 5px 0;
}
.commentinfo{
clear: both;
}
.commenttext {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 10px 30px 10px;
	width: 470px;
	color: #000;
	background: #fff url(http://lh5.ggpht.com/_pt7i0nbIOCY/SclnxUEKCsI/AAAAAAAABo0/qp1Lgq6PbQU/visitors_thumb%5B2%5D.png?imgmax=800) no-repeat bottom left;
	font-size: 14px;
}
.commenttext-admin {
clear: both;
margin: 20px 0 0 0;
padding: 10px 10px 30px 10px;
width: 470px;
background: #9ee7ff url(http://lh4.ggpht.com/_pt7i0nbIOCY/SclnzLsGFeI/AAAAAAAABo8/MfEaUKG8euY/admin_thumb%5B2%5D.png?imgmax=800) no-repeat bottom left;
color:#000;
}
div.comment-form-block{
width: 511px;
margin: 0 auto;
}
#blog-pager-newer-link {
float: left;
padding-left:5px;
}
#blog-pager-older-link {
float: right;
padding-right:5px;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
.sidebar {
line-height: 1.5em;
}
.sidebar .widget {
background:#ffffff url(http://lh4.ggpht.com/_pt7i0nbIOCY/Sb7nFROYHoI/AAAAAAAABgk/Llxxzg4kYhE/bgbox_thumb%5B1%5D.png?imgmax=800) repeat-x top;
float:left;
width: 305px;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #cadaef;
}
.sidebar .widget:hover {
background:#fbecbd;
}
.sidebar h2{
color: #333333;
text-transform: capitalize;
margin: 0 0 10px;
padding: 0 0 6px 0;
font: normal bold 93% Arial, sans-serif;
border-bottom:4px double #cadaef;
}
#sidebar p {
margin: 0;
padding: 0 0 0 10px;
}
.sidebar img {
padding:1px;
border:1px solid #cadaef;
}
.middlecol img {
padding:1px;
border:1px solid #000;
}
.sidebar li,
.middlecol li {
background:url('http://lh5.ggpht.com/_pt7i0nbIOCY/SbZH_YTdW3I/AAAAAAAABZY/E3ietP4_U4c/Folder_thumb%5B1%5D.png?imgmax=800') no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.sidebar ul,
.middlecol ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li,
.middlecol ul li {
background:url('http://lh5.ggpht.com/_pt7i0nbIOCY/SbZH_YTdW3I/AAAAAAAABZY/E3ietP4_U4c/Folder_thumb%5B1%5D.png?imgmax=800') no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile */
.profile-img {
float: left;
margin-top: 0;
margin-right: 8px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cadaef;
}
.profile-data {
margin:0;
text-transform:uppercase;
font-weight: bold;
line-height: 1.6em;
font-size: 11px;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
#footer {
background:#c9d9ee url(http://lh5.ggpht.com/_pt7i0nbIOCY/Schno2HB1TI/AAAAAAAABos/wj5yhYv5NGk/foot_thumb%5B1%5D.png?imgmax=800) repeat-x top;
width: 920px;
height:30px;
margin: 0;
padding-top: 1px;
border-top:1px solid #6e93c2;
}
#copyright {
float:left;
width:550px;
padding-left:10px;
}
#copyright p{
color: #000000;
margin: 0;
padding: 10px 0 0;
font: 11px Arial, Tahoma, Verdana;
}
#credits {
float:right;
color:#000000;
width:300px;
padding-right:10px;
text-align:right;
font: 11px Arial, Tahoma, Verdana;
}
#credits p{
margin: 0;
padding: 10px 0 0;
}
#credits a, #credits a:visited{
color:#000000;
text-decoration:none;
}
#credits a:hover{
text-decoration:underline;
}
.carousel{
float:left;
margin: 0;
padding:0px;
}
.carousel .widget {
width: 780px;
background:#c4d5ec;
margin: 0;
padding:0;
}
.stepcarousel{
position: relative;
overflow: scroll;
width: 780px;
height: 173px;
}
.stepcarousel .belt{
	position: absolute;
	left: 289px;
	top: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 10px;
width: 200px;
}
.stepcarousel .panel img{
float: left;
background:#d9e5f4;
padding:10px;
border:1px solid #ccc;
}
.quickedit{display:none}


</style>
<style type='text/css'>


#main-wrapper {
        width:334px;
        float:left;
        }

.post {
      background:#fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/Sb7nFROYHoI/AAAAAAAABgk/Llxxzg4kYhE/bgbox_thumb%5B1%5D.png?imgmax=800) repeat-x top;
      width:302px;
      float: left;
      margin: 0 0 8px 8px;
      padding: 10px;
      overflow:hidden;
      text-align:justify;
      border: 1px solid #cadaef;
      }

.post h3 {
        color: #c00;
	text-transform: capitalize;
	margin: 0;
	padding: 2px 0;
        text-align:left;
	font: normal 26px Times, Tahoma, Verdana;
        border-top: 4px double #cadaef;
        }

.post h3 a, .post h3 a:visited {
        color: #c00;
        text-decoration: none;
        }
.post h3 a:hover {
	color: #11593C;
	}

.post-body img{
      max-width:70px;
      max-height:70px;
      padding:1px;
      float:left;
      margin:0 5px 1px 0;
      border: 1px solid #cadaef;
}
.post-timestamp, 
.reaction-buttons, 
.star-ratings, 
.post-backlinks,
.post-icons, .post-labels{
       display:none;
       }