/*
Theme Name: Hinton
Theme Author: Fensons
Description: Clean and easy customizable theme Hinton by <a href="http://www.fensons.com">Fensons</a>. 
*/

@import url("/wp-content/themes/fensons/fensons_reset.css");
@import url("/wp-content/themes/fensons/fensons_columns.css");

/* =========  	GENERAL
========================================= */	

body  { color: #333; font: 90%/120% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body#home { background: none; }

a { color: #4c6e96; outline: none; }
a:hover { color: #000033; }
p { margin: 0 0 7px 0; }
ul, ol { margin-bottom: 20px; }
hr { clear: both; height: 1px; margin: 20px 0; background: #dedede; border: none; }
em { font-style: italic; }
blockquote { margin: 0 0 0 10px; padding: 0 0 0 10px;  }
fieldset { margin: 0 0 20px 0; padding: 0 20px 20px 20px; background: #f7f7f7; border: none; }
legend { font-size: 14px; font-weight: bold; }
xinput, textarea { width: 90%; height: 22px; margin: 0 0 20px 0; padding: 6px 6px 0 6px; background: #fff url("img/bg-form-text.gif") repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; font-size: 11px; }
textarea { width: 90%; height: 100px; }
select { width: auto; margin: 0 0 20px 0; padding: 6px; background: #fff; border: 1px solid #dadada; color: #5e5e5e; font-size: 11px; }
input.radio, input.checkbox { width: auto; height: auto; margin: 0; background: #fff; }
input.password { width: auto; }
xinput.button { width: auto; height: 30px; margin: 0; padding: 0 20px; background: #6e7073; border: none; color: #fff; }
table { width: 100%; margin: 0 0 20px 0; xborder: 1px solid #dadada; border-bottom: none; border-right: none; }
th, td { padding: 2px 5px; border-bottom: 1px solid #dadada; }
th { background: #6e7073; color: #fff; border: none; }
pre { font-family: Courier, serif; }
strong { font-weight: bold; }
h1 { font: 1.6em/1.2em Georgia, "Times New Roman", Times, serif; }
h2 { font: 1.4em/1.2em Georgia, "Times New Roman", Times, serif; }
h3 { font: 1.3em/1.2em Georgia, "Times New Roman", Times, serif; }
h4 { font: 1.1em/1.2em Georgia, "Times New Roman", Times, serif; }


/*=========== 	BASIC LAYOUT
========================================= */
#wrap { background: url("/gr/bg-footer.gif") 340px bottom no-repeat; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

x#wrap-top { height: 10px; background: url("/gr/bg/wrap_top.png") no-repeat; }
x#wrap-middle { background: url("/gr/bg/wrap_middle2.png") repeat-y; }
x#wrap-bottom { height: 10px; background: url("/gr/bg/wrap_bottom.png") no-repeat; }

#page { position: relative; width: 950px; margin: 0; padding: 0; background: url("/gr/marshall-mcluhan-and-me5.jpg") right -3px no-repeat; }
#page_content { }

/* =========  	HEADER
========================================= */
#header { overflow: auto; margin: 0; padding: 0; }
#header .sociable { display: none; }

#blog-title { width: 100%; height: 200px; xbackground: url("/gr/logo.gif") right bottom no-repeat; xbackground-color: #FF9900; }   /* LOGO */
#blog-title a { display: block; width: 100%; height: 100%; text-indent: -5000px; }
#blog-description { display: none; }
.blog-opener { margin-left: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
.category-title { margin: 0 20px 20px 20px; padding: 0 0 10px 0; border-bottom: 1px solid #dedede; font-size: 14px; }

#top-nav { display: none; position: absolute; top: 220px; right: 60px; margin: 0; padding: 0; list-style: none; z-index: 1002; }
	body#home #top-nav { top: 95px; }
#top-nav a { color: #000; }
#top-nav li { float: left; margin: 0 0 0 10px; }
#top-nav li#rss { padding: 0 0 0 15px; background: url("img/rss-icon.gif") no-repeat left center; }


/* PAGE TITLES */
#header h1 { height: 193px; margin: 0; padding-left: 15px; font: 350%/90% Georgia, "Times New Roman", Times, serif; color: #ff9900; display: table-cell; vertical-align: bottom; text-shadow: 1px 1px 1px #000; }
body#home #header h1 { font-size: 350%; }
body#blog #header h1 { color: #fff; }

/* =========  	MAIN
========================================= */
#main { margin-top: 25px; }
#sidebar { padding: 10px 0 0 0; font-size: 85%; }
#sidebar #rss { padding: 0 0 0 22px; background: url("/gr/rss.gif") no-repeat left center; }
#sidebar #searchbox { display: none; }
.content { font-size: 85%; }
.content ul { margin-bottom: 20px; }
.content li { margin-left: 45px; xpadding-left: 5px; list-style: square;  }
.content .spaced { font-size: 110%; line-height: 140%; color: #000; }
.content .quote { background: url("/gr/quote_opening.gif") top left no-repeat; padding: 5px 30px 5px 40px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 25px; color: #000; }
.content .quote_credit { background: url("/gr/quote_closing.gif") top right no-repeat; padding: 35px 0 30px 0; margin: -25px 0 25px 0; font-size: 85%; line-height: 100%; color: #666; border-bottom: 1px dotted #999;  }
.content h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; line-height: 100%; margin: 0 0 15px 0; padding: 0; color: #000; }
.content h2 { font-size: 180%; }
.content h3 { font-size: 130%; line-height: 110%; padding-left: 18px; background: url("/gr/bullet_grey_square.gif") left 4px no-repeat; border-bottom: 1px solid #ccc; margin-top: 15px; }
.content h4 { font-size: 100%; margin: 20px 0 10px 0; text-transform: uppercase; font-weight: bold; }
.content h5 { font-weight: bold; margin-top: 15px; }

body#events table { width: 100%; }
body#events td { font-size: 90%; border-bottom: 1px solid #f6f6f6; }
body#events td.col1 { width: 70px; }
body#events td.col2 { width: *; }



/* =========  	LEFTSIDE
========================================= */
.leftside { text-align: right; background: url("/gr/bg-white-transparent.png"); }


/* =========  	FOOTER
========================================= */
body#publications #footer { display: none; }
#footer { display: none; margin: 15px 0 0 0; border-top: 1px dotted #ccc; padding-top: 15px; width: 200px; font-size: 75%; color: #999; }
#footer a { color: #333; text-decoration: none; color: #999; }


/* =========  	HEADINGS
========================================= */	
h1, h2 { margin: 10px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; }
h3, h4, h5, h6 { margin: 0 0 10px 0; }

h1.post-title, h3.post-title { margin: 20px 0 20px 0; font: 2.0em/1.0em Georgia, "Times New Roman", Times, serif; }
h1.post-title a, h3.post-title a { text-decoration: none; color: #000; }
h1.post-title a:hover { text-decoration: underline; }

/* =========  	BLOG
========================================= */	
/*  BOX ON LEFTSIDE */ x.post-number { color: #333; border: 1px double #ccc; border-width: 3px 0; margin: -5px 15px 5px 0; font-size: 0.95em; font-family: Arial; background-color: #f9f9f9; padding: 5px; float: left; width: 130px; xtext-align: center; }
.post-number { color: #333; margin: -10px 15px 25px 0; font-size: 0.90em; font-family: Georgia; xbackground-color: #f9f9f9; border-bottom: 1px dotted #ccc; }

/* =========  	SEARCHFORM
========================================= */	
/* #searchform .button { width: auto; height: 30px; margin: 0; padding: 0 10px; background: #4a4f54; border: none; color: #fff; }  */
#searchbox { font-weight: normal; z-index: 1500; margin: 25px 40px 0 0; }
	body#blog .leftside #searchbox { display: none; }
xbody#home #searchbox { display: none; }
#searchbox input { width: 40%; padding: 0 20px 0 0; border: 1px solid #ccc; font-size: 0.9em; color: #ccc; text-align: right; background: #fff url("/gr/search.png") right 2px no-repeat; }
#searchbox input:focus { color: #ff9900; border-color: #000; }
/*body#blog */ #searchbox input { width: 130px; xheight: 25px; xline-height: 25px; padding-left: 0; border: 1px solid #666; border-color: #ddd #666 #666 #ddd; font: 1.5em/25px Georgia, "Times New Roman", Times, serif; color: #999; font-size: 100%; padding-top: 3px; padding-bottom: 2px; }
body#blog #searchbox input:focus { color: #ff9900; border-color: #000; }
#searchbox input.button { display: none; }

/* =========  	MAIN
========================================= */
/** CONTENT */

.box-left, .post, .page { margin: 0 0 40px 20px; }
.sticky { padding: 20px; border: 1px dotted #ccc; }
.meta { clear: both; padding: 10px; background: #fff url(img/bg-meta.gif) repeat-x left top; color: #5e5e5e; font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; }
.meta-author {}
.meta-date { padding: 0 10px 0 15px; background: url(img/bg-meta-date.gif) no-repeat 0 2px; }
.meta-permalink { xdisplay: block; border-right: 1px solid #ccc; margin-right: 5px; padding-right: 5px; }
.meta-categories { padding: 0 10px 0 15px; background: url(img/bg-meta-categories.gif) no-repeat 0 2px; }
.meta-comments { display: block; padding: 0 10px 0 15px; background: url(img/bg-meta-comments.gif) no-repeat 0 2px; }
p.tags { clear: both; }
.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
h3 { margin-top: 25px; xborder-top: 1px dotted #ccc; xpadding-top: 25px;  }
body#client-home td { padding: 20px 0; text-align: center; border: 0; }
body#client-home table { border: 0 !important; }
body#client-home table a { text-decoration: none; }
#content ul { margin-left: 15px; }
#content li { list-style: disc; margin-left: 10px; }
.navigation { padding: 0 25px; }

/** SIDEBAR */
#sidebar { xoverflow: auto; }
#sidebar h3,
#sidebar h4 { font: bold 0.9em/25px Trebuchet,"Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: uppercase; background: url("/gr/bg/headings4.png"); padding-left: 35px; height: 25px; margin: 0 0 5px 0; border: 0; }
x#sidebar li { list-style: none; background: url("/gr/ring3.gif") 0 4px no-repeat; padding: 0 20px 5px 12px !important; margin-left: 10px; }
#sidebar #searchform {display: none; }
#sidebar .recent-posts { margin-bottom: 20px; }
	/* SidebarTabs  */
	#sidebar h4 { margin: 0; padding: 0; }
	#sidebar #recent-posts-3 li { margin-bottom: 7px; line-height: 120%; }
	#sidebar #recent-posts-2 li { padding-bottom: 7px; line-height: 120%; }

#sidebar .workshops { margin-bottom: 15px; } 
#sidebar .links,
#sidebar .archives,
#sidebar .categories,
#sidebar .recent-posts,
#sidebar .meta { display: none; }
#sidebar .contact-status { margin-bottom: 15px; overflow: auto; border-bottom: 1px solid #ddd; padding: 15px 0; }
#sidebar .contact-status p { font-size: 0.9em; padding: 0; margin: 0; }
#sidebar .contact-status img { float: left; margin-right: 7px; }
#sidebar .contact-status .tel-number { }
#sidebar .contact-status .name { font: bold 1em/1em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-top: 7px; }
#sidebar .contact-status .push-to-talk { margin: 10px 0; }
#sidebar .contact-status .ann-ralston { }
#sidebar .contact-status .gary-ralston { }

#sidebar .mailinglist { display: none; margin: 25px 0 35px 0; xbackground-color: #f6f6f6; padding: 0; width: 100%; }
#sidebar .mailinglist h3 { margin: 0; padding: 0; }
#sidebar .mailinglist input { font-size: 90%; color: #999; }
#sidebar .mailinglist input:focus { font-size: 90%; color: #000; }
#sidebar .mailinglist input.button { color: #fff; background-color: #F09571; border: 1px solid #D86B29; font-weight: bold; }

/* =========  	COMMENTS
========================================= */	
#commentform label { display: block; margin: 0 0 5px 0; }
#commentform input.text, #commentform textarea { width: 90%; margin: 0 0 10px 0; }
#commentform .text { height: 22px; padding: 6px 6px 0 6px; background: #fff url("img/bg-form-text.gif") repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; }
#commentform textarea { height: 150px; padding: 6px 6px 0 6px; background: #fff url("img/bg-form-text.gif") repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; }
#commentform .button { width: auto; height: 30px; margin: 0; padding: 0 20px; background: #6e7073; border: none; color: #fff; }
.commentlist .comment { height: auto; margin: 20px 0 0 0; color: #666; border-top: 1px dotted #ccc;  }
.commentlist .quote { padding: 20px 20px 0 20px; background: #4a4f54 url("img/bg-comment-quote.gif") no-repeat right top; }
.avatar { float: right; margin: 0 0 10px 20px; }
.commentlist .cite { display: block; padding: 20px 0 0 0; color: #6e7073; background: #fff url("img/bg-comment-bubble.gif") no-repeat left top; font-style: normal; }

/** COMMENTS IN WP 2.7 */

.commentlist li { margin: 0; padding: 20px 0 20px 20px; list-style: none; xbackground: #4a4f54; }
.commentlist li a { color: #999; }
.commentlist li .avatar { margin: 0 20px 10px 20px; }
.commentlist li p { margin: 0 20px 20px 0; }
.commentlist .comment-meta { margin: 0 0 20px 0; }
.commentlist .comment-author a { font-weight: bold; }
.commentlist ul.children { margin: 0; padding: 0; }
.commentlist .children li { border: 1px solid #6e7073; border-right: none; }

#cancel-comment-reply { margin: 10px 0; }
.commentlist li.depth-2, .commentlist li.depth-4 { background: #5a5a60; }


/* =========  	FOOTER
========================================= */
#footer { margin: 50px 20px 0 0; padding: 5px 25px; font-size: 0.60em; line-height: 130%; color: #ccc; width: 100%; text-align: left; }
#footer p { margin: 0 0 10px 0; }
#legal { }


/* =========  	WORDPRESS CSS
========================================= */
.aligncenter,
div.aligncenter { display: block; margin: 0 auto; }
.aligncenter { margin-bottom: 20px!important; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.wp-caption { margin-bottom: 20px; padding-top: 4px; border: 1px solid #ccc; text-align: center; background-color: #f7f7f7; }
.wp-caption img { float: none; margin: 0; padding: 0; border: none; }
.wp-caption p.wp-caption-text { padding: 0; margin: 0; }

/** WIDGETS CSS */

#calendar_wrap table { width: 100%; }
#calendar_wrap td { text-align: center; }
#wp-calendar caption { margin: 0 0 10px 0; background: #dedede; }

/* =========  	USEFUL
========================================= */	
.clear { clear: both; }

.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* =========  	SHARETHIS!
========================================= */	
#sidebar .sharethis { margin-bottom: 15px; }
.content .sharethis { margin-bottom: 10px; }
.page .sharethis { margin-top: 100px; xborder: 1px solid #000 !important; }

/* =========  	RANDOM POSTS
========================================= */	
.random-posts { clear: both; padding: 10px; background: #fff url(img/bg-meta.gif) repeat-x left top; color: #5e5e5e; font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; }
.random-posts h4 { margin: 5px 0; }
.random-posts ul { margin-bottom: 0; margin-left: 0; padding-left: 0; }
.random-posts ul li { margin-left: 15px; }