/*  
Theme Name: Proflexible
Theme URI: http://www.procata.com/blog/
Description: Custom Theme
Version: .95
Author: Jeff Moore
Author URI: http://www.procata.com/blog/
*/

/* ----------------------------------------------------------------------
Layout Stylesheet 
*/

/* ---------- Page Width ---------- */
body {
    /* Play nice with EMs in Opera 6 and IE Win. */
    font-size: 74%;
}

#page {
    max-width: 72em;
}

/* ---------- Left Column Size ---------- */
#left-column {
    margin-left: -18em;
    width: 18em;
}

.left-sidebar-layout #columns, .three-column-layout #columns  {
    padding-left: 18em;
}

/* ---------- Right Column Size ---------- */
#right-column {
    margin-right: -18em;
    width: 18em;
}

.right-sidebar-layout #columns, .three-column-layout #columns  {
    padding-right: 18em;
}

/* ---------- The rest of the layout ---------- */

* {
    margin: 0;
    padding: 0;
}

#page {
    margin: 0 auto;
}

#main-column {
    float: right;
    width: 100%;
    margin-right: -1px; /* For IE Mac? */
}

/* Support for Mozilla, but IE doesn't likes it. */
#main-column[id] {
    margin-left: -1px;
}

#left-column {
    float: left;

    /* Z indices needed for link clickability in IE Mac and Opera 6 */
    z-index: 10;
}

/* Support for Mozilla, but IE doesn't likes it. */
#left-column[id] {
    margin-right: 1px;
}

#right-column {
    float: right;

    /* Z indices needed for link clickability in IE Mac and Opera 6 */
    z-index: 11;
}

/* Support for Mozilla, but IE doesn't likes it. */
#right-column[id] {
    margin-left: 1px;
}

#left-column, #right-column {
    position: relative;
    overflow: hidden;
}

.single-column-layout #columns {
}

#outer-column-wrapper {
    width: 100%;
}

#outer-column-wrapper[id] {
    /* Mozilla needs a non zero value, seems to be a bug. */
    padding-bottom: 0.1px; 
}

#inner-column-wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}

/* Support for Mozilla, but IE doesn't likes it. */
#inner-column-wrapper[id] {
    margin-right: -1px;
}

#em, #footer {
    clear: both;
}

/* ----------------------------------------------------------------------
* Box Model Styles
*/

/* ---------- Context Free box layout ---------- */

blockquote {
	margin: 1em 2em;
	padding: 0 1em;
	border-width: 1px;
}

ul, ol {
    margin: 1em;
}

li {
    margin-left: 1em;
}

p {
    margin: 1em 0;
}

/* ---------- page box layout ---------- */

body {
    padding: 0 1em;
}

#page {
    border-right-width: 1px;
    border-left-width: 1px;
}

#right-column {
}

#main-column {
}

#right-content {
    padding-right: 1em;
    padding-left: 1em;

    /* use a corrective factor to account for differing em sizes between columns */
    padding-top: .1em;
    padding-bottom: .1em;
}

#main-content {
    padding-right: 2em;
    padding-left: 2em;
}

#header {
    border-bottom-width: 1px;
    padding: 2em 2em;
}

#footer {
    padding: 2em;
    border-top-width: 1px;
}

/* ---------- Element box layout ---------- */

/* right-content element box layout */

#right-content ul {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 0;
    margin-right: 0;
}

#right-content ul li {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

#right-content ul ul, #right-content ul ol {
    margin: .5em 0 0 1em;
}

#right-content ul ul li, #right-content ul ol li {
    margin: .25em 0;
}


/* Post element box layout */

.post {
    margin-bottom: 2em;
    margin-top: 2em;
    border-bottom-width: 1px;
}

.entry code {
    display: block;
}

.single .postmetadata {
    padding: .5em;
    border-width: 1px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
}

.many .postmetadata {
    margin-bottom: 1em;
    margin-top: 1em;
}

/* Navigation element box layout */

.navigation {
    margin-bottom: 2em;
    margin-top: 2em;
}

.navigation .next {
	float: right;
}
	
.navigation .previous {
	float: left
}

.navigation .navfooter {
    clear: both;
    padding-bottom: 0.1px; /* fixes a Mozilla Bug */
}

/* Search Form element box layout */

#right-content h2 {
    padding-bottom: .25em;
    border-bottom-width: 1px;
}

#right-content #searchform #s {
	width: 90%;
	padding: .2em;
}

#right-content #searchsubmit {
	margin-top: .5em;
	margin-bottom: .5em;
}

/* Comment Form element layout */

#commentform textarea {
	width: 95%;
	padding: .5em;
}

.commentlist li {
    padding: 1em;
}

/* ----------------------------------------------------------------------
* Colors and styles
*/

/* ---------- Context Free colors ---------- */

body {
    background: url("images/bg.gif");
}

a {
	color:#004EEB;
}

a:link {
    color:#004EEB;
}

a:visited {
    color:#6699FF;
}

a:hover {
    color: red;
}

blockquote {
	border-style: dashed;
}

ul {
    list-style: square;
}

/* ---------- page colors ---------- */

#outer-column-wrapper {
    background-image: url('images/vrule.gif');
    background-position: center right;
    background-repeat: repeat-y;
    background-color: white;
}

#page {
    background-color: #FFF2D9;

    border-right-style: solid;
    border-left-style: solid;

    border-right-color: #black;
    border-left-color: #black;
}

#header {
	background-color: #FFCC66;
	border-bottom-style: dotted;
	border-bottom-color: #B38F47;
}

#footer {
	background-color: #FFCC66;
	border-top-style: dotted;
	border-top-color: #B38F47;
}

/* ---------- Element Colors ---------- */

/* Post Element Colors */

.post {
	border-bottom-style: dotted;
	border-bottom-color: #black;
}

.single .postmetadata {
	background-color: #EEEEEE;
}

.odd {
    background-color: #EEEEEE;
}

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

/* Header Colors */

#header a {
    text-decoration: none;
    color:#004EEB;
}

#header a:hover {
    color: red;
}

/* Sidebar Colors */

#right-content ul li {
	list-style-type: none;
	list-style-image: none;
}

#right-content a {
    text-decoration: none;
}

#right-content a:hover {
    color: red;
}

#right-content h2 {
    border-bottom-style: dotted;
    border-bottom-color: #B38F47;
}

/* ----------------------------------------------------------------------
* Typeography
*/

/* ---------- Context Free Typeography ---------- */

body {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 250%;
	line-height: 1.5;
	font-weight: bold;
}

h2 {
    font-size: 150%;
	font-weight: 400;
}

h3 {
    font-size: 130%;
}

h4 {
    font-size: 120%
}

h3 {
    font-size: 110%
}

small {
	font-size: 90%;
}

code, pre {
    font-family:Monaco,Courier,"Courier New",Tahoma;
    text-align: left;
}

a {
    font-weight: 400;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ---------- Element Typeography ---------- */

#right-content h2 {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#right-content {
    font-size: 110%;
	line-height: 1;
}

#main-content {
	font-size: 120%;
	line-height: 1.5;
}

#header .description {
    font-size: 120%;
    line-height: 2;
}

#header a {
    text-decoration: none;
    font-weight: bold;
}

.many .postmetadata {
    font-size: 94%;
    text-align: right;
}

#footer p {
	text-align: center;
}

.entry {
	text-align: justify;
}

.entry code {
    text-align: left;
}

.single .postmetadata {
	text-align: left;
}