/*

Theme Name: Xoxo
Theme URI: http://bhabiejhoice-xoxo.net
Version: 1.0
Author: Anne
Author URI: http://pinkfab.info

*/

/* body
--------------------------------------------------*/
body {
font:62.5%/1.6em "tahoma", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#333333;
background: url(images/bg.jpg) repeat;
margin:0;
}

* {
margin:0;
padding:0;
}

code {
font-family: Verdana;
font-size: 11px;
}

img {border: 0;}

/* ---- ITALIC, NEGRITO AND UNDERLINE ---- */
b, strong, u { 
color: #663333; 
}

i, em {
color: #20B2AA;
font-size: 11px;
font-family: georgia;
}

s {
color: #808080;
}

small {
color: #6D5B51;
font-size: 9px;
}

u {
color:#D273FB;
text-decoration:none;
border-bottom:1px solid #ffd5e0;
}


/* CURSOR CSS GENERATOR - FRIENDSTER-TWEAKERS.COM */
body { cursor:url("http://h1.ripway.com/jhoicexoxo/aadjoice.ico"),default;} 
a:hover {cursor:url("http://ego-box.cuteandtrendy.com/cursors/85.ico"), pointer;} 


.blogimage {
margin: 2px;
padding: 5px;
background-color: #FFFFFF;
border:1px solid #DADADA;
}


/* header
--------------------------------------------------*/
#header {
margin-top: 20px;
height: 220px;
background: url(images/header.png) no-repeat;
}

#header .description {
float:right;
color:#333;
margin:45px 0 0;
}

#header h1 {
margin:15px 0 0;
}

#wrapper {
width:760px;
margin:0 auto;
}

/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
font-family:"Times New Roman", "Lucida Sans Unicode", "Verdana", Times, serif;
font-size:3.8em;
font-weight:400;
color:#333;
letter-spacing:-1px;
margin:20px 0;
}

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

/* navigation
--------------------------------------------------*/
#nav {
height:25px;
margin-left:440px;
margin-top: -10px;
padding-bottom:150px;
}

#nav li {
float:left;
list-style:none;
padding:0 10px 0 0;
}

#nav li a {
color:#FD7CB0;
background:#fff;
font:1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Trebuchet MS;
font-weight:bold;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
text-transform: lowercase;
}

#nav li a:hover {
background-color:#000000;
color:#FD7CB0;
text-decoration:none;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
}

.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content {
margin:0 250px 0 0 !important;
padding:20px 10px 30px 20px;width: 520px;
background: #fff;
border-right: 2px solid #fff;
}

#content2 {
margin:0 !important;
padding:10px 0 0px;
}

#content p,#content2 p {
line-height:19px;
font-size:11px;
word-spacing:0px;
font-family: Tahoma;
margin:25px 0;
}

#content a,#content2 a {
text-decoration:none;
color:#FC759E;
display: inline;
}

#content a:hover,#content2 a:hover {
background-color:#EFF8FB;
color:#000;
}

#content h2,#content2 h2 {
font-family:"Trebuchet MS", "Lucida Sans Unicode", Trebuchet MS;
font-size:2.0em;
font-weight:bold;
color:#26C2D9;
border-bottom:1px solid #EFF8FB;
line-height:30px;
margin:15px 0;
padding:5px 0;
}

#content h2 a,#content2 h2 a {
text-decoration:none;
color:#26C2D9;
border:none;
}

#content h1 {
font:3em "Tahoma", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content h3 {
font:11px "Tahoma", "Lucida Sans Unicode", Trebuchet MS;
color:#A1BE4A;
border-bottom: 1px solid #eee;
margin:10px 0;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

#content h4 {
font:1.8em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content h5 {
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

#content2 ul,ol {
margin:10px 10px 10px 25px;
}



/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#FFF3F7;
border:1px solid #FEE1EB;
margin:10px 0;
padding:0px 15px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

a:hover {
color:#000;
text-decoration:none;
background-color:#EFF8FB;
}

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:-30px 0 50px 0;
text-align:justify;
}

.post .info {
border-bottom:1px solid #F9EBFE;
border-top:1px solid #F9EBFE;
background-color:#FDF8FF;
font-size:1em;
color:#FC759E;
padding:2px 3px 3px 8px;
margin: 25px 0;
}

.date {margin-top: -15px;}


.day {
	font-family: Tahoma, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	color: #B0D325;
	font-weight: bold;
}

.month {
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 13px;
	text-transform: uppercase;
	color: #FF8AC4;
	font-weight: bold;
}

.time {
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 13px;
	text-transform: uppercase;
	color: #D976FE;
	font-weight: bold;
}


.post small {
margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
background:#EFF8FB;
color:#333;
font-size:120%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 28px;
padding:10px;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
width:180px;
float:right;
padding:28px 10px 40px 15px;
height:100%;
font-size: 10px;
font-family: Verdana;
}

#sidebar a {
color: #FF7D9C;
}

#sidebar h3 {
letter-spacing:2px;
font-size:11px;
color:#fb71a5;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

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

#sidebar li {
border-bottom:1px solid #EFF8FB;
list-style:none;
padding:3px;
}

#sidebar li a:hover {
color:#000;
background-color:#EFF8FB;
}

#sidebar input {
background:#fff;
color:#444;
border:1px solid #eee;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:2px;
margin-right: 5px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px "Verdana", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

input:hover {
border:1px solid #262626;
}

input:focus {
border:1px solid #262626;
color:#333;
}

/* comments
--------------------------------------------------*/
#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
}

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:480px;
font: 11px "Verdana", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:11px;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {
margin-bottom:3px;
}

#gravatar {
align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
padding: 3px;
border: 1px solid #eee;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#333;
background:#EFF8FB;
}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
font-family:Verdana;
font-size: 11px;
padding:2px;
}

#content ul li,#content2 ul li {
background: url(images/star.jpg) 0px 7px no-repeat;
padding-left: 15px;
list-style-type: none;
}

a,#sidebar li a,#footer a {
color:#999;
text-decoration:none;
}

/* footer
--------------------------------------------------*/
#footer {
color:#666;
margin:0;
padding:20px 0;
}

#footer a{
color: #0EA1D7;
padding: 2px;
background-color:#EFF8FB;
display: inline;
}


input {
	border: 1px solid #ddd;
	background: #fff;
	font-family: Tahoma;
	font-size: 11px;
	padding: 3px;
	margin-bottom: 10px;
	}


#tweet{
font: 11px Verdana;
width: 580px;
position: relative;
top: 195px;
left: 120px;
background: #fe607d;
color: #fff;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#tweet a{
color: #cff5fc;
}


#top { 
width: 552px;
height: 160px;
background: url(images/top.png) no-repeat;
overflow: hidden;
z-index: -1;
}

#bottom { 
width: 552px;
height: 20px;
background: url(images/bottom.png) no-repeat;
overflow: hidden;
z-index: -1;
}


/*_____________FLICKR__________________*/

.flickrimages {
	text-align: left;
}

.flickrimages a img{
	background-color: #fff8fa;
	border: 1px solid #fde9f0;
	padding: 2px;
	margin: 3px;

	height: 45px;
 	width: 45px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.3;

}

.flickrimages a:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.9;
}