/*  
Theme Name: A Dream To Host
Theme URI: http://www.artofblog.com/33-a-dream-to-host/
Description: Fast-loading, easy to read, 2 column theme. SEO Friendly, Widget Ready, and Threaded Comment Ready for Wordpress 2.8.4+ created in honor of Dreamhost's 10 year anniversary.
Version: 3.0
Author: Art of Blog
Author URI: http://www.artofblog.com/themes/
Tags: blue, translation-ready, right-sidebar, two-columns, fixed-width, threaded-comments, white, light

Theme last updated: Aug 27, 2009
*/

/***** General stuff *****/
body {font: normal .9em/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#E5E6E8 url(images/gradient.jpg) repeat-x;}

a:link {color : #4071d3;text-decoration:none;}
a:visited {color : #4f8edd;text-decoration:none;}
a:hover {color : #000;text-decoration:underline;}
a:active {color : #4071d3;text-decoration:none;}

h1 {margin: 0px 0px 10px 0px;padding-bottom : 1px;font : normal 1.65em Georgia, serif;}
h2 {margin : 20px 0 10px;padding-bottom : 10px;font : normal 1.65em Georgia, serif;}

h3 {color : #000;margin : 10px 0;padding-bottom : 10px;font : bold 1em Arial, Helvetica, sans-serif;}
ul {padding:0;margin:0 0 0 16px;list-style: square;}
blockquote {border-left:1px solid #EAEAEA;padding-left: 10px;}

/*** Layout ****/

#wrap {margin : 0 auto;width : 860px;background:white;border-left:1px solid #999;border-right:1px solid #999}

#header {background:transparent url(images/header.png) repeat-x; padding:10px 20px 10px 20px;border-left:1px solid #FFF;border-right:1px solid #FFF;}

#navigation {text-align:right;height:50px;padding:5px 10px 10px 10px;}
#navigation ul {list-style-type:none;padding:0;margin:0;display: inline;}
#navigation li {list-style-type:none;margin:0 20px 0 0;display: inline;}
#navigation a {text-decoration:none;color:white;font-size:1em;}
#navigation a:hover {text-decoration:none;color:white;font-size:1em;border-bottom:1px solid #FFF}


#logo {color:#000;padding-left:10px;}
#logo img {float:left;padding-right:15px;}
#logo a {color:#000;text-decoration:none;font: normal 2.4em Georgia, serif;}
#slogan {font-size:.9em;color:#a1a1a1;}

#main {margin : 0 auto;padding:10px 0px 0px 0px; clear:left;}

#left-column {width : 500px;float : left;padding-left:40px;}
#left-column ul {padding:0;margin:0 0 0 30px;}
#left-column ol {padding:0;margin:0 0 0 30px;}

.postmeta {border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#f5f5f5;padding:3px 5px;color:#777}

#right-column {width : 300px;float : right;min-height: 600px}

.footnav {padding:10px 0;}
#footer {background:#FFF url(images/footer.png) repeat-x top center;padding : 50px 40px 5px 40px;clear : both;color:#666;font-size:.8em;}

/** Images & Attachment **/

.aligncenter, div.aligncenter {display: block;margin-left: auto; margin-right: auto;} 
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;   line-height: 17px; padding: 0 4px 5px; margin: 0;}

/*** Comments ***/

#comment {width:100%;}
.alt {margin: 0;padding: 10px;}
#comments ol {list-style-type: none;line-height: 18px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 5px;}
#comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0pt;}
#left-column ol.commentlist{margin-left:0px}

.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 5px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;list-style: none;}
.commentlist li li {background:none;border:none;list-style:none;margin:3px 0 3px 20px;padding:3px 0;}
.commentlist li .avatar {border:1px solid #ccc;margin:15px 8px 6px 0;float: right;padding:2px;width:45px;height:45px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 10px 5px 10px 0;}
.commentmetadata {font-weight: normal; margin: 0;display: block; color: #999;}
.commentmetadata a, .commentmetadata a:visited {font-size:.7em; color:#999}
.commentmetadata a:hover{ color: #333333;}
#comments.parent{padding-right:5px;}
#comments.children {border:1px solid #ccc;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}

/* Legacy Comments */
ol h3  {border:none;padding-bottom:0}
#commentlist li.alt {background-color:#e9edf6}


/*** Sidebar ***/

#sidebar {padding:0px 40px 20px 20px;}
#sidebar ul {list-style-type:none;}
#sidebar ul li ul li {list-style-type:none;padding:2px;border-bottom:1px solid #EEE;}
#sidebar h2 {color:#000;background:#f9f9f9 url(images/h2.png) repeat-x top left;padding:3px 10px;border-top:1px solid #999}
#sidebar li.rss {border-bottom:none;}
#sidebar li.rss img {float:left;padding-right:10px;}