/*
Theme Name: Unlikely Futures
Theme URI: 
Description: 
Version: 1
Author: Renee Lee
Author URI: 
*/

body {
font: 75%/150% Arial, Helvetica, sans-serif;
color: #333333;
line-height: 180%;
background: url(images/page-bg.jpg);
background-repeat: repeat-x;
background-position: center top;
background-attachment:fixed;
/*background: #FFFFFF url(images/main-bg.png) repeat-y;*/
margin: 0px;
padding: 0px 0px 0px;
}

a {
color: #FF0066;
text-decoration: none;
}

a:visited {
color: #FF0066;
text-decoration: none;
}

a:hover {
color: #FF0066;
text-decoration: underline;
}

a img, a:visited img, a:hover img {
border:none;
}

p {
padding: 0px 0px 15px;
margin: 0px;
}

h1 {
margin:0px;
background: url(images/header-icon.gif) no-repeat;
padding-left: 70px;
height: 60px;
font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
color: #c9eefe;
}

h1 a{
color: #c9eefe;
text-decoration: none;
}

h1 a:visited{
color: #c9eefe;
text-decoration: none;
}

h1 a:hover{
color: #ffffff;
text-decoration: none;
}

h2 {
color: #000000;
font-size: 23px;
font-weight: bold;
line-height: 1.26em;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
font-family: Georgia,"Times New Roman",Times,serif;
padding-bottom: 3px;
width:100%;	
}

h2 a, h2 a:visited {
color: #000000;
}

h2 a:hover {
color: #424242;
text-decoration: none;
}

h3 {
font-size: 120%;
font-family: Georgia,"Times New Roman",Times,serif;
color: #000000;
margin: 10px 0px 10px 0px;
}

h4 {
font-family: Georgia,"Times New Roman",Times,serif;
color: #000000;
margin: 5px 0px 5px;
}




form {
margin-top:30px;
margin-bottom:30px;
padding:0px;
}


#pagebg {
width: 100%;
/*background: url(images/page-bg.jpg);*/
}       

#page {
margin: 0px auto;
width: 960px;
height:100%;
/*background: url(images/bg.png) repeat-y center top;*/

}

#pagearea
{
margin: 0px auto;
padding: 0px;
width: 960px;

}

#header {
height:247px;
width: 850px;
margin-right: auto;
margin-left: auto;
}

#headerimg {
background: url(images/header-title.gif) no-repeat;
position: absolute;
height: 95px;
width: 575px;
margin-top: 85px;
}

.description{
font: lighter 17px "Century Gothic", Arial;
letter-spacing: 0.7px;
position: absolute;
color: #b4b4b4;
margin-top: 180px; 
padding-left: 23px;   
background: #fff url(images/header-image.png) no-repeat left;
}

#nav {
list-style-type: none;
position:static;
background: url(images/nav-bg.jpg) repeat-x bottom center;
width: 850px;
height: 43px;
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
}

#nav a {
display: block;
color: #000000;
text-decoration: none;
padding: 0px 20px 10px 5px;
font: lighter 23px/100% "Century Gothic", Helvetica, sans-serif;
display: block; 
text-transform: uppercase;
}

#nav a:visited {
color: #000000;
text-decoration: none;
}
#nav a:hover {
color: #FF0066;
}

#nav li.current_page_item a  {
color: #FF0066;
}

#nav li {
float:left;
}

#nav .feedicon{
width: 80px;
height: 40px;
background: url("images/feed-icon-pink.png") no-repeat 25px 0px;
display: block;
display: inline; /* IE */
float: right;
margin: 12px 0px 0 0;
color: #f6600;
font-size: 11px;
text-align: bottom;
}

#nav .feedicon a, .feedicon a:visited, .feedicon a:hover {
color: #f6600;
font-size: 11px;
}


#content {
padding: 10px 0px 30px 0px;
float: left;
width: 550px;
height:100%;
}

.post {
clear:both;
margin-bottom: 30px;
}

.post2 {
clear:both;
padding-bottom: 20px;
padding-top: 20px;
display: table;
border-bottom: 1px dotted #ccc;
width: 550px;
}

.author-image {
float:left;
padding:3px;
background-color: #ffffff;
border: 1px solid #cccccc;       
}

.post-title{
float: left;
margin-left: 15px;
width: 455px;
}

.post-title2 {
float: left;
margin-left: 0px;
width: 520px;

}

.post-title3 {
float: left;
margin-left: 0px;
width: 520px;
color: #cccccc;
}

.work-title{
float: left;
width: 225px;
height:100%;
margin-bottom: 15px;
position: relative;
z-index: 2;
}

