/*  
Theme Name: CockrillCorp
Theme URI: 
Description: Modified version of my <a href="http://shadowappys.com/">Shadowappys</a> theme which was modified from my <a href="http://reedlindsay/">Reed Lindsay</a> theme (as of 2005) which was a greatly modified version of <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Benjamin Melan&ccedil;on
Author URI: http://bemweb.com/

NOTE: requires the wordpress hack of a rightsidebar.php

	CockrillCorp v0.1
	 http://cockrillcorp.com/aboutsite/ (not active yet)

	This theme was written by Benjamin Melan¨on,
	who seeeks to unite the world at http://pwgd.org/

	The CSS, XHTML and design was created exclusively for Shadowappys.  
	You can steal any ideas or anything as long as your version looks 
	reasonably different.
	The CSS, XHTML and design are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
*/


/* Begin Typography & Colors */
body {
	background-color: #fff;
	color: #000;
	quotes: "\201C" "\201D" "\2018" "\2019";
	font-family: Arial, Helvitica, sans-serif;
	line-height: 1.4;
	}

#header {
	color: #000;
	border: none; 
	margin: 0;
	padding: 2px 7px 5px 7px;
	}

#header a {  
	color: #00b;
	text-decoration: none;
}

#content {
/*
	font-size: 1.2em
*/
	}

/* the narrowcolumn IS the wide column for me 
.widecolumn .entry p {
	font-size: 1.05em;
	}
*/
	
.narrowcolumn .postmetadata {
	font: 70% Verdana, Arial, Sans-Serif;
	text-align: center;
	}

.narrowcolumn li {
    margin-bottom: .5em;
}

.alt {
   /* color: #ffd;
	background-color: #f8f8f8; */
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	padding: 0 0 5px 0;
	margin: 1em 3% 1em 3%;
	clear: both;
	font-size: 82%;
	}

#footer p {
    /* border-top: double 3px #512118;
	   padding: 20px 0;  */
	text-align: center;
	}

.time {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;
	line-height: 1.5em;
	}

h2, h3 {
    font-family: "Century Gothic", "Trebuchet MS", Garamond, serif;
/*	font-weight: bold; */
	text-align: left; 
	}

h2 {
	font-size: 1.3em;
	}

#title
{
    text-shadow: #ccc 2px 3px 1px;
    font-style: italic;
}

#subtitle {
    position: relative;
    z-index: 0;
    font-weight: normal;
	font-size: 80%;
	}

h3 {
	font-size: 1.2em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {   /* .description */
	color: #000;
	text-decoration: none;
	}

.prev {
    margin-top: 2.5em;
    margin-bottom: 0;
    font-size: small;
}

.next {
    margin-top: .5em;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.4em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#frontpage
{
 text-align : left;
 letter-spacing: 0.02em;
 word-spacing: 0.05em;
 font-size: 1.1em;
}

#menu {
    text-align: left; /* center;    */
    margin-left: 12px;
	}

#admin a, #admin abbr {
    font-size: x-small;
    color: #fff;
    border: none;
}
#admin a:active, #admin a:active abbr {
    color: #0f0;
}
	
#journalmenu li ul, #journalmenu li ul {
    font-size: 90%;    
}

#journalmenu li ul li {
    text-align: justify;
}

#journalmenu h4, #searchmenu h4 {
    font-weight: normal;
    padding: 10px;
    text-align: left; 
}

#searchmenu h4, #journalmenu h4 {
    margin: 0 0 -.1em 0;
}

.time, .nocomments, .postmetadata, blockquote, strike {
	color: #00b;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#header {
	padding: 0;
	margin: 0;
	}

.narrowcolumn {
    float: right;
    margin-top: 10px;
	margin-right: 3%;
    padding-left: 1.5%;
	width: 65%;
	}

	
.post {
	margin: 0 0 40px;
/*	text-align: justify; */
	}


.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

	
/* End Structure */

/* Begin Sidebar */

#sidebar{
    margin-top: 10px;
	}

