/* ----------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	3 (already?)
author:		Damien van Holten
email:		damien@reaact.net
website:	http://www.reaact.net / http://www.damienvanholten.com
---------------------------------------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

:focus
{
	outline: none;
}

body
{
	font-size: 82.5%;
	background: #e8ebda;
	font-family: arial, helvetica, verdana, sans-serif;
}

/* Generic classes
---------------------------------------------------------------------------- */

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

div.aligncenter
{
	margin: 0 auto 1.4em auto;
	width: 500px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}

.debug /* Debug */
{
	background: pink;
	border: 3px solid red;
}

/* Typography
---------------------------------------------------------------------------- */

a:link,
a:visited
{
	text-decoration: underline;
	color: #a20c0b;
}

a:hover,
a:active
{
	text-decoration: underline;
	color: #e70200;
}

a img
{
	border: none;
}

hr
{
	display: none;
}

p
{
	padding: 0 0 1.5em 0;
	line-height: 1.4em;
}

p.description
{
	padding: 1em 0 0 0;
}

p.introduction
{
	font-size: 22px;
	font-family: Georgia;
}

p.last-child
{
	padding: 0;
}

p.meta
{
	color: #999;
}

h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center; 
	font-size: 38px;
	color: #fff;
	margin: 20px 0 5px 0;
}

h5#blog_single
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
	color: #fff;
	font-size: 22px;
	margin: 5px 0 15px 0;
}

h1#blog
{
	font-size: 2.5em;
	margin: 0 0 20px 0;
	text-shadow: 1px 0 2px #000;
}

h2#logo
{
	float: left;
	display: block;
	width: 111px;
	height: 55px;
	text-indent: -999em;
}

h2#logo a:link,
h2#logo a:visited
{
	text-decoration: none;
	display: block;
	width: 111px;
	height: 55px;
	background: url(../images/logo-reaact.gif) 0 -10px no-repeat;
}

h2#logo a:hover,
h2#logo a:active
{
	background: url(../images/logo-reaact.gif) 0 -4px no-repeat;
}

h3
{
	color: #666;
	font-size: 2em;
	line-height: 1.3em;
	font-weight: normal;
}

span.amp
{
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	color: #d1d7b5;
}

.note
{
	border: 1px solid #bbb;
	padding: 7px;
	font-size: 11px;
	line-height: 19px;
	margin: 0 0 15px 0;
}

/* Lists
------------------------------------------------------------------------------------------------- */

ul, ol
{
	list-style: none;
}

/* Content
------------------------------------------------------------------------------------------------- */

.wrapper
{
	overflow: hidden;
	margin: 0 auto;
	width: 924px;
	position: relative;
}

.altwrapper
{
	margin: 0 auto;
	width: 924px;
	position: relative;
}

ul#menu
{
	float: right;
	padding: 1em 0 0 0;
}

ul#menu li
{
	display: inline;
	margin-left: 1em;
}

ul#menu li a:link,
ul#menu li a:visited
{
	color: #99abb0;
	font-size: 13px;
	text-decoration: none;
}

ul#menu li a:hover,
ul#menu li a:active,
ul#menu li a.current:link,
ul#menu li a.current:visited,
ul#menu li a.current:hover,
ul#menu li a.current:active
{
	color: #fff;
	text-decoration: none;
}

.cblock,
.projects,
.pbrowse
{
	margin: 0 0 1.7em 0;
	padding: 0 0 1.7em 0;
	border-bottom: 1px solid #d3d3d3;
}

.cblock
{
	width: 924px;
	overflow: hidden;
}

.cblock_work
{
	margin: 0 0 1.7em 0;
	padding: 0 0 1.7em 0;
	border-bottom: 1px solid #d3d3d3;
}

.cblock_work p
{
	font-size: 11px;
}

.content_work
{
	border: 5px solid #ebebeb;
	margin-bottom: 10px;
}

ul.thumb_list li
{
	float: left;
	margin-right: 10px;
	border: 5px solid #ebebeb;
	padding: 0;
}

.link_overview
{
	text-align: justify;
}

.link_overview a:link,
.link_overview a:visited
{
	font-size: 22px;
	background: #ebebeb;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;
	text-decoration: none;
	padding: 2px 2px;
	line-height: 40px;
}