.entry {
clear: both;
padding-top: 10px;
padding-bottom:10px;

}

.hr {
border-bottom: 1px dotted #ccc;
clear: both;
width: 100%;
}

.entry p {
text-align: justify;
}

.entrymeta{
margin-top: 0;
padding-top:4px;
margin-bottom: 70px;
}

.entrymeta img a, img a:visited, img a:hover{
color: #ffffff;
background-color: #ffffff;
}

.post-cat {
background: url(images/postcat-icon.gif) no-repeat left 5px;
padding-left: 18px;
float:left;
font-size: 95%;
color: #999999;
margin-right: 20px;

}

.post-info {
float: left;
width: 100%;
height: 26px;
clear: both;
margin:5px 0px 15px 0px;
background-image: url(images/postinfo-bg.png);
background-repeat: repeat-y;
background-position: left center;
line-height: 25px;
text-align: left;
text-indent: 1em;
color: #FFFFFF;
font-size: 11px;
font-family: "Century Gothic", Tahoma, Arial;
letter-spacing: 1px;
}

#post-list li {
float: left;
width: 100%;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0px;
padding-left: 0pt;
margin: 0pt;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
position:relative;
}

.sharethis{
margin:10px 0px 0px 0px;
color:#999999;
font-size: 11px;
padding:0px;
position:absolute;
top:0;
left:0;
}

.post-comments-text2 {
color: #000000;
position: absolute;
left: 410px;	
}

.post-comments-text {
color: #000000;
position: relative;
left: 165px;	
}

.post-comments {
color: #FF0066;
font-size:20px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
float: right;
height:38px;
width:60px;
background-image: url(images/comments-icon.png);
background-repeat: no-repeat;
background-position: 8px top;
position: relative;
overflow: visible;
bottom: 41px;
line-height: 28px;
right: 0px;
text-align: center;
}

.post-comments a:hover{	
text-decoration:none;
}

.post-content {
clear: both;
padding-top: 10px;
}

.navigation {
clear: both;
padding: 10px 0px;
}

.navigation a, .navigation a:visited {
color: #FF0066;
}

.previous-entries {
float: left;
padding-left: 22px;
background: url(images/mini-nav-left.gif) no-repeat left 6px;
}

.next-entries {
float: right;
padding-right: 22px;
background: url(images/mini-nav-right.gif) no-repeat right 6px;
}

/************************************************
*	Comments      *
************************************************/

#commentblock {
float:left;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;	/*font-size: 0.8em;*/
width:500px;
}

#commentblock h2 {
color: #ffffff;
font-family: "Century Gothic",Tahoma,Arial;
font-size: 16px;
line-height: 100%;
font-weight: lighter;
font-variant: normal;
background-image: url(images/sidebar-bg.png);
background-repeat: repeat-y;
text-indent: 15px;
letter-spacing: 0.1em;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 3px;
padding-bottom: 7px;
text-transform: lowercase;
background-position: right center;
text-align: left;
vertical-align: middle;
font-style: normal;
background-color: #333333;
}

ol#commentlist {
margin-top:0px;
padding: 5px;

margin-left: 0px;
list-style-type: none;
}
.commentdate {
font-size:0.8em;
padding-left:5px;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding:8px 0px 8px 0px;
}

.commentname {
margin: 0;
padding: 5px 5px 5px 0px;
}

.commentinfo{
clear:both;
}

.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 10px;
padding: 10px;
width:474px;
background: #E5E5E5 url(images/comm.png) no-repeat top;
}

.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 10px;
padding: 10px;
width:474px;
background: #c1eaef url(images/comm-admin.png) no-repeat top;
}


#commentsformheader{
padding-left:0px;
}

#commentsform{
margin-top:0;
text-align:center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#commentsform form{
text-align:left;
margin:0px;
}

#commentsform p{
margin:5px;    
}

#commentsform form textarea{
width:99%;
}

p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.subh3 {
font-size:16px;
padding-left: 0px;
font-family: "Century Gothic",Tahoma,Arial;
line-height: 150%;
font-weight: lighter;
}

#sidebar {
float: right;
padding: 0px 0px 20px 0px;
width: 260px;
}


#sidebar h2 {
margin: 10px 0px 5px;
color: #ffffff;
font-family: "Century Gothic",Tahoma,Arial;
font-size: 16px;
line-height: 100%;
font-weight: lighter;
background: #333333 url(images/sidebar-bg.png) repeat-y right center;
text-indent: 15px;
letter-spacing: 0.1em;
padding-top: 3px;
padding-bottom: 7px;
text-transform: lowercase;
text-align: left;
vertical-align: middle;	
}


