/*  
Theme Name: Happy Cyclope
Theme URI: http://designer-daily.com
Description: 2 columns, left sidebar, Widget ready, valid CSS & XHTML transitionnal 
Version: 1.0
Author: Designer daily
Author URI: http://designer-daily.com
Tags:two columns,fixed width,easy customization, widget ready, valid CSS, valid XHTML, sidebar left
*/

/* BASIC STRUCTURE */

* {margin:0;padding:0;font-family:Arial, serif;}
body,html {background:#ccc;}
div#wrapper {width:1020px;margin:0;background:#ccc;}
div#container {}
a, a:visited {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
img {border:0;}

/* HEADER */

#header {background:#ccc;height:165px;}
#header img {float:left;}
#header #name img {padding:40px 20px 20px;float:right;}

/* SIDEBAR */

#sidebar {float:left;width:300px;background-color:#ccc;}

/* CONTENT 
#content div#sidebar {position:relative;float:left;width:300px;}
*/

#content {float:right;width:720px;padding:0;background-color:#fff;}
#content.page {background-color:#ccc !important;}
#content #posts {padding:20px;}
#content .post {margin-bottom:30px;}
#content .comicposts {padding-top:40px;}
#content .comicposts .navigation {position:absolute;left:300px;top:165px;background-color:#ccc;width:720px;text-align:center;}
#content .navigation-bottom {background-color:#ccc;width:720px;text-align:center;}

#content #posts h2 {}
#content #posts h2 a {}
#content #posts .post .metadata {color:#666;font-size:85%;padding-bottom:10px;}
#content #posts .post .metadata a {text-decoration:underline;}
#content #posts .post .metadata a:hover {color:#000;text-decoration:underline;}
#content #posts .post .commentlink {float:right;margin:0 0 20px 0;}
#content #posts .post .commentlink a {font-size:90%;color:#333;}
#content #posts .post .commentlink a:hover {color:#000;text-decoration:underline;}

/*
#content #posts .post .postcontent {line-height:1.3em;color:#333;font-size:0.95em;}
#content #posts .post .postcontent p {margin:10px 0;}
#content #posts .post .postcontent ul {padding:10px 0 10px 40px;}
#content #posts .post .postcontent ol {padding:10px 0 10px 40px;list-style-type:decimal;}
#content #posts .post .postcontent ol li {list-style-type:decimal;}
#content #posts .post .postcontent img {border:1px solid #888;}
#content #posts .post .postcontent blockquote {background:#eee;border:1px dotted #ccc;padding:15px;font-style:italic;}
#content #posts .post a {color:#0C283F;}
#content #posts .post a:hover {text-decoration:none;color:#224D6F;}
#content .navigation .alignleft {float:left;}
#content .navigation .alignright {float:right;}
#content .navigation .alignleft a, #content .navigation .alignright a {text-decoration:none;color:#000;padding:8px;border:1px solid #ddd;background:#eee;}
#content .navigation .alignleft a:hover, #content .navigation .alignright a:hover {background:#ddd;border:1px solid #aaa;}
h3 #searchresults {color:#FF000A;}
*/

/* ARCHIVES */
#content .categoryposts h3 {font-size:1.2em;margin:0 0 30px 0;}
#content .categoryposts h3 a {color:#000;text-decoration:none;}
#content .categoryposts h3 a:hover {text-decoration:underline;}
#content #posts li {list-style-type:disc;margin:10px 0 0 15px;}
#content #posts li a {color:#000;text-decoration:none;}
#content #posts li a:hover {text-decoration:underline;}

/* COMMENTS */
#comments  {margin-bottom:20px;}
#comments h2 {font-size:1.2em;font-weight:normal;padding:10px 10px 10px 0;margin:10px 0 0 0;}
#comments p {margin:0 10px 10px 0;clear:both;}
#comments ul#commentlist {width:650px;list-style-type:none;}
#comments ul#commentlist li {padding:20px 10px 25px 10px;width:630px;border-bottom:1px dotted #555;list-style-type:none;margin:0;}
#comments ul#commentlist li.graybox {background:#eee;}
#comments ul#commentlist li .commentheader {width:200px;}
#comments ul#commentlist li .commentheader cite {width:200px;padding:5px 0 8px 0;font-style:normal;font-weight:bold;clear:both;}
#comments ul#commentlist li .commentheader cite a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader cite a:hover {text-decoration:underline;color:#000;}
#comments ul#commentlist li .commentheader .commentnumber {width:200px;font-size:0.8em;}
#comments ul#commentlist li .commentheader .commentnumber a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader .commentnumber a:hover {color:#000;text-decoration:underline;}
#comments ul#commentlist li .commentheader small {color:#888;font-size:0.8em;}
#comments ul#commentlist li .commenttext {float:right;width:400px;font-size:0.9em;color:#555;line-height:1.2em;padding:8px 0 0 0;}
#comments ul#commentlist li .commenttext a {color:#000;}
#comments ul#commentlist li .commenttext a:hover {text-decoration:none;}
#comments form#commentform {padding:10px 10px 30px;background:#eee;border:1px solid #ddd;width:630px;}
#comments form#commentform p {padding:5px 0;}
#comments form#commentform input {border:1px solid #ddd;margin:0 10px 0 0;}
#comments form#commentform label {font-size:0.9em;}
#comments form#commentform textarea {width:600px;border:1px solid #ddd;}
#comments form#commentform input#submit {float:right;margin:5px 25px;padding:8px 5px 5px;background:#555;color:#fff;}

/* FOOTER */

#footer {clear:both;padding:10px 10px 5px 220px;background:#ccc;}
#footer a {color:#333;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.postcontent p {font-family: Georgia, "Times New Roman", Times, serif;}
.postcontent img {margin-bottom: 12px;}

/* IMAGES 
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
*/

div#post-103 p {
display:inline;
}