/*  
Theme Name: We Live In Public
Theme URI: http://theme.clarktech.no-ip.com
Description: Simple, web 2.0, widget-ready, 3 column theme.  Released under GPL
Version: 1.1.1
Author: Jeremy Clark
Author URI: http://clarktech.no-ip.com/
Tags: web-2.0, simple, blue, green, 3-column, fluid-width, widgetized
*/
/* Begin Typography & Colors */
sub,sup {
font-family:serif, Georgia;
font-size:1.1em;
/* color:#606e79; */
color:#ffffff;
}

.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; */
color: #ffffff;
text-align:center;

}

#content {
font-size:1.25em;
/* color:#CCCCCC; */
color:#ffffff;
}

.widecolumn .entry p {
font-size:.9em;
}

.narrowcolumn .entry,.widecolumn .entry {
line-height:1.3em;
/*background:url(images/entrybg.jpg) repeat-y top left;*/
background:#333333;
border-top: 1px #6E0405 solid;
padding:2px 0 1px 3px;
overflow:hidden;
margin-top:4px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

.widecolumn {
line-height:1.6em;
}

.narrowcolumn .postmetadata {
text-align:center;
}

.alt {
/*background-color:#eee;*/
background-color:#222;
border-top:1px solid #ddd;
border-bottom:3px solid #ddd;
}
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 15px;
color:#54544D;
background-color:#f7f7f7;	
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:.7;
padding:3px; 
-moz-border-radius:3px;
border: 1px solid #444;
}

h2 {
font-size:1.6em;
}

h2.pagetitle {
font-size:1.6em;
}

.sidebar h2 {
font-family:'OCR A Std', 'OCR A Extended', 'Lucida Grande', Verdana, Sans-Serif;
text-decoration:underline}

h3 {
font-size:1.3em;
padding-left:20px;
}

h1,h1 a,h1 a:hover,h1 a:visited {
text-decoration:none;
color:#FFF;
}

h2, h3 {
/* color:#cccccc; */
/* color:#ffffff; */
color:#9FCFE3;
}

h2 a,h3 a{
color:#9FCFE3;
}

h2 a:visited,h3 a:visited {
color:#4B94B4;
}

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:#FF0033;
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;
}

.author {
background: #bbb;
border-top:1px #000 dotted;
color:#4682B4;
}

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

.commentmetadata {
font-weight:400;
}

.sidebar {
/* font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
font:1.25em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small,.sidebar ul ul li,.sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#0099FF;
}

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:#B54444; #0066ff;*/
/*color:#FF6600;*/
color:#9FCFE3;
text-decoration:underline; 
}

a:hover {
color:#4C4C4C;
color:#FFF;
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;
}

#header {
padding:0;
height:150px;
background-color:#000000;
text-align: left;
}

#logo {
/*background:url(images/logo.jpg) no-repeat top right;*/

/*height:75px;
position:absolute;
right:5px;
top:5px;
width:75px; */
}

#navmenu {
background-color:#000000;
/* padding:0 20px 0 10px; */
/* width: 975px; */
width: 88em;
margin-left: auto;
margin-right: auto;
height: 25px;
border-bottom: 6px solid #000000;
}

ul#admin{
list-style-type:none;
list-style-image:none;
/* float:right; */
margin-top: 0px;
display:inline;
}

ul#nav {
list-style-type:none;
list-style-image:none;
padding:5px 0 0;
height:25px;
width:100%;
margin:auto;
display:inline;
}


#search {
display:block;



float:right;
border-right:none;
font:bolder 1.3em 'Trebuchet MS', sans-serif;
margin:-5px 10px 0 0;
}

ul#nav li, ul#admin li {
display:inline;
float:left;
text-align:center;
margin-right:2px;
}

ul#nav a, ul#admin a {
text-decoration:none;
font:bolder 1.3em 'Trebuchet MS', sans-serif;
color:#ffffff;
float:left;
background:#333333;
padding:2px;
width:6.3em;
overflow:hidden;
height:1.5em;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
}

ul#nav a:hover, ul#admin a:hover {
background:#666666;
}

ul#nav li.current_page_item a {
background:#ffffff;
color:#000000;
/* border-bottom:1px dotted; */
}

.narrowcolumn {
float:left;
margin:0 1%;
padding:0 0 20px 0;
width:52%;
}

.widecolumn {
padding:10px 0 20px;
margin:5px auto 0;
width:75%;
}

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

.underline {
border-bottom: 2px solid #b54444;
}

.post_date {
border: 1px solid #DBDBDB;
clear:left;
float:left;
margin:5px 5px 0 0;
width:40px;
height:40px;
}

.date_post {
border-bottom:1px dotted;
clear:left;
color:#B8B9B0;
float:left;
font-size:16px;
font-weight:700;
padding-top:2px;
text-align:center;
width:40px;
background: #4682B4;
}

.month_post {
float:left;
clear:left;
width:40px;
font-size:14px;
color:#f7f7f7;
text-align:center;
padding-bottom:2px;
background:#33527A;
}

.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 {
background-color:#454141;
border:none;
clear:both;
height:auto;
padding:0;width:100%;
}

#footer p {
margin:0;
padding:15px 0 20px;
text-align:center;
color:#dbdbdb;
}

#footer p.credit {
padding:10px 0 15px;
text-align:center;
}

/* End footer */
/* End Structure */
/*	Begin Headers */
#headerimg h1 a:hover {
color:#343333;
text-decoration:none;
}

h1 {
padding-top:20px;
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 10px 15px;
}

#headerimg h1 a {
color:#54544D;
background-color:#f7f7f7;
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:.7;
padding:3px;
-moz-border-radius:3px;
border: 1px solid #444;
}

