/* CSS Document 
## Colour Glossery ##
	# light grey/blue (header border) - #414447
	# rich blue (header background) - #32363C
*/
* { padding:0; margin:0; }

body { margin:0; padding:0; font-family:"Trebuchet MS", Tahoma, Arial; font-size:80%; 
		background:url(/images/layout_tile.gif) top left repeat; text-align:center; color:#DDDDDD }

/******************* site globals ************************/
h1, h2, h3, h4, h5 { color:#FFFFFF; }

a { color:#999999; text-decoration:none }
a:visited { color:#999999; text-decoration:none }
a:hover { color:#FFF; }

form { margin:0; padding:0; }
input[type=text], input[type=password], textarea, select { font-family:"Trebuchet MS", Tahoma, Arial; font-size:100%; color:#32363C; background-color:#CCCCCC; border:1px solid #FFF; padding:2px 3px; width:95%; }
input[type=submit] { background-color:#32363c; border:1px solid #555555; padding:5px 15px; color:#FFFFFF; cursor:pointer }
textarea { height:150px }

a img { border:0; }

p { margin-bottom: 10px; }
pre { width:100%; overflow:scroll; overflow-y:hidden; padding-bottom:15px }
/******************* / site globals ************************/


/******************* site structure top and main ************************/
#container { width:100%; background:url(/images/layout_top.jpg) top left repeat-x; padding-top:19px; text-align:center }
#top { border:1px solid #414447; border-left:0px; border-right:0px; background-color:#32363c; padding:15px 0px; text-align:center }
#top .content_780 a { float:left; }
#top ul { list-style-type:none; float:right; margin:20px 0px 0px; padding:0; }
#top ul li { float:left; }
#top ul li a { display:block; text-align:center; margin-left:30px !important; margin-left:20px; }
#top ul li a:hover { border-bottom:1px solid #FFFFFF; }
#top ul li a.active_page {  border-bottom:1px solid #FFFFFF; }
.content_780 { width:778px; margin:0 auto 40px; text-align:left; }

#container > .content_780 a { border-bottom:1px dotted #FFFFFF; }
#container > .content_780 a:hover { border-bottom:1px dotted #FFFFFF; }

#container .content_780 #main_content { margin-right:250px; margin-top:30px; padding-left:5px; }
#container .content_780 #main_content h2 { margin:0px 0px 1px }
#container .content_780 #main_content h5 { margin:0px 0px 15px; color:#999999; font-weight:normal }
/******************* / site structure top and main  ************************/

.work_site_container { border:1px solid #555555; padding:5px; margin-bottom:10px }
.work_site_snapshot { float:left; border:1px solid #555555; padding:1x; margin:2px }
.work_site_snapshot a { border:0px; }
.work_site_snapshot a:hover { border:0px; }
.work_site_details { margin-left:85px; }
.work_site_details h3 { margin:0px 0px 5px; padding:0px }

/******************* site comments ************************/
.comments { margin:10px 0px 10px; padding-bottom:5px; border-bottom:1px dotted #555 }
.comments .openQuote, .comments .title, .comments .closeQuote { float:left; color:#777777 }
.comments .openQuote, .comments .closeQuote { font-size:250%; color:#222222; }
.comments .title { font-size:180%; padding-top:10px; }
.commentlist { margin-top: 10px; list-style-type: none }
.commentlist li { border:1px solid #555; padding:4px 7px; margin-bottom:5px; position:relative; }
.commentlist li div.comment-author { overflow: auto; height: 100%; margin-bottom: 3px;}
.commentlist li div.comment-author img { float: left; margin-right: 10px; }
.commentlist li div.comment-author cite { line-height: 30px; }
.commentlist li div.comment-author span { display: none; }
.commentlist li div.comment-meta { margin-bottom: 5px; }
#respond h3 { margin: 15px 0px 7px; }

ul.commentlist { margin-top: 10px; }
ul.commentlist li { list-style-type: none; }
.user_comment { border:1px solid #555; padding:4px 7px; margin-bottom:5px; position:relative; }
.user_comment:hover { background-color:#32363C; }
.user_comment_details { border-bottom:1px dotted #555; padding-bottom:5px; margin-bottom:3px; }
.user_comment_details span { display: block; margin: 3px 0px 5px 0px; color:#999999; font-size:80%; }
.user_comment_thread_reply { float:right; display:none } /* show when i get threading working */

.reason_comment { background-color:#32363C; border-color:#999999; }
.reason_comment .user_comment_details { border-color:#666666; }
.reason_comment .user_comment_details a { color:#DD6600; }

.user_comment_delete { position:absolute; top:2px; right:1px; }
.user_comment_delete a { padding:0px 3px; border:1px solid #999999; background-color:#444; color:#DD6600; }

.post_comment { margin-top:10px; }
.post_comment .title { font-size:130%; margin-bottom:5px; }
.post_comment .title a { color:#FFF; border:0px; }
.table_row { clear:left; padding:7px; float:left; border-bottom:1px dotted #444; font-size:90%; }
.table_row .table_cell { float:left; }
.table_row .table_cell:first-child { width:100px; }
.post_comment input[type=text], .post_comment textarea { width:300px; }
.post_comment textarea { height:150px; }
.form_submit { clear:left; padding:7px; cursor:pointer; float:left; margin-left:100px }
/******************* / site comments ************************/

/******************* right side ************************/
.right_side { float:right; width:225px; margin-top:0px !important; margin-top:30px; margin-right:5px; }
.right_side div { margin-bottom:20px; border:1px solid #414447; }
.right_side div h4 { margin:0px 0px 3px; padding:2px 5px; border-bottom:1px solid #414447;
						font-weight:normal; background-color:#32363c; position:relative; }
.right_side div h4 img { position:absolute; top:3px; right:3px; }

.right_side div span { margin:3px }

.right_side dl { margin:6px; }
.right_side dl dt { margin-bottom:4px; }
.right_side dl dt:hover { background-color:#32363C; }
.right_side dl dt a { margin-left:2px; }
.right_side img { border:1px solid #55585a; vertical-align:middle; margin-right:5px; }
/******************* / right side ************************/