RubyGems - common-interface - Versions diffs - 0.0.3 - Mend

common-interface 0.0.3

Files changed (143) hide show

data/lib/common_interface/public/common_interface/themes/simple_organization/original/style-demo.html ADDED Viewed

@@ -0,0 +1,355 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+	<meta name="description" content=""/>
+	<meta name="keywords" content="" />
+	<meta name="author" content="" />
+	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+	<title>Website Template: Simple Organization - Style Demo (demo)</title>
+</head>
+<body>
+<div id="site-wrapper">
+	<div id="header">
+		<div id="top">
+			<div class="left" id="logo">
+				<a href="index.html"><img src="img/logo.gif" alt="" /></a>
+			</div>
+			<div class="left navigation" id="main-nav">
+				<ul class="tabbed">
+					<li class="current-tab"><a href="index.html">Blog</a></li>
+					<li><a href="#">Events</a></li>
+					<li><a href="#">About</a></li>
+					<li><a href="#">Archives</a></li>
+					<li><a href="#">Join Us!</a></li>
+				</ul>
+				<div class="clearer">&nbsp;</div>
+			</div>
+			<div class="clearer">&nbsp;</div>
+		</div>
+		<div class="navigation" id="sub-nav">
+			<ul class="tabbed">
+				<li><a href="index.html">Template Info</a></li>
+				<li class="current-tab"><a href="style-demo.html">Style Demo</a></li>
+				<li><a href="comments.html">Comments</a></li>
+				<li><a href="archives.html">Archives</a></li>
+				<li><a href="no-subnavigation.html">No Subnavigation</a></li>
+				<li><a href="left-sidebar.html">Left Sidebar</a></li>
+				<li><a href="single-column.html">Single Column</a></li>
+				<li><a href="empty-page.html">Empty Page</a></li>
+			</ul>
+			<div class="clearer">&nbsp;</div>
+		</div>
+	</div>
+	<div class="main" id="main-two-columns">
+		<div class="left" id="main-content">
+			<h1>Heading 1</h1>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<h2>Heading 2</h2>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<h3>Heading 3</h3>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<h4>Heading 4</h4>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<h5>Heading 5</h5>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<h6>Heading 6</h6>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+			<div class="content-separator"></div>
+			<h2>Images in text</h2>
+			<p>Curabitur faucibus risus quis lectus. <a href="#">Donec vehicula</a>. Pellentesque nec, lectus. Nullam dictum sem. Phasellus varius. Vestibulum in felis in mauris consequat molestie</p>
+			<img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" class="alignleft" />
+			<p>Consectetur adipiscing elit. In nisi. Duis condimentum est nec augue blandit scelerisque. Phasellus varius. Vestibulum in felis in mauris consequat molestie. Sem nec pellentesque condimentum, turpis massa ultricies nisi, at molestie justo eros ac velit.</p>
+			<img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" class="alignright" />
+			<p>Curabitur euismod mi ac neque. Cras vel tortor molestie <a href="#">tortor luctus</a> facilisis. Nulla a nunc. Vivamus est. Integer ac sem quis ipsum dignissim sodales. Nam pulvinar sem eu nibh. Suspendisse non nulla et ligula bibendum facilisis. Suspendisse potenti. Vivamus leo.</p>
+			<p>Nulla lacus tortor, ornare vitae, vulputate vitae, sed quis magna. Pellentesque urna urna, bibendum non, ornare in, sollicitudin quis, est.</p>
+			<div class="clearer">&nbsp;</div>
+			<div class="content-separator"></div>
+			<h2>Form Elements</h2>
+			<form method="post" action="">
+			<div>
+				<p>
+					<label for="input-1">Textbox</label><br/>
+					<input type="text" name="input-1" id="input-1" class="text" />
+				</p>
+				<p>
+					<label for="input-2">Droplist</label><br/>
+					<select name="input-2" id="input-2">
+						<option>Option 1</option>
+						<option>Option 2</option>
+						<option>Option 3</option>
+					</select>
+				</p>
+				<p>
+					<label for="input-3">Textarea</label><br/>
+					<textarea name="input-3" id="input-3" rows="10" cols="90"></textarea>
+				</p>
+				<p>
+					<label>Radio Buttons</label><br/>
+					<input type="radio" name="input-4" id="input-4" /> <label for="input-4" class="radio">Option 1</label> <input type="radio" name="input-4" id="input-5" /> <label for="input-5" class="radio">Option 2</label> <input type="radio" name="input-4" id="input-6" /> <label for="input-6" class="radio">Option 3</label>
+				</p>
+				<p>
+					<label>Checkbox</label><br/>
+					<input type="checkbox" name="input-7" id="input-7" /> <label for="input-7" class="checkbox">Option</label>
+				</p>
+			</div>
+			</form>
+			<div class="content-separator"></div>
+			<h2>Messages</h2>
+			<div class="success">Success!</div>
+			<div class="notice">Notice</div>
+			<div class="error">Error..</div>
+			<div class="content-separator"></div>
+			<h2>Blockquote</h2>
+			<blockquote>
+				<p>Praesent orci nisi, interdum quis, tristique vitae, consectetur sed, arcu. Ut at sapien non dolor semper sollicitudin. Etiam semper erat quis odio. Quisque commodo suscipit velit. Nulla facilisi.</p>
+				<p><cite>- Duis justo quam</cite></p>
+			</blockquote>
+			<div class="content-separator"></div>
+			<h2>Lists</h2>
+			<h3>Unsorted list</h3>
+			<ul>
+				<li>Blandit in, interdum a</li>
+				<li>Ultrices non lectus</li>
+				<li>Nunc id odio</li>
+				<li>Fusce ultricies</li>
+			</ul>
+			<h3>Ordered list</h3>
+			<ol>
+				<li>Blandit in, interdum a</li>
+				<li>Ultrices non lectus</li>
+				<li>Nunc id odio</li>
+				<li>Fusce ultricies</li>
+			</ol>
+			<h3>Definition list</h3>
+			<dl>
+				<dt>title</dt>
+				<dd>definition</dd>
+				<dd>definition</dd>
+				<dt>title</dt>
+				<dt>title</dt>
+				<dd>definition</dd>
+				<dt>title</dt>
+				<dd>definition</dd>
+			</dl>
+			<div class="content-separator"></div>
+			<h2>Tables</h2>
+			<h3>Data table</h3>
+			<table class="data-table">
+				<tr>
+					<th>Property 1</th>
+					<th>Property 2</th>
+					<th>Property 3</th>
+					<th>Property 4</th>
+				</tr>
+				<tr class="even">
+					<td>Value 1.1</td>
+					<td>Value 1.2</td>
+					<td>Value 1.3</td>
+					<td>Value 1.4</td>
+				</tr>
+				<tr>
+					<td>Value 2.1</td>
+					<td>Value 2.2</td>
+					<td>Value 2.3</td>
+					<td>Value 2.4</td>
+				</tr>
+				<tr class="even">
+					<td>Value 3.1</td>
+					<td>Value 3.2</td>
+					<td>Value 3.3</td>
+					<td>Value 3.4</td>
+				</tr>
+				<tr>
+					<td>Value 4.1</td>
+					<td>Value 4.2</td>
+					<td>Value 4.3</td>
+					<td>Value 4.4</td>
+				</tr>
+			</table>
+		</div>
+		<div class="right sidebar" id="sidebar">
+			<div class="section">
+				<div class="section-title">Search</div>
+				<div class="section-content">
+					<form method="post" action="">
+						<input type="text" class="text" size="28" /> &nbsp; <input type="submit" class="button" value="Submit" />
+					</form>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Recent Entries</div>
+				<div class="section-content">
+					<ul class="nice-list">
+						<li>
+							<div class="left"><a href="#">Aenean tempor arcu..</a></div>
+							<div class="right">Oct 12</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Justo interdum rutrum</a></div>
+							<div class="right">Sep 15</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">In nec justo in urna</a></div>
+							<div class="right">Sep 12</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Accumsan condimentum</a></div>
+							<div class="right">Sep 6</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Etiam commodo bibendum</a></div>
+							<div class="right">Aug 27</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li>
+							<div class="left"><a href="#">Mauris euismod justo</a></div>
+							<div class="right">Aug 21</div>
+							<div class="clearer">&nbsp;</div>
+						</li>
+						<li><a href="#" class="more">Browse Archives &#187;</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Board of Members</div>
+				<div class="section-content">
+					<ul class="nice-list">
+						<li><a href="#">Elem Semper</a> <span class="quiet">- Director</span></li>
+						<li><a href="#">Porttitor Urna</a> <span class="quiet">- Lead Writer</span></li>
+						<li><a href="#">Congue Porttitor</a> <span class="quiet">- Editor</span></li>
+						<li><a href="#">Etiam Blandit</a> <span class="quiet">- Writer</span></li>
+						<li><a href="#">Diet Tesque</a> <span class="quiet">- Writer</span></li>
+					</ul>
+				</div>
+			</div>
+			<div class="section">
+				<div class="section-title">Topics</div>
+				<div class="section-content">
+					<div class="quiet">
+						<a href="#" style="font-size: 120%">vestibulum</a> <a href="#" style="font-size: 120%">ante</a> <a href="#" style="font-size: 150%">ipsum</a> <a href="#" style="font-size: 120%">faucibus</a> <a href="#" style="font-size: 90%">orci luctus</a> <a href="#" style="font-size: 80%">ultrices</a> <a href="#" style="font-size: 220%">posuere cubilia</a> <a href="#" style="font-size: 100%">curae</a> <a href="#" style="font-size: 110%">quisque</a> <a href="#" style="font-size: 150%">ut arcu</a> <a href="#" style="font-size: 140%">eros</a> <a href="#" style="font-size: 100%">vestibulum</a> <a href="#" style="font-size: 90%">dapibus</a> <a href="#" style="font-size: 120%">volutpat</a> <a href="#" style="font-size: 200%">elementum</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="clearer">&nbsp;</div>
+	</div>
+	<div id="footer">
+		<div class="left" id="footer-left">
+			<img src="img/logo-small.gif" alt="" class="left" />
+			<p>&copy; 2002-2009 Simple Organization. All rights Reserved</p>
+			<p class="quiet"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></p>
+			<div class="clearer">&nbsp;</div>
+		</div>
+		<div class="right" id="footer-right">
+			<p class="large"><a href="#">Blog</a> <span class="text-separator">|</span> <a href="#">Events</a> <span class="text-separator">|</span> <a href="#">About</a> <span class="text-separator">|</span> <a href="#">Archives</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top &uarr;</a></p>
+		</div>
+		<div class="clearer">&nbsp;</div>
+	</div>
+</div>
+</body>
+</html>

