/*  
Theme Name: Techozoic Fluid
Theme URI: http://theme.clarktech.no-ip.com/techozoic-themes/
Description: Simple, fluid width, blue, widget-ready, 2 or 3 column tech theme.  Theme Option panel to change column settings, color scheme, ad placement, and custom headers.  Bug fixes by <a href="http://saltwaterc.net/">SaltwaterC</a>.   Released under GPL License.
Version: 1.5.8
Author: Jeremy Clark
Author URI: http://clarktech.no-ip.com/blog/
Tags: blue, light, two-columns, three-columns, flexible-width, custom-colors, custom-header, theme-options ,left-sidebar, right-sidebar, threaded-comments, sticky-post
*/
/* Begin Typography & Colors */
sub,sup {
font-family:serif, Georgia;
font-size:1.1em;
color:#606e79;
}
.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;
color:#333;
text-align:center;
}
#page {
border:1px solid #959596;
text-align:left;
}
#content {
font-size:1em;
color:#2c4353;
}
.widecolumn .entry p {
font-size:.9em;
}
.narrowcolumn .entry,.widecolumn .entry {
line-height:1.3em;
background:#e3e3e3;
padding:2px 4px 1px;
margin-top:4px;
-moz-border-radius-bottomleft:5px;
}
.widecolumn {
line-height:1.6em;
}
.narrowcolumn .postmetadata {
text-align:center;
}
.tagcont {
float:left;
margin:0 1%;
width: 30%;
height:150px;
}
.tags {
padding:2px;
background-color: #cccccc;
margin: 5px auto;
text-align:center;
}
.alt {
background-color:#eee;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
#footer {
background:url('../images/footerl.jpg') no-repeat bottom left;
}
#footerr{
background:url('../images/footerr.jpg') no-repeat bottom right;
}
#footermid{
background:url('../images/footermid.jpg') repeat-x bottom;
margin:auto;
width:97%
}
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:3em;
line-height:1.3em;
}
.description {
font-size:1.2em;
text-align:left;
margin:0 15px;
padding:3px; 
border-top:1px solid #444;
}
h2 {
font-size:2em;
letter-spacing:-.9px
}
h2.pagetitle {
font-size:1.6em;
}
.sidebar h2 {
font-family:'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.6em;
}
h3 {
font-size:1.3em;
}
h1,h1 a,h1 a:hover,h1 a:visited {
text-decoration:none;
}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
color:#344451;
}
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:#344451;
text-decoration:underline;
}
.commentdiv{
height:40px;
width:40px;
float:right;
text-align:center; 
margin-top:7px;
}
.commentdiv a{
display:block; 
padding-top:6px; 
width:40px;
height:35px;
font-size:18px;
background:url('../images/comment.png') no-repeat top center;
}
.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;
}
.commentlist li.pingback {
display:none;
}
.author, .bypostauthor {
border-top:1px #000 dotted;
background-color:#ddd;
}
.commentlist ul.children {
padding-left:10px;
}
#commentform p {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight:400;
}
#respond{
padding-bottom:25px
}
.sidebar {
font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
small,.sidebar ul ul li,.sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#777;
}
code {
font:1.1em 'Courier New', Courier, Fixed;
}
pre {
overflow:scroll;
overflow-y: hidden;
}
dd {
margin-left: 5px;
font-style: italic;
}
acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em;
}
#wp-calendar #prev a {
font-size:.9em;
}
#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;
border:1px solid #959596;
}
#header {
padding:0;
margin:0 auto;
height:200px;
width:97%;
background-color:#73a0c5;
}
#navmenu {
background:url('../images/navbarbg.jpg') repeat-x;
background-color:#f7f7f7;
height:60px;
margin:0 10px auto 10px;
}
ul#admin{
list-style-type:none;
list-style-image:none;
float:right;
margin-top: -10px;
}
ul#nav {
list-style-type:none;
list-style-image:none;
padding:5px 0 0;
height:35px;
width:100%;
margin:auto;
}
#search {
display:block;
float:right;
border-right:none;
font:bolder 1.3em 'Trebuchet MS', sans-serif;
margin:160px 10px 0 0;
}
ul#nav li, ul#admin li {
display:inline;
float:left;
text-align:center;
margin-right:2px;
background:#e1e1e1;
padding:3px;
overflow:hidden;
height:1.5em;
}
ul#nav a, ul#admin a {
text-decoration:none;
font:bolder 1.3em 'Trebuchet MS', sans-serif;
}
ul#nav li {
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
}
ul#admin li {
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
}
ul#nav li.current_page_item{
border-bottom:1px dotted; 
}
ul#nav li.current_page_item a {
color:#f7f7f7;
}
ul#nav li:hover, ul#admin li:hover {
background:#efefef;
}
.widecolumn {
padding:10px 0 20px;
margin:5px auto 0;
width:80%;
}
.post {
margin:0 0 40px;
text-align:justify;
background:#f7f7f7;
}
.post_date {
clear:left;
float:left;
margin:5px 5px 0 0;
width:40px;
height:40px;
}
* html .post_date {
margin:30px 0 0;
}
.date_post {
border-bottom:1px dotted;
clear:left;
color:#2C4353;
float:left;
font-size:1.6em;
font-weight:800;
padding-top:2px;
text-align:center;
width:40px;
letter-spacing:-1px;
}
.month_post {
float:left;
clear:left;
width:40px;
font-size:1.4em;
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;
}
p {
margin-top: .6em;
}
/* Begin footer */
#footer {
border:none;
clear:both;
height:auto;
margin:0 0 0 auto;
padding:0;width:100%;
}
#footer p {
margin:0;
padding:15px 0 20px;
text-align:center;
}
#footer p.credit {
padding:10px 0 15px;
text-align:center;
}
/* End footer */
/* End Structure */
/* Begin Headers */
h1 {
margin:0;
}
h2 {
margin:0;
}
h2.pagetitle {
margin-top:30px;
text-align:center;
}
.sidebar h2 {
margin:5px 0 0;
padding:0;
}
h3 {
padding:0;
}
h3.comments {
padding:0;
margin:40px auto 20px;
}
#headerimg h1 {
text-align:left;
}
#headerimg h1 a {
padding:5px;
}
/* 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;
}
.wp-caption {
background-color:#f7f7f7;	
padding:3px; 
-moz-border-radius:3px;
border: 1px solid #444;
text-align:center;
}.wp-caption-text {
text-align:center;
line-height: 1.1em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}
.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 bulletsd o 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;
}
.sidebar ul li {




list-style-type:none;
list-style-image:none;
margin-bottom:8px;
}
.sidebar ul p,.sidebar ul select {
margin:5px 0 8px;
-moz-border-radius: 3px;
}
.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{
padding:0 3px;
font-size:.9em;
}
#user_login,#user_pass{
width: 90px;
}
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 {
color:#f7f7f7;
border:1px #999 solid;
border-left-color:#ccc;
border-top-color:#ccc;
-moz-border-radius: 3px;
}
#searchform #s{
width:150px;
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;
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 {
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;
-moz-border-radius: 3px;
}
#commentform textarea {
width:100%;
padding:2px;
-moz-border-radius: 5px;
}
#commentform #submit {
margin:0;
float:right;
border:2px #999 solid;
border-left-color:#ccc;
border-top-color:#ccc;
-moz-border-radius: 3px;
}
#commentform #submit:hover {
margin:0;
float:right;
border:2px #ccc solid;
border-left-color:#999;
border-top-color:#999;
-moz-border-radius: 3px;
}
/* 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 form {
margin:0;
}
#techozoic-rss,#rss {
background:url('../images/syndicatebg.jpg') no-repeat top center;
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:#ddd;
}
/* End Various Tags & Classes*/
#page,#header {
background-color:#f3f3f3;
}
.top {
float:right;
padding:2px 4px;
background-color:#e3e3e3;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
}
.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;
}
/* Now to get background and stuff working */
#header {
background:url('../images/headers/Random_Lines_1.jpg') no-repeat bottom center; 



}
#page {
background:url('../images/bgl.jpg') repeat-y left top;
background-color:#f7f7f7;
border:none;
margin:auto;
padding:0;
text-align:left;
min-width:760px;
z-index:-1;
}
#pager{
background:url('../images/bgr.jpg') repeat-y right top;
}
#headerimg {
background-color:#f7f7f7;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity:.8;
-moz-border-radius:3px;
float:left;
margin: 60px 0 0 10px;
}
/* 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;
}*/