/*  
Theme Name: Common Outlook Redesign (Aug '09)
Theme URI: http://www.commonoutlook.com/
Description: New custom theme for commonoutlook.com based on design by Alicia Chang.
Version: 1.0-081009
Author: Sam Stevens, Stevens Media
Author URI: http://www.stevensmedia.com/
=========
   ToC
=========
1.0 STRUCTURE
2.0 TYPE and PALETTE
	2.1 Headers
	2.2 Links
	2.2.1 Subnav
	2.3 Comments
3.0 IMAGES
4.0 LISTS
	4.1 Primary Nav
5.0 FORMS
6.0 COMMENTS
7.0 MISC
*/

/* === 1.0 STRUCTURE === */

/* --- 1.1 Main Structure --- */

BODY {
	background: #ACACAC url(http://www.common-outlook.com/wp-content/themes/commonoutlook2/img/bkgd.jpg) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	min-height: 1710px;
}

#maze {
	width: auto;
	max-width: 1280px;
	height: 1200px;
	background: url(http://www.common-outlook.com/wp-content/themes/commonoutlook2/img/maze.gif) no-repeat;
	margin: 0 auto;
}

#wrapper {
	position: absolute;
	top: 55px;
	text-align: left;
	width: 800px;
	left: 50%;
	margin-left: -400px;
}

#langpicker {
	float: right;
	margin-top: -24px;
}

#nav {
	background-color: #8FA95F;
}

#page {
	background-color: White;
	margin-bottom: 110px;
}

#wrapper-inner {
	background: url(http://www.common-outlook.com/wp-content/themes/commonoutlook2/img/bkgd-wrapper-inner.gif) no-repeat bottom;
}

#sidebar {
	width: 215px;
	float: left;
}

	.box {
		background-color: #EBEBEB;
		margin-bottom: 6px;
	}
	
		#syndicate-blog {
			margin: 0;
			padding: 10px 20px;
		}
		
		#subnav {
			padding: 10px 20px 100px 20px;		
		}

#main {
	margin-left: 228px;
	padding: 10px 20px 20px 15px;
}

#subnav-workshops {
	float: right;
}

.post {
	padding-bottom: 10px;
}

.home .post {
	padding-bottom: 0;
}

/* --- EO 1.1 Main Structure --- */

/* --- 1.2 Home Page --- */

#secondary-block {
	background: url(http://www.common-outlook.com/wp-content/themes/commonoutlook2/img/bkgd-secondary-block.gif) repeat-y;
	width: 585px;
	margin-left: 215px;
}

.secondary-content {
	float: left;
	width: 246px; /* 286 w/ padding */
	margin-left: 6px;
	/*background-color: #CBD7D6;*/
	padding: 10px 20px;
}

.column2 {
	width: 247px; /* 287 w/ padding */
}

/* --- 1.3 Other --- */

#catrss {
	float: right;
	margin-top: 20px;
}

#footer-nav {
	margin-top: 6px;
	clear: both;
}

/* === EO 1.0 STRUCTURE === */

/* === 2.0 TYPE and PALETTE === */
BODY { 
	font: normal normal 62.5% Arial, Arial, Helvetica, sans-serif;
	color: #666;
}

A {
	color: #4C708C;
	text-decoration: underline;
	outline: none;
}

A:HOVER {
	text-decoration: none;
}

H1 { 
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.3em;	
	color: #999; 
}

.home H1{ 
	color: #333;
}

H2 {
	color: #333;
}

.post H2 {
	font: normal 1.9em Georgia, "Times New Roman", Times, serif;
}

.post H2 A {
	text-decoration: none;
	color: #333;
}

.post H2 A:HOVER {
	color: #4C708C;
}

.archive-4 H2 {
	max-width: 400px;
}

H3#respond, H3#comments {
	font-size: 1.2em;
}

/* --- 2.1 Home Page --- */

