/*  

Theme Name: Redtopia

Theme URI: http://theme.clarktech.no-ip.com

Description: Eleagant red theme with widget ready sidebar and large footer.  GPL Licensed.

Version: 1.4.3

Author: Jeremy Clark

Author URI: http://clarktech.no-ip.com/blog/

Tags: red, fixed width, flower, eleagant, two column, widget ready

*/



/* Begin Typography & Colors */

sub,sup {

font-family:serif, Georgia;

font-size:1.1em;

color:#591212;

}



.squarebox {

padding:8px;

width:450px;

background-color:#a4acb3;

border:1px solid #6f7d88;

}



.squarebox_bright {

padding:8px;

width:450px;

background-color:#bec4c8;

border:1px solid #6f7d88;

}



body {

font-size:62.5%;

font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;

background-color:#bf2626;

color:#591212;

text-align:center;

}



#page {

border:1px solid #959596;

text-align:left;

}



#content {

font-size:1em;

color:#591212;

}



.widecolumn .entry p {

font-size:.9em;

}



.narrowcolumn .entry,.widecolumn .entry {

line-height:1.3em;

background:#e3e3e3;

border-top:thin solid #bf2626;

padding:1px 0 1px 3px;

overflow:hidden;

margin-top:4px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-bottomleft:5px;

}



.widecolumn {

line-height:1.6em;

}



.narrowcolumn .postmetadata {

text-align:center;

}



.alt {

background-color:#eee;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

}



#footer {

background-color:#f7f7f7;

}



small {

font-family:Arial, Helvetica, Sans-Serif;

font-size:.9em;

line-height:1.5em;

padding-left:10px;

}



h1,h2,h3 {

font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

font-weight:700;

}



h1 {

font-size:4em;

text-align:center;

}



.description {

font-size:1.2em;

text-align:left;

margin:0 10px;

color:#bf2626;

}



h2 {

font-size:1.6em;

}



h2.pagetitle {

font-size:1.6em;

}



#sidebar h2 {

font-family:'Lucida Grande', Verdana, Sans-Serif;

}



h3 {

font-size:1.3em;

padding-left:20px;

}



h1,h1 a,h1 a:hover,h1 a:visited {

text-decoration:none;

color:#D33535;

}



h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {

color:#D33535;;

}



h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {

text-decoration:none;

}



.entry p a:visited {

color:#8C1C1C;

text-decoration:underline;

}



.commentlist li,.trackback li,#commentform input,#commentform textarea {

font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



.commentlist li,.trackback li {

font-weight:700;

}



.commentlist cite,.commentlist cite a {

font-weight:700;

font-style:normal;

font-size:1.1em;

}



.commentlist p {

font-weight:400;

line-height:1.5em;

text-transform:none;

}



#commentform p {

font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;

}



.commentmetadata {

font-weight:400;

}



.author a {

color: #f7f7f7;

}



.author a:hover {

color: #BFA2A2;

}



.author {

background: #cf3737;

border-top: 1px #fff dotted;

color: #333;

}

#sidebar {

font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {

color:#bf7373;

}



code {

font:1.1em 'Courier New', Courier, Fixed;

}



acronym,abbr,span.caps {

font-size:.9em;

letter-spacing:.07em;

}



a,h2 a:hover,h3 a:hover {

color:#D33535;

text-decoration:none;

}



a:hover {

color:#8c1c1c;

text-decoration:underline;

}



#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;

}



h2.widgettitle {

text-transform:lowercase;

font-size:1.4em;

}



/* End Typography & Colors */

/* Begin Structure */

body {

margin:0;

padding:0;

}



#page {

background-color:#FFF;

margin:20px auto;

padding:0;

width:760px;

border:1px solid #959596;

}



#header {

padding:0;

margin:0 auto;

height:200px;

width:100%;

background-color:#73a0c5;

}



#navmenu {

background:url(images/navbarbg.jpg);

background-repeat:repeat-x;

height:60px;

width:740px;

margin:0 auto auto 10px;

background-color:#f7f7f7;

}



ul#admin{

list-style-type:none;

list-style-image:none;

float:right;

margin-top: -15px;

}



ul#nav {

list-style-type:none;

list-style-image:none;

padding:5px 0 0;

height:35px;

width:740px;

margin: 0;

}



#navmenu ul.sub-pages {

padding:5px 0;

}



#search {

display:block;

float:right;

border-right:none;

font:bolder 1.3em 'Trebuchet MS', sans-serif;

margin:-35px 10px 0 0;

}



ul#nav li, ul#admin li {

display:inline;

float:left;

text-align:center;

margin-right:2px;

-moz-border-radius-topright:5px;

-moz-border-radius-topleft:5px;

}



ul#nav a, ul#admin a {

text-decoration:none;

font:bolder 1.3em 'Trebuchet MS', sans-serif;

color:#bf2626;

float:left;

background:#e1e1e1;

padding:2px;

width:6.3em;

overflow:hidden;

height:1.5em;

}



ul#nav a:hover, ul#admin a:hover {

background:#efefef;

}



ul#nav li.current_page_item a {