#sidebar form {
	margin: 0;
	}
	
form input {
   border: 1px solid;
   border-top-color:#00b;
   border-left-color:#00b;
   border-right-color:#00a;
   border-bottom-color:#00a;
   color: #00c;
   font-color: #00d; 
   background: #ffd; 
}	
	
#sidebar form input {
    color: #00c;
    font-color: #00c; 
    background: #ffd;
}

input.btnhov {
   border-top-color:#00f;
   border-left-color:#00f;
   border-right-color:#00f;
   border-bottom-color:#00f;
   color: #00c;
   background: #ffd;
}

#sidebar input.btnhov {
    color: #00d;
    background: #ffd;
    
}

/* End Sidebar */
	

#slogan {
    margin-top : 2em;
    margin-bottom : 2em;
    font-size : 80%;
    font-style : italic;
}

/*	Begin Headers */
h1 {
    text-align: center;
    margin-top: 150px;
    z-index: 2;
	}
	
h1.dropshadow
{
    color: white;
    margin-top: 148px;
    margin-left: -3px;
    z-index: 1;
}

.description {
	text-align: center;
	}

#pagetitle {
    font-weight: normal;
    font-size: 70%;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
h4.noline {
    padding: 0;
    margin-bottom: 0;
}
/* End Headers */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;

    border : 0 none;

	}
	
img.alignright {
	padding: 4px 0 4px 6px;
	margin: 0 0 2px 7px;
	display: inline;

    border : 0 none;
	}

img.alignleft {
	padding: 4px 6px 4px 0;
	margin: 0 7px 2px 0;
	display: inline;

    border : 0 none;
	}
	
.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border : 0 none;
    
   /* width: 100%; */
}

#outter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
width : 373px;
height : 373px;
padding : 0;
margin-top, margin-bottom : 0;
background-image: url('/images/fittingsonblue_circle.jpg');
border : 0 none;
position : relative;
}

#inner {
position:absolute;
z-index : 2;
width: 373px;
height: 373px;
left: 0;
top: 0;
text-align: center;
/*
left: 35%;
top: 40%;
border : 1px solid blue;
margin-top : -10px;
margin-left : -75px;
*/

}


.halfscreen {
/*    position: absolute;
    left: 0;
    top: 85px;
*/
    background: url(/images/g/halfscreen-white.gif) center repeat;
}

#innerinner {
    position: relative;
    
}

/* End Images */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

/*
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}
*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

	
#sidebar ul, #sidebar ul ol, #rightsidebar ul, #rightsidebar ul ol, #trh ul, #trh ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li, #rightsidebar ul li, #trh ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
	}

#sidebar ul p, #sidebar ul select, #rightsidebar ul p, #rightsidebar ul select, #trh ul p, #trh ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol, #trh ul ul, #trh ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol, #trh ul ul ul, #trh ul ol  {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li, #rightsidebar ul ol li, #trh ul ol li  {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, #trh ul ul li, #trh ul ol li {
	margin: 4px 0 0;
	padding: 0 0 0 8px;
	text-indent: -8px;
	font-size: 90%;
	}
	

/* End Entry Lists */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: left;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#trh #searchform #s {
	width: 85px;
	padding: 1px;
	}

/* trh stands for TopRightHeader */

#sidebar #searchsubmit, #trh #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #ffc;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
    clear: both;
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: left; /* center; */
	line-height: 3em;
	/* margin-top: 10px;
	   margin-bottom: 20px; */
	}
/* End Various Tags & Classes*/

/* links - bmm */

a {
	color: #00c;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
    color: #00a;
}

a img {
	border: none;
}

a:visited {
	color: #909;
}

a:hover {
	color: #00f;
    text-decoration: underline;
    text-shadow: yellow 1px 1px 5px;
}

a:active {
 color: #d00;
}

/* really, for the internal link BACK to the table of contents */
a.internal, a.internal:visited, a.internal:hover {      color: #000;
    text-decoration: none;
}