/*
Theme Name: Copycense
Theme URI: http://www.copycense.com/
Description: The custom WordPress theme developed for Seso Group LLC.
Version: 1.0
Author: Dan O'Brien Muzyka

	Stylesheet adapted from styles.07.css at http://101cookbooks.com
	and from http://www.glish.com/css/2.asp					
	
	PHP template files adapted from WordPress Classic 1.5
*/


 /* global layout */ 

body {
 margin:0px;
 padding:0px 10px 0px 10px;
 background-color:#ffffff;
 font-family:Arial, Helvetica, Verdana, sans-serif;
 color:#000000;
}

/* The header section contains the links "About," "Contact Us," "Archives," and "Legal," the banner image, and the text size widget. */

#header	{
 position:relative;
 width:97%;
 height:160px;
}
/* "#header h1" and "#header h1 a img" control the position and appearance of the banner image. */
#header h1 {
 margin:0;
 position:relative;
 top:30px;
 left:18px;
}
#header h1 a img { border:0px; }

/* #outercontainer holds the three columns (#leftcontainer, #centercontainer, and #rightcontainer). */

#outercontainer {
 position: relative;
 margin:0px auto;
 width:97%;
}

/* The two versions of #leftcontainer (#leftcontainer-narrow and #leftcontainer-wide) hold the left column. We use #leftcontainer-narrow on pages with all three columns, and #leftcontainer-wide appears on pages with only two columns (it is wider because it occupies the space taken by the left and center columns). */

#leftcontainer-narrow {
 position:absolute;
 top:0px;
 left:0px;
 width:59%;
 margin:0px;
 padding:0px;
}
#leftcontainer-wide {
 position: absolute;
 top:0px;
 left:0px;
 width:59%;
 margin:0px;
 padding: 0px;
}
/* #centercontainer holds the center column and controls its size and position. */
#centercontainer {
 width:20%;
 position: absolute;
 left:59%;
 top:0px;
 margin: 0px;
 padding: 0px;
}
/* #rightcontainer holds the right column and controls its size and position. */
#rightcontainer {
 width:20%;
 position: absolute;
 left:79%;
 top:0px;
 margin:0px;
 padding:0px;
}

/* Each .column exists inside a container. The containers controls the size and position of the columns, the .column controls the margin between columns and the column border. */

.column	{
 margin:4px;
 border:1px solid #cccccc;
 background:#fff;
 padding:0px;
}

/* #topnav contains the links to "About," "Contact Us," "Archives," and "Legal." */ 

#topnav	{
 position:absolute;
 right:0px;
 top:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}
#topnav ul {
 display:inline;
}
#topnav li {
 display:inline;	
 font-size:0.95em;
 margin-left:0.75em;
}
#topnav li a:link {
 color:#6c6c6c;
}
#topnav li a:visited {
 color:#6c6c6c;
}
#topnav li a:hover {
 color:#9f6f41;
}

/* #chgfontsizeoptions is the "Change Font Size" widget. */

#chgfontsizeoptions {
 position:absolute;
 bottom:5px;
 right:-3px;
 padding:0;
 font-size:12px;
}
#chgfontsizeoptions a img {
 border-width:1px;
 margin:0;
 vertical-align:text-bottom;
}

 /* link styles */ 
			
.storytitle a:link { text-decoration:none; }
.date-author a:link, .storytitle a:link { color:#666666; }	
.date-author a:visited, .storytitle a:visited { color:#6c4b2a; }	
.date-author a:hover, .storytitle a:hover { color:#e7922a; text-decoration:underline; }	

 /* Left column styles: These control the font and spacing inside the left column. */ 
	
#leftcontainer-narrow .column, #leftcontainer-wide .column {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 0.95em;
}
#leftcontainer-narrow .column ul, #leftcontainer-wide .column ul {
 line-height:1.4em;
 padding:0px;
 margin:0px 10px 10px 10px;
}
#leftcontainer-narrow .column ul li, #leftcontainer-wide .column ul li {
 margin:5px 0px 0px 5px;
}
#leftcontainer-wide .column h2 { margin:20px 8px;}
.post {
 margin:3px;
}