.link_overview a:visited
{
	color: #999;
}

.link_overview a:hover,
.link_overview a:active
{
	color: #333;
}

/* Work
------------------------------------------------------------------------------------------------- */

.work_list
{
	width: 150px;
	float: left;
}

.work_item
{
	width: 744px
	float: right;
}

/* Content blocks
------------------------------------------------------------------------------------------------- */

.lcol,
.ccol,
.rcol
{
	width: 288px;
	float: left;
}

.lcol,
.ccol
{
	margin: 0 30px 0 0;
}

.lcol_wide
{
	float: right;
	width: 606px;
}

.item img
{
	border: 10px solid #d3d3d3;
}

.item img:hover
{
	border: 10px solid #b3b3b3;
}

.item h3
{
	font-size: 1em;
	margin: 0.9em 0 0.4em 0;
}

.item p
{
	font-size: 0.9em;
	color: #999;
}

/* Projects (old)
------------------------------------------------------------------------------------------------- */

.projects ul
{
	margin: 0 0 0 288px;
}

.projects ul li
{
	width: 288px;
	float: left;
	border-bottom: 1px solid #d3d3d3;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 30px;
}

.projects ul li a:link,
.projects ul li a:visited
{
	text-decoration: none;
}

ul#projects-overview
{
	border-bottom: 1px solid #d3d3d3;
}

ul#projects-overview li
{
	position: relative;
	padding: 0.8em 0;
	border-top: 1px solid #d3d3d3;
	color: #666;
}

ul#projects-overview li a:link,
ul#projects-overview li a:visited
{
	padding-right: 1em;
	width: 380px;
	text-decoration: underline;
	color: #e10000;
}

ul#projects-overview li a:hover,
ul#projects-overview li a:active
{
	text-decoration: none;
}

ul#projects-overview li span
{
	position: absolute;
	top: 0.8em;
	left: 400px;
}

/* Projects
------------------------------------------------------------------------------------------------- */

.project
{
	float: left;
	width: 450px;
}

.project.alt
{
	float: right;
}

.project h4
{
	font-size: 16px;
	padding: 0 0 2px 0;
}

.project p
{
	font-size: 11px;
	color: #444;
}

/* Footer
------------------------------------------------------------------------------------------------- */

#footer
{
	background: url(../images/bg-footer.jpg) 50% 0 repeat-x;
	padding: 30px 0 45px 0;
}

#footer p
{
	float: left;
	font-size: 0.85em;
	color: #0b2021;
}

#footer p a:link,
#footer p a:visited
{
	color: #0c4452;
	text-decoration: none;
	border-bottom: 1px dotted #7d806e;
}

#footer p a:hover,
#footer p a:active
{
	color: #052b34;
	text-decoration: none;
	border-bottom: 1px dotted #484a3f;	
}

#footer p.feed
{
	float: right;
	padding-left: 18px;
	background: url(../images/blog/bullet_feed.png) 0 0 no-repeat;
}

/* Section: Logotypes
------------------------------------------------------------------------------------------------- */

img.logo-image
{
	float: left;
	border: 10px solid #f9f9f9;
	margin: 0 57px 57px 0;
}

img.logo-image.last-child
{
	margin: 0 0 57px 0;
}

/* Section: Various directory
------------------------------------------------------------------------------------------------- */

table#various
{
	width: 924px;
	margin: 1.2em 0 0.8em 0;
}

table#various th
{
	background: #fbfbfb;
	padding: 0.5em 0.2em;
	text-align: left;
}

table#various td
{
	padding: 0.5em 0.2em;
	border-top: 1px solid #d3d3d3;
}

table#various tr:hover
{
	background: #fbfbfb;
}

.newfile
{
	background: url(../images/new.png) 100% 0 no-repeat;
	padding-right: 30px;
}

/* Blog header
------------------------------------------------------------------------------------------------- */

#bloghome
{
	width: 924px;
}

p.metasingle
{
	font-weight: normal;
	color: #ccc;
	font-size: 11px;
	text-align: center;
	padding: 0 0 20px 0;
}

p.metasingle a:link,
p.metasingle a:visited
{
	color: #fff;
}