background:#bf2626;

color:#f7f7f7;

border-bottom:1px dotted;

}





.narrowcolumn {

float:left;

padding:0 0 20px 45px;

margin:0;

width:450px;

}



.widecolumn {

padding:10px 0 20px;

margin:5px 0 0 150px;

width:450px;

}



.linkcolumn {

padding:10px 0 20px;

margin:5px auto 0 75px;

width:575px;

}



.post {

margin:0 0 40px;

text-align:justify;

background:#f7f7f7;

}



.post_date {

background:url(images/datebg.jpg);

clear:left;

float:left;

margin:5px 5px 0 0;

width:40px;

height:40px;

}



.date_post {

border-bottom:1px dotted;

clear:left;

color:#eeeeee;

float:left;

font-size:16px;

font-weight:500;

padding-top:2px;

text-align:center;

width:40px;

}



.month_post {

float:left;

clear:left;

width:40px;

font-size:14px;

color:#2C4353;

text-align:center;

padding-bottom:2px;

}



.widecolumn .post {

margin:0;

}



.heading {

height:45px;

margin-top:20px;

}



.narrowcolumn .postmetadata {

padding-top:5px;

}



.widecolumn .postmetadata {

margin:30px 0;

}



.widecolumn .smallattachment {

text-align:center;

float:left;

width:128px;

margin:5px 5px 5px 0;

}



.widecolumn .attachment {

text-align:center;

margin:5px 0;

}



.postmetadata {

clear:left;

}



/* Begin footer */

#footer {

padding:0;

margin:0 auto;

width:760px;

height:auto;

clear:both;

}



#footerdivs {

margin:10px auto;

padding-left:15%;

width:600px;

text-align:left;

}



.footercont {

width:30%;

float:left;

}



.footercont.widgettitle {

margin-top:0;

}



#footerbg {

background:url(images/navbarbg.jpg);

background-repeat:repeat-x;

width:740px;

margin:0 auto -20px 10px;

height:40px;

}



#footer p {

margin:0;

padding:20px 0;

text-align:center;

}



#footer p.credit {

padding:10px 0 15px;

text-align:center;

}



img.footer-icon {

margin: 0 0 -3px 0;

}



#footer ul,#footer ul li ul li {

list-style-type:none;

list-style-image:none;

padding:0;

margin-left:0;

}



#footer ul ul li:before {

content:"\00BB \0020";

padding:0;

}



/* End footer */

/* End Structure */

/*	Begin Headers */

#headerimg h1 a:hover {

color:#D33535;

text-decoration:none;

}



h1 {

padding-top:70px;

margin:0;

}



h2 {

margin:0;

}



h2.pagetitle {

margin-top:30px;

text-align:center;

}



#sidebar h2 {

margin:5px 0 0;

padding:0;

}



h3 {

padding:0;

margin:30px 0 0;

}



h3.comments {

padding:0;

margin:40px auto 20px;

}



#headerimg h1 {

text-align:left;

margin:0 0 5px 25px;

}



#headerimg h1 a {

color:#bf2626;

}



/* End Headers */

/* Begin Images */

p img {

padding:2px;

max-width:100%;

}



.entry img {

padding:3px;

border:1px solid #ccc;

}



.entrytext img {

padding:3px;

border:1px solid #ccc;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

margin: 0 6px;

}



.alignright {

	float: right;

margin: 0 6px;

}





/* End Images */

/* Begin Avatar */

.avatar_cont {

float:left;

border:2px solid #ccc;

margin: 0 5px 0 0;

}

/* End Avatar */

/* 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:0;

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 {

margin:0;

padding:0;

background:#f7f7f7;

}



#sidebar ul li {

list-style-type:none;

list-style-image:none;

margin-bottom:8px;

}



#sidebar ul p,#sidebar ul select {

margin:5px 0 8px;

}



#sidebar ul ul,#sidebar ul ol {

margin:5px 0 0 10px;

}



#sidebar ul ul ul,#sidebar ul ol {

margin:0 0 0 10px;

}



ol li,#sidebar ul ol li {

list-style:decimal outside;

}



#sidebar ul ul li,#sidebar ul ol li {

margin:3px 0 0;

padding:0;

}



.sidebar_icon {

text-align:right;

padding-right:5px;

}



/* End Entry Lists */

/* Begin Form Elements */

#loginform{

float:right;

padding-right:3px;

font-size:.9em;

}

#user_login,#user_pass{

width: 75px;

}

input.text{

font-size:1.2em;

}



#searchform {

margin:5px 5px 0 0;

text-align:left;

-moz-border-radius: 3px;

}



#searchform #s,#user_login,#user_pass {

background:#bf2626;

color:#f7f7f7;

border:1px #999 solid;

border-left-color:#ccc;

border-top-color:#ccc;

-moz-border-radius: 3px;

}

#searchfor #s{

width:110px;

padding:3px;

margin-bottom:6px;

}



#searchsubmit,#catsubmit,#wp-submit {

padding:1px;

display:inline;

background-color:#EEEDED;

border:1px #999 solid;