#sidebar img {
padding:0px;
}

#sidebar li{
list-style: none;
margin-bottom:20px;
}

#sidebar ul {
list-style: none;
margin: 0 0 0px 0;
padding: 0;
font-size: 11px;
}

#sidebar ul li {
margin:0px;
padding:0px 0px 0px 0px;
line-height:150%;
}


#sidebar ul li a {
display: block;
text-decoration: none !important;
margin-left: 0px;
padding-top: 4px;
padding-right: 0px;
padding-left: 25px;
padding-bottom: 4px;
background-image: url(images/navbulle.gif);
background-repeat: no-repeat;
background-position: 10px 50%;
}

#sidebar ul li a:hover{
border-bottom-color: #fff;
color: #666 !important;
background-color: #c1eaef;
}

#searchform label
{
color: #ccc;
font-family: "Century Gothic",Helvetica,sans-serif;
color: #424242;
font-size:16px;
}

#footer {
clear: both;
background: #048DB4 url(images/footer-bg.gif) no-repeat;
color: #ACD7EE;
font-size: 95%;
line-height: 130%;
}

#footer a, #footer a:visited{
color: #ffffff;
}

#footer .left-col{
width: 240px;
float: left;
margin-left: 10px;
}

#footer .right-col{
width: 220px;
float: right;
padding-right: 10px;
padding-left: 10px;
background: url(../Unlikely%20Future%20testing/images/footer-right-bg.gif) no-repeat;
}

#footer h4 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #9cdbfb;
margin: 10px 0px 5px;
}

.recent-comments {
list-style: none;
margin: 0px;
padding: 0px;
line-height: 110%;
}

.recent-comments li{
background: url(images/mini-footer-comments.gif) no-repeat;
padding: 0px 0px 10px 20px;
}

.recent-comments a{
font-size: 105%;
line-height: 130%;
font-weight: bold;
}

.recent-posts {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}

.recent-posts li{
background: url(images/mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}

.recent-posts a{
font-size: 115%;
line-height: 130%;
font-weight: bold;
}

#credits {
margin: 0px auto;
width: 760px;
color: #7a9299;
font-size: 85%;
line-height: 120%;
}

#credits a, #credit a:visited{
color: #048db4;
}

.rss {
background: url(images/mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 10px;
}

.left {
float: left;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.share-div {
width: 590px;
height: 30px;
background-color: #FFF;
display: none;
}

.share {
visibility: <?php echo $artsee_share; ?>;
}

.post-wrapper {
background-color: #FFF;
padding: 15px;
width: 505px;
border: 1px solid #EBEBEB;
}

#wrap{
width: 850px;
margin-right: auto;
margin-left: auto;
}

.sociable
{
width: 48%;
float: left;
position: relative;
}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 2px;
}

.sociable ul li:before { content: ""; }
.sociable img {
display: inline;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
display: inline;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.sociable-hovers:hover {
display: inline;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.sociable a:hover img {
display: inline;
margin: 0;
padding: 0;
}

.sociable a[href^="http:"] {
display: inline;
padding-right: 0px;
background: transparent;
text-decoration: transparent;
}

.rating{
width: 48%;
float: right;
position: relative;
height: 90px;
}

.tags {
width: 48%;
float: right;
position: relative;
}

.tags ul {
list-style-type: none;
display: inline;
margin: 0 !important;
padding: 0 !important;  
}

.tags li {
display: inline;
margin: 0 !important;
padding: 0 !important;  
}

.related-posts {
width: 48%;
float: left;
position: relative;
}



.work-thumbnail{

}

.work-thumbnail a img {
border: 1px dotted #ccc;
padding: 5px;
background-color: #fff; 
margin-top: 5px;
margin-botom: 30px;
position:relative;
float: right; 
}



blockquote p {  
  color:#acacac;
  width: 450px;
  background: url(images/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
  font: 1.2em/1.6em Georgia,"Times New Roman",Times,serif;
}

blockquote p:first-letter {
  background: url(images/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia,"Times New Roman",Times,serif;
}

.pagetitle
{
font-size:16px;
text-align: center;
font-family: "Century Gothic",Tahoma,Arial;
line-height: 4em;
font-weight: lighter;
border: 1px dotted #ccc;
width: 100%;
margin-bottom: 20px;
}

.wp-pagenavi{
padding:3px;
margin:3px;
text-align:right;
}



.wp-pagenavi a, .wp-pagenavi a:link {
        padding: 4px 6px 4px 6px;
	margin-right: 2px;
	border: 1px solid #ff0066;
	text-decoration: none; 
	color: #ff0066;

}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px;
	margin-right: 5px;
	border: 1px solid #ff0066;
	text-decoration: none; 
	color: #ff0066;
}
.wp-pagenavi a:hover  {	
	border:1px solid #ff0066;
	color: #ff0066;
	background-color: #ebebeb;
}
.wp-pagenavi a:active {
	border:1px solid #ff0066;
	color: #ff0066;
	background-color: #ebebeb;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px;
	margin-right: 5px;
	color: #ff0066;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px;
	margin-right: 5px;
	border: 1px solid #ff0066;
	background-color: #ff0066;
	color: #FFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px;
	margin-right: 5px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

.moretext {
 text-align: right;
}

.favorite_posts {
border: 1px solid #ebebeb;
padding: 4px 6px 4px 6px;
background-color: #ebebeb;
float:right;
}


#sidebar .remove-btn{
background-image: none;
border: 1px solid #ebebeb;
padding: 4px 6px 4px 6px;
background-color: #ebebeb;
color: #ff0066;
display:inline;
align:right;
margin-left:200px;
}

#dandyid-services a{
font-size:11px;
padding-left:8px;

}

#dandyid-services ul li a {
background-image: none;
padding: 3px 5px 3px 5px;
}
#dandyid-services img
{ 
vertical-align: center;
padding-right:3px;
} 

#fbconnect_enabled_link, .fbconnect_link,  #fbconnect_url, #commentform #fbconnect_url {
	background: url('images/fbconnect.png') center left no-repeat; 
	padding-left: 18px; 
}

