/*
Theme Name: Universe
Theme URI: http://www.simplethemes.org/
Description: A simple theme for personal blogs.
Version: 0.2
Author: Simple Themes
Author URI: http://www.simplethemes.org/
*/

/* Original Design by Tristar Web Design - http://www.tristarwebdesign.co.uk/ */

/*

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

*
{
margin: 0;
padding: 0;
}

body
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #555;
background: #FFF;
padding: 0 0 15px 0;
border-top: 10px solid #3c3c3c;
}

.clear
{
clear: both;
}

a
{
color: #3c3c3c;
padding: 2px 0;
text-decoration: none;
}

a:hover
{
color: #FFF;
background: #3c3c3c;
text-decoration: none;
}

.entry a, entry a:hover, .entry img, .entry img a:hover{
border:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#container
{
margin: 0 auto;
width: 850px;
}

#headercont
{
width: 850px;
height: 100px;
}

#headercont #logo
{
float: left;
width: 300px;
height: 100px;
line-height: 100px;
font-size: 30px;
color: #333;
}

#logo h1, #logo h1 a {
font-size: 30px;
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

#logo h1 a:hover {
background:none;
}

#headercont #menu
{
float: left;
width: 550px;
height: 100px;
}

#headercont #menu ul
{
float: right;
list-style-type: none;
}

#headercont #menu ul li
{
display: inline;
}

#headercont #menu ul li a
{
float: left;
padding: 0 20px;
line-height: 40px;
margin: 31px 0 0 0;
color: #FFF;
background: #3c3c3c;
text-transform: lowercase;
text-decoration: none;
}

#headercont #menu ul li a:hover
{
line-height: 50px;
margin: 26px 0 0 0;
background: #3c3c3c;
color: #939393;
}

.topbar {
background:#3c3c3c;
height:2px;
margin:-10px 0 20px 0;
}

#quotecont
{
width: 810px;
padding: 20px;
margin: 0 0 20px 0;
color: #939393;
text-transform: lowercase;
text-align: right;
font-size: 22px;
line-height: 140%;
background: #3c3c3c;
}

#quotecont span
{
color: #FFF;
}

#maincont
{
width: 850px;
line-height: 180%;
}

#maincont p
{
margin: 0 0 15px 0;
}

#maincont p.blockquote
{
margin: 0 0 15px 20px;
padding: 0 0 0 15px;
border-left: 3px solid #3c3c3c;
}

#maincont h1, h2, h3, h4, h5, #maincont h1 a, h2 a, h3 a, h4 a, h5 a
{
margin: 0 0 0px 0;
color: #3c3c3c;
font-size: 20px;
font-weight: normal;
}

.postdata {
font-size:10px;
padding-left:5px;
margin-bottom:5px;
}

.postdatacom {
font-size:12px;
padding-left:5px;
margin-bottom:5px;
text-align:right;
}

.postdatasingle {
font-size:12px;
padding-left:5px;
margin-bottom:5px;
}

#maincont img.imgright
{
float: right;
border: 1px solid #CCC;
margin: 0 0 10px 15px;
padding: 5px;
}

#maincont img.imgleft
{
float: left;
border: 1px solid #CCC;
margin: 0 15px 10px 0;
padding: 5px;
}

#maincont ul
{
margin: 0 0 15px 30px;
list-style-type: square;
color: #333;
}

#maincont ul li span
{
color: #333;
}

blockquote {
margin-left:10px;
padding-left:10px;
border-left:1px dotted #999;
}

.entry ol
{
margin: 0 0 15px 30px;
color: #333;
}

#maincont ol li span
{
color: #333;
}

#mainleft
{
float: left;
width: 500px;
margin: 0 50px 0 0;
}

h2.pagetitle {
color:#555;
margin:0 0 15px 0;
}

.posts {
overflow:hidden;
height:100%;
}

.entry {
overflow:hidden;
height:100%;
}

#maincont .entry h1 {
margin: 0 0 10px 0;
color: #3c3c3c;
font-size: 20px;
font-weight: normal;
}

.entry h2 {
font-size:18px;
margin:0 0 7px 0;
padding:0;
}

.entry h3 {
font-size:16px;
margin:0 0 7px 0;
padding:0;
}

.entry h4 {
font-size:14px;
margin:0 0 7px 0;
padding:0;
}

.navigation {
margin:0 0 15px 0;
overflow:hidden;
height:100%;
}

.alignleftt {
float:left;
width:200px;
}

.alignrightt {
float:right;
width:200px;
text-align:right;
}

#sidebar {
float: right;
width: 300px;
overflow:hidden;
height:100%;
}

.sideabout {
margin:0 0 15px 0;
padding:0;
}

.aboutphoto {
margin:0 0 0 2px;
padding:2px;
border:1px solid #f5f5f5;
width:90px;
float:right;
}

.sidebottom {
clear:both;
margin:0;
}

#sidebar ul li.sidsearch {
text-align:center;
}

#sidebar h2 {
margin:0 0 10px 0;
padding:0;
color:#555;
}

#sidebar ul {
margin:0;
padding:0;
}

#sidebar ul li {
margin:0 0 15px 0;
padding:0;
list-style:none;
}

#sidebar ul li ul{
margin:0;
padding:0;
}

#sidebar ul li ul li {
margin:0;
padding:0;
list-style:none;
}

#footercont
{
clear: both;
margin: 0 auto;
width: 850px;
color: #999;
text-align: right;
padding: 20px 0;
font-size: 11px;
border-top: 1px solid #CCC;
font-family:Arial, Helvetica, sans-serif;
}

#footercont ul
{
list-style-type: none;
}

#footercont ul li
{
display: inline;
padding: 0 5px;
border-left:1px solid #999;
}

#footercont ul li.home
{
display: inline;
padding: 0 5px;
border-left:none;
}

#footercont ul li a
{
color: #777;
background: none;
text-decoration: none;
}

#footercont ul li a:hover
{
color: #3c3c3c;
}

img.alignleft, img.left { float: left;margin-right:7px; }
img.alignright, img.right { float: right; margin-left:7px;}
img.aligncenter, img.center { margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*�:[ image captioning ]:�*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }
.alignright {float: right;}
.alignleft {float: left;}

/*********COMMENTS ******/

.comment a{
text-decoration:none;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-top:-3px;
}

.commentlist cite, .commentlist cite a {
color:#000;
}

.commentlist p {
}

#commentform p {
}

.commentmetadata {
}

.commentmetadata a{
color:#000;
font-size:10px;
padding:0;
}

.commentmetadata a:hover{
color:#000;
font-size:10px;
background:none;
}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}

h3#comments {
padding: 10px 0 0 0;
margin: 0px 0 10px 0px;
font-size:18px;
}

#respond {
margin:0 0px 0 0px;
padding:0 0 0 0px;
font-size:18px;
}

h3.respond {
padding: 0;
margin: 0px 0 10px 0px;
font-size:18px;
border-top:none;
}

#respond h3{
padding: 10px 0 0 0;
margin: 0px 10px 10px 0px;
font-size:18px;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
margin:0;
}

.commentlist li {
margin: 0 10px 10px 0px;
padding:0;
list-style: none;
border-bottom:1px dotted #ccc;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
margin: 5px 0 0 0px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}


#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#commentform #submit {
margin: 0 0 5px auto;
float: right;
}

#respond small {
font-size:12px;
}