/* .storytitle is the title that appears at the top of each story. */
.storytitle {
 font-family: clarendon; times new roman; serif;
 font-size:1.5012em;
 font-weight:normal;
 letter-spacing:.02em;
 color: #000066;
 margin: 15px 0px 8px 10px;
 padding:2px auto 0px auto;
}

/* .date-author is the area with the date and author, which appears directly below the story title. */

.date-author {
 font-family: Arial,sans-serif;
 font-size:.70em;
 font-weight:normal;
 margin: 0px 0px 2px 12px;
 padding:0px;
 text-transform: normal;
}
/* .storycontent is the information in the story, below the title, date, and author. */
.storycontent {
 margin:auto 5px;
}
.storycontent p	{
 line-height:1.4em;
 width:auto;
 margin-left:20px;
 margin-top:0px;
}	
#leftcontainer-narrow .column p img, #leftcontainer-wide .column p img {
 margin-bottom:0px;
 padding-bottom:0px;		
}

/* #navlinks are the "<< Previous Page" and "Next Page >>" links at the bottom of each page (below all posts). */

#navlinks {
 font-size:0.9em;
 width:50%;
 margin: 10px auto;
 text-align:center;
}

/* .meta is the area at the bottom of each post that contains the links the print and e-mail the post, the permalink, the categories, and the links to submit to del.icio.us, technorati, etc. */

.meta  {
 font-family:Arial, Helvetica, Verdana, sans-serif;
 margin-left:10px;
 margin-right:10px;
 margin-top:30px;
 margin-bottom:30px;	
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
}
.meta  p {
 font-family:Arial, Helvetica, Verdana, sans-serif;
 font-size:.80em;
 margin-top:7px;
 margin-bottom:7px;
 margin-left:0px;
 margin-right:0px;
 padding:3px 10px 3px 10px;
}

/* .meta p.gray-meta is the gray line where the print, e-mail, and permalink are. */

.meta p.gray-meta {
 background-color:#DEDEDE;
 text-align:center;
}
a.img img { border-width:0px; }
a.img { text-decoration:none; }
.postfooterentrylink { font-size:.75em; }
.postfooterimg { margin-right:8px; }
#leftcontainer-wide .column .archives { margin:4px 4px 4px 15px; }
#leftcontainer-wide .column .archives li { list-style-type:none; }

 /* Side Columns: These styles control the font and spacing inside the center and right columns. */ 

#centercontainer .column, #rightcontainer .column {
 font-size:0.95em;
 font-family:arial, sans-serif;
}
#centercontainer .column ul, #rightcontainer .column ul {
 list-style-type: none;
 padding:0px 0px 6px 0px;
 margin:2px auto 6px auto;
 width:100%;
}
#centercontainer .column ul li, #rightcontainer .column ul li {
 font-family:Arial, Helvetica, Verdana, sans-serif;
 line-height:1.2em;
 color:#000000;
 border-width:0px;
}
#rightcontainer .column ul li { padding:0px 4px 5px 14px; margin: 0px;}
#centercontainer .column ul li.centered { width:6em; margin:auto; padding:3px 0px; }	
#centercontainer .column ul li.col-heading, #rightcontainer .column ul li.col-heading {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1em;
 line-height:1em;
 letter-spacing:.1em;
 text-transform:uppercase;
 text-align:center;
 color:#666666;
 display:block;
 padding: 5px 0px 6px 0px;
 margin:10px 0px;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc; width:100%;
}
#centercontainer .column ul li ul li, #rightcontainer .column ul li ul li { font-size:1em; }

/* The next several styles control the appearance of the "Subscribe to Copycense" form and the search form. */

#centercontainer .column ul li.form {
 background-image:none;
 display:block;
 width:96%;
 padding:0px;
 margin:auto;
}
.column ul li form {
 margin-left:5px;
 margin-bottom:2em;
}
.column ul li form input.no-margin {
 margin:4px 0px;
 padding:0px;
 }

 /* Other */ 

input { margin:4px; }
.center{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}