/*  
Theme Name: Una
Theme URI: http://www.dinolatoga.com
Description: Say hello to <a href="http://dinolatoga.com/2008/07/04/una-wordpress-theme/">Una</a>, the very first public theme release of <a href="http://dinolatoga.com">Dino Latoga</a>. Use it at your own risk. Breast milk is still best for babies up to 3 years old.
Version: 1.0
Author: Dino Latoga
Author URI: http://www.dinolatoga.com
Tags: light, fixed width, two columns, widgets, free
	Theme designed and developed by the brilliant mind of Dino Latoga
*/

@import "reset.css";

body {
background: #fff url(images/bodybg1.jpg) center fixed repeat-x;
font: 12px/150% /* "Segoe UI",  */Arial, Verdana, sans-serif;
text-align: center;
color: #9b656b;
}

#header {
border-top: 10px solid #876551;
height: 75px;
}
#navigation {
clear: both;
}
#content {
float: left;
width: 580px;
display: inline;
padding-bottom: 15px;
overflow: hidden;
}
#sidebar {
float: left;
margin-left: 20px;
width: 360px;
display: inline;
}
#footer {
clear: both;
padding: 30px 0;
border-bottom: 10px solid #876551;
}

.wrapper {
margin: 0 auto;
text-align: left;
width: 960px;
}
.alignleft {
float: left;
display: inline;
margin:0 5px 5px 0;
}
.alignleft img {
border: 1px solid rgb(0, 0, 0);
}
.alignright img {
border: 1px solid rgb(0, 0, 0);
}
.alignright {
float: right;
display: inline;
margin:0 0 5px 5px;
}
.navigation {
clear: both;
padding: 10px 0;
}
.clearfix {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
overflow: hidden;
}

a {
color: #cd5f19;
text-decoration: none;
}
a:hover {
color: #c30;
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
}

h1#logo {
float: left;
margin-top: 15px;
font-size: 30px;
color: #47281a;
font-weight: normal;
line-height: 150%;
}
h1#logo a {
color: #47281a;
}
p.description {
padding-top: 17px;
color: #727c9f;
}
#search {
float: right;
margin-top: -12px;
width: 350px;
background: #87a9d3;
padding: 5px;
display: inline;
}
input#s {
width: 280px;
}

#navigation {
font-size: 16px;
text-transform: lowercase;
height: 30px;
padding: 10px 0;
}
#navigation a {
color: #876551;
background-color: transparent;
}
#navigation a:hover {
color: #47281a;
}
#navigation a.active {
font-weight: bold;
color: #47281a;
}
#navigation ul li {
float: left;
margin-right: 25px;
display: inline;
}

.post-image {
border: 1px solid #876551;
overflow: hidden;
margin-bottom: 20px;
height: 210px;
}
.post-image img {
width: 578px;
}
h2.postTitle {
font-size: 25px;
color: #727C9f;
font-weight: normal;
}
h2.postTitle a {
color: #727C9f;
line-height: 110%;
}
.postmeta {
padding: 5px 0;
}
.postbody {
margin-top: 20px;
font-size: 15px;
line-height: 150%;
}
	.postbody p {
padding: 0 0 20px 0;
}
	.postbody blockquote {
color: #876551;
background: #faf3e2 url(images/blockquote.png) 20px 20px no-repeat;
padding: 15px 15px 0 75px;
margin-bottom: 20px;
}
	.postbody ul {
margin-bottom: 20px;
}
	.postbody ul li {
background: url(images/xbullet.png) 0 7px no-repeat;
padding-left: 15px;
}
	.postbody  ul li ol {
padding-top: 10px;
padding-bottom: 0;
}
	.postbody  ul li ol li {
background: none;
}
	.postbody ol {
list-style: decimal inside;
margin-bottom: 20px;
}
	.postbody h3,
	.postbody h4,
	.postbody h5,
	.postbody h6 {
color: #876551;
background-color: transparent;
}
	.postbody h3 {
font-size: 18px;
}
	.postbody h4 {
font-size: 16px;
}
	.postbody h5 {
font-size: 13px;
}
	.postbody h6 {
font-size: 12px;
}
	.postbody a:hover,
	ol.commentlist li a:hover {
background: #f5e9c9;
border-bottom: 1px solid #edd69f;
text-decoration: none;
}
	
	.postbody dl {
padding: 10px;
background: #f5e9c9;
margin: 0 0 20px;
}
	.postbody dt {
font-weight: bold;
}
	.postbody dd {
font-size: 12px;
margin-bottom: 10px;
}

	.postbody code {
font-family: "Courier New", Courier, mono, serif;
background-color: #f5e9c9;
}
	.postbody img.aligncenter {
padding: 10px;
background: #f5e9c9;
display: block;
margin: 10px auto;
}
	
#my-recent-posts {
margin-top: 20px;
border-top: 1px solid #87a9d3;
padding: 20px 0;
}
#my-recent-posts .navigation {
margin-top: 20px;
}
/* #recent-posts .sectitle, #recent-posts .subtitle {
text-align: left;
}
*/

.bits {
height: 1%;
margin-top: 20px;
}
.post-thumb {
float: left;
width: 195px;
height: 155px;
background: url(images/post-thumb-bg.jpg) top left no-repeat;
border: 1px solid #876551;
overflow: hidden;
margin-right: 15px;
display: inline;
}
.bits h3 {
font-size: 18px;
color: #111;
line-height: 100%;
font-weight: normal;
}
.bits h3 a {
color: #727C9f;
}
.excerpt {
padding: 10px 0;
}
.bits .postmeta {
font-size: 11px;
}