/* Blog posts
------------------------------------------------------------------------------------------------- */

.post-homepage
{
	margin-bottom: 1.5em;
	float: right;
	width: 445px;
	border-bottom: 1px dotted #d1d7b5;
}

.post-homepage.first
{
	float: left;
}

.post-homepage h2
{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 0.5em;
}

.post-homepage h2 a:link,
.post-homepage h2 a:visited
{
	font-family: Georgia;
	color: #4a4d3f;
	text-decoration: underline;
}

.post-homepage h2 a:hover,
.post-homepage h2 a:active
{
	color: #1f201a;
	text-decoration: underline;
}


.navigation
{
	clear: both;
}

code
{
	margin: 0 0 3px 0;
	padding: 6px 10px;
	background: #222;
	color: #fff;
	font-size: 12px;
	display: block;
	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

span.code
{
	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	background: #222;
	color: #fff;
	padding: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.metabox
{
	float: left;
	width: 300px;
	margin-right: 12px;
}

.metabox.last-child
{
	margin: 0;
}

.metabox h3
{
	font-size: 1em;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
}

.metabox ul li
{
	color: #bbb;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

p.date
{
	color: #aaa;
	padding-bottom: 0.5em;
}

img.style_image
{
	display: block;
	width: 500px;
	margin: 0 auto;
}

.post_logo
{
	float: right;
	margin: 0 0 0px 10px;
}

/* Blog posts (metadata)
------------------------------------------------------------------------------------------------- */

p.postmetadata
{
	color: #777;
	font-size: 0.85em;
	text-align: center;
}

p.postmetadata a:link,
p.postmetadata a:visited
{
	color: #555;
}

/* .postmetadata a:link,
.postmetadata a:visited,
.metasingle a:link,
.metasingle a:visited
{
	background: #ebebeb;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #777;
	text-decoration: none;
	padding: 1px 2px;
}

.postmetadata a:hover,
.postmetadata a:active,
.metasingle a:hover,
.metasingle a:active
{
	color: #333;
} */


/* Blog posts (single)
------------------------------------------------------------------------------------------------- */

.post
{
	margin-bottom: 20px;
	float: left;
	width: 620px;
}

/* .post
{
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px 15px 0 15px;
	margin-bottom: 2em;
	float: left;
	width: 620px;
} */

.meta_contentsingle
{
	width: 240px;
	float: right;
}

h2#comments,
h4#respond
{
	font-weight: normal;
	color: #333;
	font-size: 1.3em;
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #ddd;
}

.meta_contentsingle p,
.meta_contentsingle ul li,
.meta_contentsingle h5
{
	font-size: 0.85em;
}

.meta_contentsingle img
{
	margin-bottom: 4px;
}

.meta_contentsingle ul
{
	margin: 6px 0 1.4em 0;
	border-top: 1px solid #ddd;
}

.meta_contentsingle ul li
{
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
}

.meta_contentsingle ul li a:link,
.meta_contentsingle ul li a:visited
{
	text-decoration: none;
}
/* Blog posts (single / comments)
------------------------------------------------------------------------------------------------- */

#commentform p
{
	padding-bottom: 1em;
}

#commentform .comment-info
{
	font-size: 0.85em;
	float: left;
	width: 160px;
}

#commentform .comment-create
{
	float: right;
}

#commentform input.normal
{
	padding: 3px 2px;
	width: 419px;
	font-size: 1em;
}

#commentform label
{
	font-size: 0.85em;
	color: #333;
	display: block;
	margin: 0 0 2px 0;
}

.post em
{
	font-family: georgia, times, serif;
}

.commentmetadata
{
	background: url(../images/blog/icon-comment.gif) 0 2px no-repeat;
	padding-left: 21px;
	font-size: 0.85em;
	float: left;
}

ul.commentlist .commentmetadata.author_comment a:link,
ul.commentlist .commentmetadata.author_comment a:visited
{
	color: #e10000;
}

.commentmetadata span
{
	color: #999;
}

.comment_text
{
	width: 400px;
	border: 1px solid #bbb;
	padding: 15px 15px 0 15px;
	margin: 0 0 18px 0;
	float: right;
}

.comment_text.author_comment
{
	border: 1px solid #999;
}

.comment_text p
{
	padding-bottom: 15px;
}

#respond
{
	clear: both;
}

.add-box
{
	width: 180px;
	margin: 0 auto 5px auto;
	text-align: center;
}

.add-box img
{
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
}

.add-box p
{
	color: #666;
}

.add-box p a
{
	color: #333;
	display: block;
}

blockquote
{
	font-size: 13px;
	line-height: 1.4em;
	padding: 0 15px 0 15px;
	margin: 0 0 15px 15px;
	border-left: 1px solid #ccc;
}

.content_image_caption
{
	width: 500px;
	margin: 0 auto 5px auto;
}

.content_image_caption a:link,
.content_image_caption a:visited,
.content_image_caption a:hover,
.content_image_caption a:active
{
	border: none;
}

.caption a:link,
.caption a:visited
{
	border: none;
	text-decoration: underline;
	color: #666;
}

.caption a:hover,
.caption a:active
{
	color: #222;
	text-decoration: underline;
}

p.caption
{
	font-size: 11px;
	text-align: center;
	color: #666;
}

p.code_caption
{
	font-size: 11px;
	color: #333;
	padding: 0 0 0 0;
}

ul#word_list
{
	margin-bottom: 1em;
}

ul#word_list li
{
	float: left;
	display: block;
	width: 100px;
}

ul#archive_overview
{
	border-top: 1px solid #ccc;
}

ul#archive_overview li
{
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
	width: 50%;
}

.dp-highlighter
{
	margin: 0 0 15px 0;
}

.email_content
{
	padding: 20px 20px 5px 20px;
	margin: 0 0 20px 0;
	border: 1px solid #757575;
	border-bottom: 3px solid #757575;
}

.email_content p,
.email_content a,
.email_content strong
{
	font-family: times, georgia, sans-serif;
	font-size: 14px;
}

#header
{
	background: url(../images/bg-header.jpg) 50% 0 repeat-x #12181a;
}

#toolbox
{
	overflow: hidden;
	width: 924px;
}

#current_events
{
	padding: 14px 0;
	background: url(../images/bg-footer.jpg) 50% 0 repeat-x #e8ebda;
}

#current_events p
{
	float: left;
	color: #8e966a;
	padding: 0;
	font-weight: normal;
	width: 170px;
	position: relative;
	font-size: 11px;
}

#current_events p a:link,
#current_events p a:visited
{
	color: #8e966a;
}

#current_events p a:hover,
#current_events p a:active
{
	color: #666c4c;
}

#current_events span.twitter_icon
{
	position: absolute;
	top: -8px;
	left: 105px;
	display: block;
	height: 42px;
	width: 49px;
	background: url(../images/icon_twitter.png) 0 0 no-repeat;
}

#current_events p.tweet
{
	float: left;
	color: #0b2021;
}

#current_events p.tweet span
{
	color: #40504f;
	width: 730px;
}

#content
{
	padding: 25px 0;
	background: url(../images/bg-body.gif) 0 50% repeat #fff;
}

/* Blog homepage
--------------------------------------------------------------------------------------------------*/

.homepage_post
{
	
}

.homepage_post h2
{
	float: left;
	padding: 0 0 10px 0;
}

.homepage_post h2 a:link,
.homepage_post h2 a:visited
{
	font-family: Georgia;
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #12171a;
}

.homepage_post h2 a:hover,
.homepage_post h2 a:active
{
	color: #a20c0b;
	text-decoration: underline;
}


.homepage_post .post_date
{
	font-family: Georgia;
	float: right;
	font-size: 26px;
	color: #9da2a2;
}

.homepage_post .post_date span
{
	color: #c2c5c5;
	font-size: 12px;
	font-family: Georgia;
}

.homepage_post .post_date strong
{
	color: #868888;
	font-weight: normal;
	font-family: Georgia;
}

.homepage_post .post_excerpt
{
	clear: both;
	margin: 8px 0;
	padding: 8px 0;
	border-top: 1px dotted #d1d7b5;
	border-bottom: 1px dotted #d1d7b5;
}

.homepage_post .post_excerpt p
{
	font-size: 16px;
	font-family: georgia;
}

.homepage_post .post_metadata
{
	padding: 0 0 8px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #d1d7b5;
	font-size: 11px;
}

.homepage_post .post_excerpt p
{
	padding: 0;
	color: #515151;
}

/* New single post page
--------------------------------------------------------------------------------------------------*/

.article
{
	width: 740px;
	margin: 0 auto;
}

.article p
{
	font-size: 14px;
	line-height: 21px;
}

.article p:first-child
{
	font-size: 16px;
	font-family: georgia;
}

.article div p:first-child
{
	font-weight: arial;
	font-size: 14px;
}

/* Blog homepage (v03)
--------------------------------------------------------------------------------------------------*/

#bloghomenew ul
{
	margin: -10px 0 0 0;
	padding: 0;
	/* border-top: 1px solid #ccc; */
}

#bloghomenew ul li
{
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	width: 924px;
	overflow: hidden;
}

#bloghomenew ul li span.date
{
	width: 125px;
	display: block;
	color: #c4beaf;
}

#bloghomenew ul li h2
{
	float: left;
	display: block;
	width: 410px;
}

#bloghomenew ul li span.cats,
#content .postnew .list_category
{
	float: left;
}

#bloghomenew ul li span.cats a:link,
#bloghomenew ul li span.cats a:visited,
#content .postnew .list_category a:link,
#content .postnew .list_category a:visited
{
	background: #a5aaab;
	font-size: 11px;
	color: #fff;
	font-family: arial, verdana, heltvetica, sans-serif;
	padding: 3px 5px;
	margin: 0 4px 0 0;
	border-bottom: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#bloghomenew ul li span.cats a:hover,
#bloghomenew ul li span.cats a:active,
#content .postnew .list_category a:hover,
#content .postnew .list_category a:active
{
	background: #656a6b;
	text-decoration: none;
	border-bottom: none;
}

#bloghomenew ul li span.date,
#bloghomenew ul li a
{
	float: left;
	font-size: 16px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

#bloghomenew ul li span.comments,
span.comments
{
	float: right;
}

#content .postnew span.comments
{
	margin: 15px 0 0 0;
}

#bloghomenew ul li span.comments a:link,
#bloghomenew ul li span.comments a:visited,
span.comments a:link,
span.comments a:visited
{
	background: #fff;
	font-size: 11px;
	color: #888;
	border: 1px solid #bbb;
	font-family: arial, verdana, heltvetica, sans-serif;
	padding: 3px 5px;
	margin: 0 4px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#bloghomenew ul li span.comments a:hover,
#bloghomenew ul li span.comments a:active,
span.comments a:hover,
span.comments a:active
{
	background: #eee;
	border: 1px solid #999;
	text-decoration: none;
	color: #555;
}

#bloghomenew ul li a:link,
#bloghomenew ul li a:visited
{
	color: #666c6a;
	text-decoration: none;
}

#bloghomenew ul li a:hover,
#bloghomenew ul li a:active
{
	color: #0c4452;
	text-decoration: underline;
}

.miniheader
{
	text-align: center;
	font-size: 11px;
	margin: 0 0 8px 0;
	padding: 0;
	position: relative;
}

.miniheader span.border
{
	border-bottom: 1px solid #ccc;
	display: block;
	position: absolute;
	width: 920px;
	top: 8px;
	left: 0;
	z-index: 2
}

.miniheader span.title
{
	letter-spacing: 2px;
	font-family: Georgia;
	z-index: 10;
	position: relative;
	background: #fff;
	margin: 0 8px;
	color: #aaa;
	font-weight: bold;
	text-transform: uppercase;
}

/* Blog v03 - Single post page
--------------------------------------------------------------------------------------------------*/

.postnew h1
{
	font-weight: bold;
	color: #222;
	text-align: center;
	font-size: 30px;
	/* font-family: "helvetica neue", helvetica, arial, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	margin: 0 auto;
	width: 500px;
}

#top_meta_wrapper
{
	margin: 0 auto;
	width: 500px;
}

.postnew_metaviewer
{
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	width: 500px;
}

.postnew_metaviewer .list_category
{
	padding: 15px 0;
	width: 400px;
}

.postnew .post_content
{
	margin: 0 auto;
	width: 500px;
}

.postnew .post_excerptnew p
{
	margin: 0;
	padding: 0;
	color: #888; /* a5aaab */
	font-size: 16px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 0 0 10px 0;
	font-weight: bold;
	margin: 10px auto;
	width: 500px;
	/* new style */
	font-family:Georgia,serif;
	font-style:italic;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px;
	color: #0c4452;
	text-align: justify;
}

.postnew h4,
.postnew h3,
#comments_holder h3
{
	font-weight: bold;
	font-size: 18px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	border-bottom: 1px solid #ccc;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	color: #0c4452;
}

.postnew p
{
	color: #333;
	line-height: 23px;
}

.postnew a:link,
.postnew a:visited
{
	font-family: Georgia;
	color: #0c4452;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
}

.postnew a:hover,
.postnew a:active
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #0c4452;
}

.postnew ul
{
	margin: 0 0 15px 0;
	list-style: square;
}

.postnew ul li
{
	line-height: 24px;
	margin: 0 0 0 40px;
}

/* Blog v03 - Meta data
--------------------------------------------------------------------------------------------------*/

.postmetanew
{
	width: 500px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
}

.postmetanew p
{
	color: #777;
	line-height: 23px;
	font-family: Georgia, serif;
	font-style: italic;
}

.postmetanew p em
{
	color: #555;
	font-family: Georgia, serif;
	font-style: italic;
}

.postmetanew p a:link,
.postmetanew p a:visited
{
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
	font-family:Georgia,serif;
	font-style:italic;
	font-size: 13px;
}

.postmetanew p a:hover,
.postmetanew p a:active
{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #0c4452;
}

/* Comments v03
--------------------------------------------------------------------------------------------------*/

#comments_holder
{
	margin: 0 auto;
	width: 500px;
}

#comments_holder .single_comment
{
	border: 1px solid #d5d4d4;
	padding: 15px 15px 0 33px;
	margin: 0 0 15px 0;
	background: #fff;
	position: relative;
}

#comments_holder .single_comment p
{
	padding: 0 0 15px 0;
}

#comments_holder .single_comment p.comment_metadata
{
	font-family: georgia, times new roman, serif;
	font-style: italic;
	font-size: 12px;
	padding: 0 0 8px 0;
}

#comments_holder .single_comment p.comment_metadata span
{
	color: #606060;
	display: block;
}

#comments_holder .single_comment p.comment_metadata span.author
{
	color: #232323;
}

#comments_holder .single_comment p.comment_metadata span.author .author_link
{
	padding-left: 5px;
}

#comments_holder .gravatar
{
	position: absolute;
	top: 12px;
	left: -18px;
	background: url(http://www.reaact.net/blog/wp-content/themes/reaact/images/bg-avatar.gif) 0 0 no-repeat;
	height: 35px;
	width: 39px;
	padding: 4px 0 0 4px;
}

div#previewed-comment-header
{
	background: url(http://www.reaact.net/blog/wp-content/themes/reaact/images/flag-preview.png) 0 0 no-repeat;
	height: 54px;
	width: 54px;
	position: absolute;
	top: -1px;
	right: -1px;
	text-indent: -999em;
	display: block;
}

#create_comment p.input_collection
{
	float: left;
	width: 240px;
	padding: 0 0 4px 0;
}

#create_comment p.input_collection.alt
{
	float: right;
}

#create_comment p.input_collection input
{
	width: 235px;
	font-size: 13px;
	padding: 5px 2px;
	margin: 0 0 8px 0;
	border: 1px solid #c7c7c7;
	color: #000;
	background: #fff url(/blog/wp-content/themes/reaact/images/bg-input-normal.png) 0 0 repeat-x;
	vertical-align: middle;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#create_comment textarea
{
	width: 495px;
	height: 130px;
	font-size: 13px;
	padding: 5px 2px;
	border: 1px solid #c7c7c7;
	color: #000;
	background: #fff url(/blog/wp-content/themes/reaact/images/bg-input-normal.png) 0 0 repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#create_comment input:focus,
#create_comment textarea:focus
{
	border: 1px solid #bbb;
}