#syndicate-blog H2, .secondary-content H2 {
	font-size: 1.6em;
	font-weight: normal;
}

.secondary-content H3 {
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}

.secondary-content H3 A {
	text-decoration: none;
}

.secondary-content H3 A:HOVER {
	color: #333;
}

#syndicate-blog, .secondary-content {
	font-size: 1.2em;
}

.secondary-content {
	color: #333;
}

P.quoteauthor {
	font-size: 0.9em;
	color: #666;
}

.blue {
	color: #4C708C;
}

/* --- EO 2.1 Home Page --- */


A.rss {
	font-size: 0.9em;
	color: #666;
}

#subnav LI {
	font-size: 1.1em;
}

#subnav LI A {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#subnav LI A:HOVER, #subnav LI.current_page_item A, #subnav LI.current-cat A {
	color: #4C708C;
}

#catrss A {
	text-decoration: none;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
}

.entry {
	font-size: 1.3em;
	line-height: 1.6em;
}

.entry-image-caption {
	text-align: center;
	font-size: 0.85em;
	font-weight: bold;
}

.entry-image-caption A {
	text-decoration: none;
}

P.postmetadata {
	font-size: 1.1em;
}

OL.commentlist {
	font-size: 1.3em;
}

.pagerbox {
	font-size: 1.3em;
}

	.pagerbox A.current {
		text-decoration: none;
		color: #666;
	}

#footer-nav {
	background-color: #F6F7F9;
	text-align: right;
	font-size: 1.1em;
	color: #999;
	padding: 20px 25px 5px;
}

#footer-nav A {
	color: #999;
	text-decoration: none;
}

#footer-nav A:HOVER {
	color: #333;
}

#footer {
	background-color: #4C708C;
	padding: 10px 25px 10px;
	text-align: right;
	color: White;
}

#footer A {
	color: White;
	text-decoration: none;
}

/* === 3.0 IMAGES === */
#langpicker A IMG {
	border: none;
}

#catrss IMG {
	margin-bottom: -4px;
}

DIV.entry-image-right {
	padding: 4px;
	border: 1px solid #CDCDCD;
	text-align: center;
}

.entry-image-right, .alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.archive .entry-image-right {
	margin-top: -35px;
}

.entry-image-right IMG {
	margin-bottom: 5px;
}

.post A IMG {
	border: none;
}

/* --- EO 3.0 IMAGES --- */



/* === 4.0 LISTS === */
#syndicate-blog UL {
	margin: 0;
	padding: 0;
	list-style-type: square;
	color: #4C708C;
}

#syndicate-blog LI {
	margin: 15px 0 15px 15px;
}

#subnav UL {
	margin: 0;
	padding: 0;
	list-style-type: square;
	color: #CCC;
}

#subnav LI {
	margin: 10px 0 10px 15px; 
}


OL.commentlist LI.alt {
	background-color: #F9F9F9;
	padding: 10px;
}

/* --- EO 4.0 LISTS --- */



/* === 5.0 FORMS === */
TABLE#nav FORM {
	margin: 0;
	padding: 0;
}

INPUT#s {
	width: 118px;
	padding: 2px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
}

LABEL {
	font-size: 1.2em;
}

TEXTAREA#comment {
	width: 88%;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 5px;
	color: #333;
}

TEXTAREA#comment { /* Safari will ignore b/c of floating pound */
	width: 98%;
    #
}

FORM#commentform INPUT, FORM#commentform TEXTAREA {
	border: 1px solid #999;
}

FORM#commentform INPUT#submit {
	color: White;
	background-color: #4C708C;
	font: bold 1.1em Arial, Helvetica, sans-serif;	
	border: none;
	padding: 4px 8px;
}

/* --- EO 5.0 FORMS --- */



/* === 7.0 MISC === */
.clear {
	clear: both;
}

IMG.backbtn {
	float: right;
}

/* --- EO 5.0 FORMS --- */