.postaction {
height: 1%;
}

.comment-num a {
padding-left: 20px;
background: url(images/comment-icon.png) left no-repeat;
}
	
.module {
margin-bottom: 20px;
}
.sectitle {
font-size: 18px;
font-weight: normal;
color: #111;
text-transform: lowercase;/* text-align:right; */
}
.subtitle {/* text-align:right; */font-style:italic;
}

#twitter {
position: relative;/* padding-top:15px; */
}
#twitbox {
background: #876551 url(images/balloontop.png) top left no-repeat;
color: #fff;
padding: 28px 10px 10px 10px;
height: 1%;
}
#twitbox a {
color: #edd69f;
background-color: transparent;
}
#twitbox  p {
padding: 5px 0 5px;
}
#twavatar {
width: 80px;
height: 50px;
position: absolute;
top: 0;
right: 0;/* background:url(images/balloontail.png) bottom left no-repeat; */
}
#twavatar img {
float: right;
margin-top: 5px;
padding: 2px;
border: 1px solid #876551;
}

/* #categories {
border-bottom: 1px solid  #cdc0b7;
}
*/
#categories ul {
height: 1%;
margin-top: 10px;
border-top: 1px solid  #cdc0b7;
border-bottom: 0;
}
#categories ul li {
float: left;
width: 120px;
padding: 3px 0;
border-top: 0;
border-bottom: 1px solid  #cdc0b7;
}

.module ul,
.postlist {
margin-top: 15px;
border-bottom: 1px solid #cdc0b7;
}
.module li,
.postlist li {
border-top: 1px solid #cdc0b7;
padding: 3px 0;
line-height: 135%;
}
.postlist li small {
font-size: 10px;
text-transform: uppercase;
display: block;
clear: both;
}
.module ul li ul {
border-top: none;
border-bottom: none;
margin-top: 2px;
}
.module ul li ul li {
padding-left: 15px;
border-top: 1px solid #cdc0b7;
border-bottom: none;
background: url(images/xbullet.png) 0 7px no-repeat;
}

.module table, .module table {
width: 100%;
border-top: 1px solid #cdc0b7;
border-right: 1px solid #cdc0b7;
margin-bottom: 10px;
}
.module table caption, .module table caption {
padding: 10px 0;
font-weight: bold;
color: #111;
text-align: left;
}
.module table td, .module table th, .module table td, .module table th {
padding: 5px;
border-bottom: 1px solid #cdc0b7;
border-left: 1px solid #cdc0b7;
}

p.tagcloud {
margin-top: 10px;
padding: 10px 0;
line-height: 230%;
border-top: 1px solid  #cdc0b7;
border-bottom: 1px solid  #cdc0b7;
}

#about {
clear: both;
margin-top: 30px;
background: #edd69f;
}
#about .alignleft {
padding: 15px;
width: 180px;
background-color: #f5e9c9;
margin-right: 15px;
}
#about .def {
padding: 15px;
}
#about .def img {
float: left;
padding: 2px;
border: 1px solid #876551;
margin-right: 10px;
}

#commentaries {
clear: both;
border-top: 1px solid #87a9d3;
padding: 15px 0 0;
height: 1%;
position: relative;
min-height: 400px;
height: auto !important;
height: 400px;
}
ol.commentlist {
float: left;
width: 580px;
margin-top: 15px;
border-bottom: 5px solid #faf3e2;
}

ol.commentlist li {
clear: both;
padding-bottom: 10px;
min-height: 90px;
height: auto !important;
height: 90px;
}
.comment-info {
font-size: 11px;
background: #faf3e2;
padding: 5px 10px;
height: 1%;
}
.comment-body {
position: relative;
}
.comment-body p {
padding: 10px 0 5px 50px;
}
.gravatar {
position: absolute;
top: 10px;
left: 0;
padding: 2px;
border: 1px solid #876551;
}
li.astyle .comment-info {
background: #876551;
color: #fff;
}
li.astyle .comment-info a {
color: #edd69f;
background-color: transparent;
}
#trackbacks {
clear: both;
padding: 20px 0;
width: 580px;
}
ol.trackbacks {
padding: 10px 0 0;
}
ol.trackbacks li {
background: url(images/xbullet.png) 0 7px no-repeat;
padding-left: 15px;
}

#commentarea {
position: absolute;
top: 10px;
right: 0;
width: 360px;
background: #87a9d3;
display: inline;
}
#commentarea form {
padding: 20px;
}
textarea#comment {
width: 306px;
padding: 5px;
}
#commentform p {
clear: both;
padding: 5px 0;
}
#commentform label {
float: left;
width: 150px;
color: #fff;
background-color: transparent;
}
#commentform input {
float: right;
}
.wp-caption-text {
font-size: 0.8em; 
line-height: 1.2em; 
margin: 2px 0 5px; 
padding:5px 0 5px 3px !important; 
border-left: 1px solid rgb(0, 0, 0);
}
/* pre.code {
margin: 0 0 20px;
padding: 0 10px;
font-family: "Courier New", Courier, mono, serif;
font-size: 12px;
border: 1px solid #cdc0b7;
color: #222;
background: #eee url(images/codebg.png) top left scroll;
overflow: auto;
line-height: 167%;
}
 */
.wrapper:after,
.postaction:after,
.comment-info:after,
.module:after,
.postbody:after,
.bits:after,
.navigation:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}