/*

Site: The Writing Workshop
Site URI: W.com
Design: None
Build: David Stagg
Description: A custom theme for The Writing Workshop

*/


html, body, , span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	}
	
a img { border: none; }
a { outline: none; }

body, html {
	font: 14px/1.6em Georgia, "Times New Roman", Times, serif;
	color: #817d87;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin-bottom: 10px; letter-spacing: -.04em; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000; background: #faec00; }

h1 { font-size: 30px; line-height: 32px; }
h2 { font-size: 24px; line-height: 26px; }
h3 { font-size: 18px; line-height: 20px; }

p { margin-bottom: 8px; }

a { color: #666;  }
a:hover { text-decoration: none; }
a:active { }
a:visited { }


/* STRUCTURE */

#header-title { width: 100%; background: #333; color: #fff; text-align: center; }
#header-title p { padding: 6px 0; margin: 0; }
#header-title p a { color: #fff; text-decoration: none; text-shadow: 0 1px 0 #000; }

#content {
	margin: 0 auto;
	width: 1000px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	#header h2, #header p { display: none; }

#left-column {
	width: 162px;
	float: left;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
	#logo { float: right; }
		
#left-column .address {
	text-align: center;
	}

.links {
	text-align: center;
	}

.links a {
	display: block;
	margin-top: 30px;
	}

#right-column {
	width: 800px;
	float: right;
	}
	#rotator { display: block; width: 1000px; height: 344px; overflow: hidden; margin-bottom: 20px; }

.sub #rotator { height: 189px; border-bottom: 1px solid #ccc; }

	#middle { float: left; width: 522px; }
	#right { 
		float: right;
		width: 258px;
		padding-top: 20px;
		}
	#right h3 { color: #999; }
		.sub #right { padding: 0; width: 228px; margin-right: 20px; }
	
	
	#news {
		width: 480px;
		padding: 20px;
		border: 1px solid #ccc;
		background: #fff url(/themes/workshop/media/images/news-bg.png) repeat-x bottom left;
		margin-bottom: 20px;
		}
		.news-item { border-bottom: 1px solid #999; margin-bottom: 20px; padding-bottom: 20px; }
	#news h3 a:hover { background: #faec00; }
	
#footer {
	clear: both;
	text-align: center;
	padding: 10px;
	}


/* MISC TRON STYLES */

.help-text { font-size: 90%; background: #FFC; border: 1px solid #FF9; }
.manage-module-table { margin-top: 20px; }
.manage-module-table ul { margin: 10px 0; }
.visual-tab, .html-tab { display: inline; cursor: pointer; background: #cbcbcb; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; padding: 4px; margin-right: 5px; }
.forms input { width: 98%; margin-bottom: 6px; }
.signin-form td { padding-bottom: 10px; padding-left: 6px; }
li { list-style-type: inherit; }
.detail-admin p, .photos-admin p { margin: 0; text-align: center; }
.traverse { margin-bottom: 10px; }
.photos-gallery { margin-bottom: 20px; }
.photos-thumbnail { border: 1px solid #ccc; }

strong { font-weight: bold; }
em { font-style: oblique; }

.clear { clear: both; }