border-left-color:#ccc;

border-top-color:#ccc;

-moz-border-radius: 3px;

}



#searchsubmit:hover,#catsubmit:hover,#wp-submit:hover {

padding:1px;

display:inline;

color:#f7f7f7;

background-color:#bf2626;

border:1px #ccc solid;

border-left-color:#999;

border-top-color:#999;

-moz-border-radius: 3px;

}



.entry form {

/* This is mainly for password protected posts, makes them look better. */

text-align:center;

}



select {

width:140px;

-moz-border-radius: 3px;

}



.postform {

background:#bf2626;

color:#f7f7f7;

border:1px #999 solid;

border-left-color:#ccc;

border-top-color:#ccc;

}



#commentform input {

width:170px;

padding:2px;

margin:5px 5px 1px 0;

}



#commentform textarea {

width:100%;

padding:2px;

}



#commentform #submit {

margin:0;

float:right;

border:2px #999 solid;

border-left-color:#ccc;

border-top-color:#ccc;

}



#commentform #submit:hover {

margin:0;

float:right;

border:2px #ccc solid;

border-left-color:#999;

border-top-color:#999;

}



/* End Form Elements */

/* Begin Comments*/

.alt {

margin:0;

padding:10px;

}



.commentlist,.trackback {

padding:0;

text-align:justify;

}



.trackback li {

margin: 2px 0;

list-style: none;

padding: 2px 10px 2px;

border-bottom: 1px solid #ddd;

}



.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 Sidebar */

#sidebar {

padding:10px 0;

margin-left:545px;

width:190px;

}



#sidebar form {

margin:0;

}



#techozoic-rss,#rss {

background:url(images/syndicatebg.jpg) no-repeat top left;

height:60px;

}



/* End Sidebar */

/* Begin Calendar */

#wp-calendar {

empty-cells:show;

margin:10px auto 0;

width:155px;

}



#wp-calendar #next a {

padding-right:10px;

text-align:right;

}



#wp-calendar #prev a {

padding-left:10px;

text-align:left;

}



#wp-calendar a {

display:block;

}



#wp-calendar caption {

text-align:center;

width:100%;

}



#wp-calendar td {

padding:3px 0;

text-align:center;

}



#wp-calendar td.pad:hover {

/* Doesn't work in IE */

background-color:#fff;

}



/* End Calendar */

/* Begin Various Tags & Classes */

acronym,abbr,span.caps {

cursor:help;

}



acronym,abbr {

border-bottom:1px dashed #999;

}



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 {

display:none;

}



a img {

border:none;

}



.navigation {

display:block;

text-align:center;

margin-top:10px;

margin-bottom:30px;

}



.entry_spacer {

width:400px;

height:0;

border-bottom:1px solid #a4acb3;

border-top:1px solid #eaeaea;

margin:auto;

}



#sk2-footer a {

color:#eee;

}



#sk2-footer a:hover {

color:#8c1c1c;

}



/* End Various Tags & Classes*/

#page,#header {

background-color:#f3f3f3;

}



.top {

float:right;

padding-left:10px;

}



.toppost {

float:right;

margin-top:-15px;

}



#ibook {

position:absolute;

left:0;

top:0;







overflow:visible;

height:200px;

width:200px;

margin:0;

z-index:1000000000;

border:none;

float:none;

}



/* IE Hack */

* html #ibook {

float:left;

margin-top:0;

overflow:hidden;

}



* html #footerbg {

margin:0 auto -25px 10px;

}



* html #page {

margin:auto;

overflow:hidden;

}



* html #header {

padding-left:1px;

}



* html #navmenu {

margin:0 0 0 11px;

}



* html #navmenu ul {

margin:0;

}



* html #footer {

padding:0 0 0 1px;

}



* html h2 {

margin:30px 0 0;

}



* html .post_date {

margin:30px 0 0;

}



/* IE Hack end */



/* Now to get background and stuff working */

#header {

background:url(images/header.jpg) no-repeat bottom center;

}



#footer {

background:url(images/footer.jpg) no-repeat bottom;

border:none;

margin-right:1px;

}



#page {

background:url(images/bg.jpg) repeat-y top;

border:none;

margin:auto;

padding:0;

z-index:-1;

}



#headerimg {

margin:7px 9px 0;

height:192px;

width:740px;

}





/* Yes, the CSS is incredibly messy, but I really don't have the energy to overgo and check everything. I did not do the base; blame Heilemann :) */

.currencies {

text-align:center;

padding-top:20px;

padding-bottom:20px;

}



.currencies img {

border:1px solid #bcbfc1;

}



.currencies img:hover {

border:1px solid #868b90;

}



/* And Spam Karma II */

#sk2-footer {

background-color:#5b6974;

height:1.2em;

color:#f3f3f3;

border-top:#f3f3f3;

margin-top:10px;

padding-bottom:1px;

padding-top:1px;

text-align:center;

}



/* This is for Brian's Threaded Comments */

small.comments_disclaimer {

color:#5d5d5d;

font-size:1em;

}



/*

#footer {

margin-right: 1px;

}*/