/* Social Style 
********************* */
html{height:100%; margin-bottom:0.1em}

*{margin:0; padding:0}
img{border:0}
p{line-height:1.6em; margin:0.7em 0}
dl{margin:1em 0}
dt{font-weight:bold}
dd{margin:0.5em; padding:0}
img.right{float:right; margin:10px 0 0 10px}
img.left{float:left; margin:0 10px 0 0}
hr{display:none}
body{background:#fff; color:#333; font:74%/1.6em "Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva, verdana,tahoma,arial,sans-serif; /*font:72%/1.6em verdana,tahoma,arial,sans-serif; */margin:0; padding:0; text-align:center}
a{text-decoration:none}
a:link, a:visited{color:#5781A5}
a:hover {color: #828C64;}
a:active{}
h1, h2, h3, h4, h5, h6{font-family:Arial,Verdana,Serif}

.amazonusa {padding-left: 20px; background: #fff url(images/ico/us.gif) left center no-repeat; margin-left: 20px;}
.amazonuk {padding-left: 20px; background: #fff url(images/ico/uk.gif) left center no-repeat; margin-left: 20px;}


/* Etc
******************** */
br.clear{clear:both}

/* Design 
******************** */
#top{background:#ABB882; margin-bottom:20px}
#page{text-align:left; width:950px; border-top:none; margin:0 auto; background-color: #ffffff;}
#headr{width:950px; margin:0 auto 5px; color:#C3EAFB; position:relative; text-align:left; height:50px; padding-top:10px}
#logo h1{margin:5px 0 0; font-size:2.5em; font-family:Arial,Geneva,Helvetica,sans-serif; font-weight:bold; text-transform:uppercase}
#logo h1 a{color:#fff}
#logo h1 a:hover{color:#ffffff}
#logo .description{color:#E9FFFF; font-size:1.2em; margin-top:5px; display:none}

#logo{position:absolute; right:0; bottom:0}
#top-rss{position:absolute; right:0; top:0}
#top-img{width:930px; margin:20px auto; background:#F7FFFF; height:90px; border:10px solid #C6D9E9; display:none}
#headr #top-menu{position:absolute; left:0; bottom:0}
/* Menu */
ul#menuv{list-style:none; margin:0; padding:0; font-family:"Trebuchet MS",Arial,verdana,tahoma,sans-serif; font-size:1.1em; font-weight:bold}
ul#menuv li{float:left; margin-right:4px}
ul#menuv li a{padding:3px 10px; display:block; color:#ffffff; background:#828C64}
ul#menuv li a:hover{background:#ffffff; color:#828C64}
ul#menuv li.current_page_item a{background:#fff; color:#5882A7; font-weight:bold}

#content-wrap{float:left; width:100%}

#content{margin:0 440px 0 0}
.post{margin-bottom:35px; padding-bottom: 10px; border-bottom: 1px dashed #aaaaaa;}
.post2{}

.side{width:440px; margin-left:-440px; float:left}
.side1{width:220px; float:left; color:#333; margin-left:-0px; color:#498EB8}
.side2{color:#498EB8; width:220px; float:left; color:#333}
#content .gap{margin:0 20px 0 0}
.side1 .gap{}
.side2 .gap{margin:0 0 0 10px}
#out-foot{width:100%; float:left}

#footer{margin:0 auto 0; width:950px; color:#666; font-size:1em; text-align:left}
#footer a{color:#666; text-decoration:underline}
#footer a:hover{color:#333; text-decoration:none}
/* Design 
******************** */
.side1  ul, .side2  ul, .side ul{list-style:none}
.about p {background-color: #E4EFF8; padding: 5px;}

.linkcat, .widget, .boxy, .categories{padding:10px; border:1px solid #C6D9E9;}
.side1 ul li ul li, .side2 ul li ul li{padding:2px 0; margin-left:15px; list-style:square; color:#666666}
.side1 ul li ul li ul li{border:none}
.side1 ul.children, .side2 ul.children{margin-left:16px}
.boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat, .about{margin-bottom:20px}
.side2 .boxy, .side2 .linkcat{}
.side1 h2, .side2 h2{font:bold 1.4em "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; color:#ffffff; margin-bottom:5px; background:#828C64; padding:0 5px}
.side1 ul li ul li a:link, .side1 ul li ul li a:visited, .side2 ul li ul li a:link, .side2 ul li ul li a:visited{color:#5781A5}

.side1 ul li ul li a:hover, .side2 ul li ul li a:hover{color:#828C64}
.side1 ul li ul li.current_page_item a, .side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a{color:#82A2BD; font-weight:bold}

/* Search
************************ */
input#s{width:408px; padding:10px 5px 10px 25px; margin:0 0 10px; background:#fff url(images/ico/zoom1.png) 5px 10px no-repeat; border:1px solid #C6D9E9; color:#82A2BD; font-size:1.2em}
input#s:focus{background:#fff url(images/ico/zoom.png) 5px 10px no-repeat; color:#333333; border:1px solid #828C64}

input#searchsubmit{margin:0}

/* Design  Typo
********************* */
h2.pagetitle{text-align:left; font:1.5em Arial,verdana; border-bottom:1px solid #ccc}

.post h1{font:bold 2.4em Arial,"Trebuchet MS",Verdana,sans-serif; color:#5781A5}
.post h1 a:link, .post h1 a:visited{color:#5781A5; padding:0; background:#ffffff}
.post h1 a:hover{color:#828C64; background:#ffffff}
.post a:hover{}
.date{text-align:right; font-size:11px; color:#666666; font-weight: normal;}
p.meta{font-size:100%; color:#4D7E8F;}
p.meta2{text-align:right; font-size:100%; color:#666666; border-top:0px solid #E4EFF8; border-bottom:1px solid #E4EFF8; padding:3px; background-color: #ffffff;}
p.meta a:link, p.meta a:visited, p.meta2 a:link, p.meta2 a:visited{color:#5781A5; padding:2px 4px; }
p.meta a:hover, p.meta2 a:hover{color:#828C64;}
.post ul.postspermonth{list-style:none; padding:0; margin:0}
.entry p a:link, .entry p a:visited{border-bottom:1px solid #4D71A5; color:#4D71A5}
.post ul{margin-left:35px}
.post ol{margin-left:40px}
.post p a:hover{border:none}
.categr, .monthr{margin-bottom:20px}
.categr h2, .monthr h2{border-bottom:1px solid #ccc}

.rss{background:url(images/feed-icon-10x10.png) left center no-repeat; padding-left:12px}
/* Comment Etc
********************* */
.navigation{margin-top:10px; margin-bottom:10px; float:left; width:100%}

.navigation a{color:#666}
.alignnone{margin: 10px; padding: 2px; border: 1px solid #cccccc;}
.alignleft{float:left; margin: 10px 10px 10px 0; padding: 2px; border: 1px solid #cccccc;}
.alignright{float:right; text-align:right; margin: 10px 0 10px 10px; padding: 2px; border: 1px solid #cccccc;}

.ileft{float:left; margin-right:5px}
p.stats{color:#999; font-size:.8em; border:1px solid #ccc; border-left:none; border-right:none}
blockquote{background:url(images/blockquote.gif) no-repeat left top; color:#666; margin:1em; padding:0 0 10px 50px}
#content .commentsfeedr{background:url(images/ico/feed.png) no-repeat left center; padding:2px 2px 2px 20px}
#content .trackbackr{background:url(images/ico/arrow_refresh.png) no-repeat left center; padding:2px 2px 2px 20px}
input.textbox, textarea, textarea, input#url, input#email, input#author{background:#fff url(images/shadow_top.gif) repeat-x top; border:#ccc 1px solid; font:1em Verdana,Arial,Serif; padding:2px}

input.textbox:focus, textarea:focus{background:#fff url(images/shadow_top.gif) repeat-x top; border:#999 1px solid}

#submit{background:#ABB882; color:#fff; padding:3px 5px; border:#828C64 solid 2px;}
#submit:focus, #submit:hover{background:#ABB882; color:#fff; border:#ABB882 solid 2px;}

.comment{background:#fff url(images/shadow_top.gif) repeat-x top; border-bottom:#ddd 1px solid; list-style:none; margin:0; padding:1em 0.5em}
.alt{background:#f9f9f9}
.MyAvatars{border:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; float:right; margin-left:5px; margin-right:10px; padding:3px}

h3#respond, h3#comments{font:bold 1.2em "Trebuchet MS",Verdana,Arial,sans-serif; color:#A5B27D; text-transform:uppercase}

#comment{width:98%}

fieldset{border:none}
textarea#cp_message{width:100%}

pre{width:95%; overflow:auto; font:13px 'Courier New',Courier,Verdana,Arial,sans-serif; color:#921A14; max-height:350px; line-height:18px; margin:10px 0; border:1px solid #921A14; padding:5px; background:#F7D5D4}

code{font:13px 'Courier New',Courier,Verdana,Arial,sans-serif; color:#921A14; padding:2px}

/* Change Log *** 
1.0:Public Releaed
1.1:Fixed Sidebar and Footer Issue
1.2:Fix Comments and Background Overlap
*** */