/*  
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 Optimized, Google Analytics Ready, Custom Theme Options, Featured Image Header, Custom Background, Threaded Comments, Custom Colors.
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, featured-image-header, featured-images, custom-background, custom-colors, custom-header, custom-menu, theme-options

Theme last updated: Nov 4, 2011
*/

/***** General stuff *****/
body {font: normal .9em/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#E5E6E8;}

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;}
body.single h1, body.page h1, body.home h2.posttitle{ font-size:1.65em; margin-top: 20px; border-bottom: 1px dashed #DDDDDD; padding: 0 0 7px; }
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;}

/* Post Sharing */
#left-column ul.post_sharing { list-style-type: none; overflow: hidden; margin: 0; }
ul.post_sharing { list-style-type: none; overflow: hidden; margin: 0; }
	ul.post_sharing li { float: left; }
	ul.post_sharing li.like_button { width: 85px; overflow: hidden; }
	ul.post_sharing li.linkedin_button { margin-right: 15px; }
	ul.post_sharing li.plusone_button { width: 70px; overflow: hidden; }

/*** 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: underline; color: #FFF; font-size: 1em; }
.navigation ul.menu { position: relative; list-style: none; z-index: 50; width: auto; float: right; }
.navigation ul.menu li { position: relative; float: left; }
.navigation ul.menu ul { position: absolute; visibility: hidden; list-style: none; z-index: 110; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; left: -11px; }
.navigation ul.menu ul li { clear: both; border-bottom: 1px solid #999; width: 150px; overflow: hidden; margin: 0; }
.navigation ul.menu a { display: block; padding-bottom: 16px; }
.navigation ul.menu ul a { color: #111; background: #EEE; text-decoration: none; padding: 7px 10px; width: 146px; text-align: left; }
.navigation ul.menu ul a:hover { background: #FFF; }
.navigation ul.menu ul ul { position: absolute; top: 0; }
.navigation ul.menu li:hover ul, .navigation ul.menu a:hover ul, .navigation ul.menu :hover ul :hover ul, .navigation ul.menu :hover ul :hover ul :hover ul { visibility: visible; }
.navigation ul.menu :hover ul ul, .navigation ul.menu :hover ul :hover ul ul { visibility: hidden; }

#header_image { padding-left: 19px; padding-top: 17px; }

#footer_nav { background:#FFF url(images/footer.png) repeat-x top center;padding: 37px 40px 5px 40px; clear: both;color:#666;font-size:.8em; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
	#footer_nav .navigation { height: auto; margin: 0; padding: 0; overflow: hidden; }
		#footer_nav .navigation ul { padding: 0; margin: 0; float: none; overflow: hidden; width: 100%; }
		#footer_nav .navigation ul.menu { padding: 0; margin: 0; float: none; overflow: hidden; width: 100%; }
			#footer_nav .navigation ul li { float: left; }



#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; padding-left: 18px; }

#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 { padding: 0 40px 5px 40px;clear : both;color:#666;font-size:.8em; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }

/** Images & Attachment **/

.aligncenter, div.aligncenter {display: block;margin-left: auto; margin-right: auto;} 
.alignleft {float: left;}
.alignright {float: right;}
img.wp-post-image { float: left; border: 1px solid #DDDDDD; background: #EEEEEE; padding: 7px; margin: 0px 0 10px 0px; display: block; }
.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 {font-size:1.4em; color:#000;background:#f9f9f9 url(images/h2.png) repeat-x top left;pa