body.login #fbconnect_url {
	width: 92%;
	font-size: 20px;
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 18px;
	margin-right: 6px;
}

.fbnarrowcolumn {
	overflow: hidden;
	float: left;
	display: block;
	padding: 0 10px 20px 25px;
	margin: 15px 0 0;
	width: 500px;
}
	

#fbconnect_rollup {
	margin-top: 1em;
}

#fbconnect_rollup div div { margin: 0.5em; }
#fbconnect_rollup ul { margin: 0; padding: 0 0 0 5em; }

.fbconnect_userprofile{
	
       display: block;
	width: 100%;
}

.fbconnect_profiletexts{
		float: left;
		margin-left:5px !important;
                margin-top:3px;
		display: block;
	    width: 380px;
}

.fbconnect_LastUsers{
	background-color: #d5d6d7;
	margin-top:5px !important;
	padding:3px !important;
}

.fbconnect_userpicmain{
	display: block;
	float: left;
	border: 2px solid #d5d6d7;
	margin-right:5px !important;
	margin-bottom:2px !important;
        margin-top:7px;
	overflow: hidden;
	cursor:hand;
}
.fbconnect_miniprofiletext{
	float: left;
        
}


.fbconnect_miniprofile{
	overflow: hidden;
	display: block;
}
	
.invitebutton{
	overflow: visible;
	display: block;
	width: 100%;
	margin-top:5px !important;
	margin-bottom:5px !important;
        vertical-align : middle;
}

.invitebutton input{
color:#000
}

.fbconnect_userpics{
	width: 100%;
	overflow: hidden;
	margin-bottom:5px !important;
	padding-bottom:5px !important;
	border-bottom: 1px solid #CCCCCC;
}

.fbconnect_userpics a{
	border: 2px solid white;
	float: left;
	display: block;
	background-color: #d5d6d7;
	margin-right:4px !important;
	margin-bottom:4px !important;
	font-size: 11px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor:hand;
}
.fbconnect_userpics2{
	width: 100%;
	overflow: hidden;
	margin-top: 7px;
        margin-bottom:5px !important;
	padding-bottom:5px !important;
	border-bottom: 1px solid #CCCCCC;
}

.fbconnect_userpics2 a{
	border: 2px solid #d5d6d7;
	float: left;
	display: block;
	background-color: #d5d6d7;
	margin-right:4px !important;
	margin-bottom:4px !important;
	font-size: 11px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor:hand;
}

.fbconnect_title{
	margin-top:3px !important;
	margin-bottom:8px !important;	
	border-bottom: 1px solid #CCCCCC;	
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: normal;	
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

.fbconnect_share{
	width: 95%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin: 3px;	
	padding: 3px;
	text-align: right;
        vertical-align:right;
}
.icon-text-middle{
	vertical-align:middle;
	margin-right:5px;
}

#facebookconnector a
{
 color: #3b5998;
}

#facebookconnector
{
 color: #000;
 font-size:11px;
 line-height: 14px;
}