/* End Headers */
/* Begin Images */
p img {
padding:2px;
max-width:100%;
}

.wp-caption {
background-color:#333333;	
padding:3px; 
margin:3px; 
-moz-border-radius:3px;
border: 1px solid #444;
text-align:center;
}
.wp-caption-text {
text-align:center;
line-height: 1.1em;
color:#9FCFE3;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.entry img {
border:1px solid #ccc;
padding: 3px;
}

.entrytext img {
padding:3px;
border:1px solid #ccc;
}

/* End Images */
/* Begin Avatar */
.avatar_cont {
float:left;
border:2px solid #ccc;
margin: 0 5px 0 0;
}
/* 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;
}

.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{
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:#54544D;
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:#D6D5A6;
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:#343333;
background-color:#DBDBB6;
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:75%;
-moz-border-radius: 3px;
}

.postform {
background:#54544D ;
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 Sidebars */
#r_sidebar {
float:right;
padding:10px 2% 0 0;
width:20%;
}

#l_sidebar {
float:left;
padding:10px 0 0 2%;
width:20%;
}

.sidebar form {
margin:0;
}

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

padding-bottom: 20px;
}

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

.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;
}


/* Now to get background and stuff working */
#header {
/*background:url(images/header.jpg) no-repeat bottom center;*/
background:url(/images/WLIP_v2.1_01.jpg) no-repeat fixed top center;

}

#page {
background:url(/images/WLIP_v2.1_02.jpg) no-repeat fixed top center;

background-color:#000000;
border:none;
margin:auto;

padding:0;
text-align:left;
width:90%;
min-width:770px;
}

#headerimg {
}

/* 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;
}


/**********************
KYLE ADDED STUFF
**********************/

body {
	background: url(images2/bg.jpg) top center no-repeat fixed #000000;
}

#page_holder {
	width:950px;
	margin: 0 auto;
}

#toolbar {
	width: 100%;
	height: 24px;
	padding-bottom: 10px;

}

#toolbar_left {
	float: left;
	margin-left: 60px;
	padding-top: 5px;
}

#toolbar_right {
	float: right;
	margin-right: 60px;
	padding-top: 15px;
}

#toolbar_right span img {
	height:25px;
	width:25px;
	margin-left: 10px;
	
}

#toolbar_right a:hover img
{
    opacity: 0.75;
}

#toolbar_right a img
{
    opacity: 1;
}

#header_new {
	width: 100%;
	padding-top: 10px;

}

#navigation {
	width: 100%;
	margin: 30px auto 50px;
}

#navigation img {
	margin: 0px 6px;
	width:90px;
}


#footer_new {
	width: 850px;
	margin: 25px auto;
	background-color: #04080B;
	padding: 20px 0px;
	/*border:1px solid #fefefe;*/
	
}

#footer_logos {
	margin: 60px auto 25px;
}

#footer_logos img{
	margin: 0px 10px;
}


#footer_logos a:hover img
{
    opacity: 0.75;
}

#footer_logos a img
{
    opacity: 1;
}


#column_home {
	
}

#home_extras {
	
}

#home_extras_left {
	width:260px;
	float: left;
	margin-left: 10px;
}

#home_extras_right {
	width:640px;
	float: right;
	margin-right: 10px;
}

#column_left {
	float:left;
	width:640px;
	overflow:hidden;
}
#column_right {
float:right;
width:260px;
font-size:0.9em;
overflow:hidden;
}

#column_right li {
	text-align: left;
}


#column_right h2 {
	margin-top: 30px;
	text-align:center;
}

#share_btns {
	clear:both;
	text-align:center;
	margin: 0px auto;
	padding: 0px 0px 0px;
}


#share_btns span {
	float:left;
}

#share_btns img {
	height: 40px;
	width:40px;
	border: 1px solid #000;
}

#share_home {
	clear:both;
	text-align:center;
	margin: 30px auto 0px;
	padding: 0px 0px 0px;
}


#share_home span {
	float:left;
}

#share_home img {
	height: 60px;
	width:60px;
	border: 1px solid #000;
}

#share_home .share_img {
	width: 30px;	
	
}

#share_btns .share_img {
	width: 20px;	
	
}


.addthis_toolbox .custom_images a:hover img
{
    opacity: 0.75;
}

.addthis_toolbox .custom_images a img
{
    opacity: 1;
}


.sidebar_btns a img {
	opacity: 1;
	margin: 0px 0px 15px;
}

.sidebar_btns a:hover img
{
    opacity: 0.75;
}

.btn_action {
	margin: 15px 0px;
}

.btn_action a {
	display: block;
	color: #FFF;
	background: #2E3131;
	padding: 10px 5px 10px 5px;
	border:1px solid #9FADAE;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
}

.btn_action a:hover {
	background: #DCECEB;
	color: #2E3131;
	border-color: #2E3131;
}

#column_left .post {
	background-color:#000;
	padding: 30px;
	border:1px solid #fefefe;
}
.topspin-widget {
	float:left;
	border: 1px solid #9FCFE3;
	margin-right: 10px;
	margin-top: 25px;
}

.wp-caption a img {
	opacity: 1;
	
	}

.wp-caption a:hover img
{
    opacity: 0.55;
}

.widget_tag_cloud {
	background-color:#000;
	padding: 0px 15px 15px;
}
#column_right a {
	text-decoration:none;
}
#column_right a:hover {
	text-decoration:underline;
}
.widget_tag_cloud h2 {
	margin-top: 0px;
	padding-top: 10px;
}

.widget_tag_cloud {
	clear:both;
	margin-top: 15px;
}

.twitpic-footer {
	display:none;
}