data/lib/common_interface/public/common_interface/themes/simple_organization/original/style.css ADDED Viewed

@@ -0,0 +1,658 @@
+/*
+Template name: Simple Organization
+Template URI: http://templates.arcsin.se/simple-organization-website-template/
+Release date: 2009-09-20
+Last updated: 2009-09-24
+Description: A simple and elegant template suitable for organizations.
+Author: Viktor Persson
+Author URI: http://arcsin.se/
+This template is licensed under a Creative Commons Attribution 2.5 License:
+http://templates.arcsin.se/license/
+*/
+/*
+   Reset
+------------------------------------------------------------------- */
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
+table {border-collapse: collapse; border-spacing: 0;}
+caption, th, td {text-align: left; font-weight: normal;}
+table, td, th {vertical-align: middle;}
+blockquote:before, blockquote:after, q:before, q:after {content: "";}
+blockquote, q {quotes: "" "";}
+a img {border: none;}
+:focus {outline: 0;}
+/*
+   General
+------------------------------------------------------------------- */
+html {
+	height: 100%;
+	padding-bottom: 1px; /* force scrollbars */
+}
+body {
+	background: #FFF;
+	color: #444;
+	font: normal 75% sans-serif;
+	line-height: 1.5;
+}
+/*
+   Typography
+------------------------------------------------------------------- */
+/* Headings */
+h1,h2,h3,h4,h5,h6 {
+	color: #444;
+	font-weight: normal;
+	line-height: 1;
+	margin-bottom: 0.3em;
+}
+h4,h5,h6 {font-weight: bold;}
+h1 {font-size: 2.6em;}
+h2 {font-size: 2em;}
+h3 {font-size: 1.5em;}
+h4 {font-size: 1.25em;}
+h5 {font-size: 1.1em;}
+h6 {font-size: 1em;}
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
+/* Links */
+a:focus,a:hover {color: #039;}
+a {
+	color: #456;
+	text-decoration: none;
+}
+a:hover {text-decoration: underline;}
+a.feed {
+	background: url('img/icon-feed.gif') no-repeat left center;
+	padding-left: 18px;
+}
+a.more {
+	color: #579;
+	font-weight: bold;
+}
+a.more:hover {color: #234;}
+/* Text elements */
+p {margin-bottom: 1em;}
+abbr, acronym {border-bottom: 1px dotted #666;}
+address {margin-bottom: 1.5em;}
+blockquote {margin: 1.5em;}
+del, blockquote { color:#666; }
+em, dfn, blockquote, address {font-style: italic;}
+strong, dfn {font-weight: bold;}
+sup, sub {line-height: 0;}
+pre {
+	margin: 1.5em 0;
+	white-space: pre;
+}
+pre,code,tt {
+	font: 1em monospace;
+	line-height: 1.5;
+}
+/* Lists */
+li ul, li ol {margin-left: 1.5em;}
+ul, ol {margin: 0 0 1.5em 1.5em;}
+ul {list-style-type: disc;}
+ol {
+	list-style-type: decimal;
+	margin-left: 1.9em;
+}
+dl {margin: 0 0 1.5em 0;}
+dl dt {font-weight: bold;}
+dd {margin-left: 1.5em;}
+/* Special lists */
+ul.plain-list li, ul.nice-list li, ul.tabbed li {
+	list-style: none;
+	margin-top: 0;
+}
+ul.tabbed {
+	display: inline;
+	margin: 0;
+}
+ul.tabbed li {float: left;}
+ul.plain-list {margin: 0;}
+ul.nice-list {margin-left: 0;}
+ul.nice-list li {
+	border-top: 1px solid #EEE;
+	list-style: none;
+	padding: 4px 0;
+}
+ul.nice-list li:first-child {border-top: none;}
+ul.nice-list li .right {color: #999;}
+/* Tables */
+table {margin-bottom: 1.4em; width: 100%;}
+th {font-weight: bold;}
+thead th {background: #C3D9FF;}
+th,td,caption {padding: 4px 10px 4px 5px;}
+tr.even td {background: #F2F6FA;}
+tfoot {font-style: italic;}
+caption {background: #EEE;}
+table.data-table {
+	border: 1px solid #CCB;
+	margin-bottom: 2em;
+	width: 100%;
+}
+table.data-table th {
+	background: #F0F0F0;
+	border: 1px solid #DDD;
+	color: #555;
+	text-align: left;
+}
+table.data-table tr {border-bottom: 1px solid #DDD;}
+table.data-table td, table th {padding: 10px;}
+table.data-table td {
+	background: #F6F6F6;
+	border: 1px solid #DDD;
+}
+table.data-table tr.even td {background: #FCFCFC;}
+/* Misc classes */
+.small {font-size: 0.9em;}
+.smaller {font-size: 0.8em;}
+.smallest {font-size: 0.7em;}
+.large {font-size: 1.15em;}
+.larger {font-size: 1.25em;}
+.largest {font-size: 1.35em;}
+.hidden {display: none;}
+.quiet, .quiet a {color: #999;}
+.loud, .loud a {color: #000;}
+.highlight, .highlight a {background:#ff0;}
+.text-left {text-align: left;}
+.text-right {text-align: right;}
+.text-center {text-align: center;}
+.text-separator {padding: 0 5px;}
+.error, .notice, .success {
+	border: 1px solid #DDD;
+	margin-bottom: 1em;
+	padding: 0.6em 0.8em;
+}
+.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
+.error a {color: #8A1F11;}
+.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
+.notice a {color: #514721;}
+.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
+.success a {color: #264409;}
+/* Labels */
+.label {
+	border-left-style: solid;
+	border-left-width: 4px;
+	margin-bottom: 0.2em;
+	padding-left: 10px;
+}
+.label-blue {border-left-color: #55AADA;}
+.label-green {border-left-color: #B7D897;}
+.label-orange {border-left-color: #FA8F6F;}
+/*
+   Forms
+------------------------------------------------------------------- */
+label {
+	cursor: pointer;
+	font-weight: bold;
+}
+label.checkbox, label.radio {font-weight: normal;}
+legend {
+	font-weight: bold;
+	font-size: 1.2em;
+}
+textarea {overflow: auto;}
+input.text, textarea, select {
+	background: #FCFCFC;
+	border: 1px inset #AAA;
+	margin: 0.5em 0;
+	padding: 4px 5px;
+}
+input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
+input.button {
+	background: #DDD;
+	border: 1px outset #AAA;
+	padding: 4px 5px;
+}
+input.button:active {border-style: inset;}
+/* Specific */
+form .required {font-weight: bold;}
+.form-error {border-color: #F00;}
+.form-row {padding: 5px 0;}
+.form-row-submit {
+	border-top: 1px solid #DDD;
+	padding: 8px 0 10px 76px;
+	margin-top: 10px;
+}
+.legend {
+	background: #F0FAF0;
+	border: 1px solid #D6DFD6;
+	font-size: 1.5em;
+	margin: 0;
+	padding: 8px 14px;
+}
+.form-property, .form-value {float: left;}
+.form-property {
+	padding-top: 8px;
+	text-align: right;
+	width: 60px;
+}
+.form-value {padding-left: 16px;}
+.form-error {border-color: #F00;}
+/*
+   Alignment
+------------------------------------------------------------------- */
+/* General */
+.center,.aligncenter {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+/* Images */
+img.bordered,img.alignleft,img.alignright,img.aligncenter {
+	background-color: #FFF;
+	border: 1px solid #DDD;
+	padding: 3px;
+}
+img.alignleft, img.left {margin: 0 1.5em 1em 0;}
+img.alignright, img.right {margin: 0 0 1em 1.5em;}
+/* Floats */
+.left,.alignleft {float: left;}
+.right,.alignright {float: right;}
+.clear,.clearer {clear: both;}
+.clearer {
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	height: 0;
+}
+/*
+   Separators
+------------------------------------------------------------------- */
+.content-separator, .archive-separator {
+	background: #E5E5E5;
+	clear: both;
+	color: #FFE;
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	height: 1px;
+}
+.content-separator {margin: 32px 0;}
+.archive-separator {margin-bottom: 20px;}
+/*
+   Posts
+------------------------------------------------------------------- */
+.post {margin-bottom: 20px;}
+.post img.left, .post img.right {margin-bottom: 0;}
+.post-date {
+	color: #777;
+	margin: 2px 0 10px;
+}
+.post-date a {color: #444;}
+.post-meta a {color: #345; }
+.post-meta a:hover {color: #001;}
+.post-body {font-size: 1.1em;}
+.post-body a {color: #039;}
+.post-body a:hover {color: #039;}
+.post-body img.left, .post-body img.right {margin-bottom: 1em;}
+/* Archives */
+.archive-pagination {
+	color: #777;
+	padding: 10px 0;
+}
+.archive-pagination-top {
+	border-bottom: 2px solid #DDD;
+	margin-bottom: 24px;
+}
+.archive-pagination-bottom {
+	border-top: 2px solid #DDD;
+	margin-top: 24px;
+}
+.archive-post-date {
+	background: #F5F5F5;
+	border-bottom: 1px solid #C5C5C5;
+	border-right: 1px solid #CFCFCF;
+	float: left;
+	margin-right: 12px;
+	padding: 2px 0 5px;
+	text-align: center;
+	width: 46px;
+}
+.archive-post-title .post-date {margin: 0;}
+.archive-post-title {padding-top: 4px;}
+.archive-post-day {font: normal 1.6em Georgia,serif;}
+/*
+   Comments
+------------------------------------------------------------------- */
+.comment-input-text textarea {width: 80%;}
+/* Comment list */
+.comment-list-wrapper {
+	background: #F6F6F6;
+	margin: 10px 0 0;
+	padding: 5px 12px 10px 7px;
+}
+.comment-list {
+	margin: 0;
+	padding: 0;
+}
+.comment-list li {list-style: none;}
+.comment-list ul {margin-bottom: 0;}
+.comment-profile-wrapper {
+	text-align: center;
+	width: 105px;
+}
+.comment-gravatar {margin-bottom: 3px;}
+.comment-content-wrapper {
+	float: right;
+	width: 481px;
+}
+.comment-parent, .comment-single {margin-top: 15px;}
+.comment-list ul.children, #comments #respond ul {
+	border-left: 1px solid #CCC;
+	margin: 0 0 0 130px;
+}
+.comment-list ul.children ul.children {margin-left: 15px;}
+.comment-list ul.children li {
+	background: url('img/comment-reply.gif') no-repeat left top;
+	margin: 0;
+	padding: 10px 0 0 15px;
+}
+.comment-body {
+	background: #FFF;
+	border: 1px solid #DDD;
+	padding: 10px 12px 0;
+}
+.comment-list ul.children .comment-body {background: #FCFCFC;}
+.comment-author {padding-top: 2px;}
+.comment-text p {margin-bottom: 0.8em;}
+.comment .post-date, .comment-author {font-size: 0.9em;}
+.comment .post-date .right a {color: #BBB;}
+.comment .post-date .right a:hover {color: #234;}
+.comment-arrow {
+	background: url('img/comment-arrow.gif') no-repeat left top;
+	display: block;
+	float: left;
+	height: 45px;
+	margin: 3px 0 -45px -41px;
+	position: absolute;
+	width: 29px;
+}
+/* Respond */
+#respond li {list-style: none;}
+#respond {
+	background: #F6F6F6;
+	padding: 10px 12px;
+}
+#respond ul {margin: 0;}
+#respond .legend {margin-bottom: 10px;}
+#comments #respond {padding: 0;}
+#comments #respond .legend {
+	border-bottom: 0;
+	margin-bottom: 0;
+}
+#comments #respond ul {
+	background: url('img/comment-reply.gif') no-repeat left top;
+	padding: 10px 0 0 15px;
+}
+#comments ul.children #respond ul {
+	margin-left: 30px;
+	padding: 0;
+}
+#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}
+#comments #respond .comment-body {background: #FFF;}
+#comments #respond .comment-content-wrapper {
+	float: none;
+	width: 100%;
+}
+/*
+   Layout
+------------------------------------------------------------------- */
+/* Common */
+#top, #sub-nav {border-bottom: 1px solid #DDD;}
+/* Wrapper */
+#site-wrapper {
+	margin: 0 auto;
+	width: 920px;
+}
+/* Header */
+#header {padding-top: 24px;}
+/* Top */
+#top {padding-bottom: 32px;}
+/* Logo */
+#logo {	border-right: 1px solid #DDD;
+	padding: 10px 40px 10px 0;
+	margin-right: 40px;
+}
+#logo img {}
+/* Splash */
+#splash {padding-top: 32px;}
+/* Navigation */
+.navigation a {
+	color: #888;
+	text-decoration: none;
+}
+.navigation a:hover {color: #002;}
+.navigation li.current-tab a {color: #222;}
+#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}
+/* Main navigation */
+#main-nav {padding-top: 72px;}
+#main-nav li {margin: 0 1.5em;}
+#main-nav a {
+	font-size: 1.8em;
+	line-height: 2em;
+	padding-bottom: 2px;
+}
+#main-nav li.current-tab a {color: #333;}
+#main-nav a:hover {color: #002;}
+#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}
+/* Subnav */
+#sub-nav {
+	border-bottom: 1px solid #DDD;
+	padding: 12px 0;
+}
+#sub-nav a {
+	font-size: 1.2em;
+	text-decoration: none;
+}
+#sub-nav li {margin: 0 1em;}
+#sub-nav li.current-tab a {font-weight: bold;}
+/* Main */
+.main {margin: 24px 0;}
+.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
+.main#main-two-columns-left {background: url('img/main-two-columns-left.gif') repeat-y left top;}
+.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}
+/* Sidebar */
+#sidebar {width: 255px;}
+/* Columns */
+.col3, .col3-mid {width: 31%;}
+.col3-mid {margin-left: 3%;}
+/* Sections */
+.section {margin-bottom: 24px;}
+.section-title {
+	background-color: #F9F9F9;
+	border-top: 2px solid #DDD;
+	color: #7A7A7A;
+	font: bold 1.2em sans-serif;
+	margin-bottom: 16px;
+	padding: 7px 10px 6px;
+}
+#sidebar .section-title {margin-bottom: 8px;}
+/* Footer */
+#footer {
+	border-top: 1px solid #DDD;
+	color: #777;
+	padding: 16px 0 4px;
+}
+#footer-left {width: 459px;}
+#footer-right {
+	width: 459px;
+	text-align: right;
+}
+#footer p {margin-bottom: 0.4em;}
+#footer .text-separator {
+	padding: 0 3px;
+	color: #BBB;
+}
+#footer a:hover {color: #000;}
+/*
+   Misc overriding classes
+------------------------------------------------------------------- */
+/* Border */
+.noborder {border: 0;}
+.notborder {border-top: 0;}
+.norborder {border-right: 0;}
+.nobborder {border-bottom: 0;}
+.nolborder {border-left: 0;}
+/* Margin */
+.nomargin {margin: 0;}
+.notmargin {margin-top: 0;}
+.normargin {margin-right: 0;}
+.nobmargin {margin-bottom: 0;}
+.nolmargin {margin-left: 0;}
+/* Padding */
+.nopadding {padding: 0;}
+.notpadding {padding-top: 0;}
+.norpadding {padding-right: 0;}
+.nobpadding {padding-bottom: 0;}
+.nolpadding {padding-left: 0;}
+/*
+   IE Fixes (zzz)
+------------------------------------------------------------------- */
+* html .navigation, * html #footer, * html #splash, * html .comment ul {height: 0.01%;}
+* html #footer-left {width: 500px;}
+.navigation, #splash, .comment ul {min-height: 0.01%;}
+#sub-nav{display: none;}