/* 
Theme Name: JMcCartney
Theme URI: http://miss-psycho.pinksesa.net
Description: Jesse McCartney Layout
Version: 1
Author: Neca
Author URI: http://miss-psycho.pinksesa.net
*/

BODY { 
background-color: #393D3D;
padding : 0; 
font-family: Tahoma, Arial;
font-size: 11px;
color : #c0c0c0; 
margin : 0; 
} 

h1 {
font-size : 20px;
color : #54C2D5;
font-weight: normal;
text-align : left;
font-family : Century Gothic;
letter-spacing: -1px;
text-transform: lowercase;
background-color: #484A4A;
border-bottom: 1px dashed #55B1AB;
padding-top: 1px;
padding-left: 1px;
padding-bottom: 0px;
margin-bottom: 0px;
height: 20px;
}

h2 {font-size : 18px;
color : #BBE2F2;
font-weight: normal;
text-align : left;
font-family : Century Gothic;
letter-spacing: -1px;
text-transform: uppercase;
border-bottom: 1px dashed #54C2D5;
padding-left: 10px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
height: 20px;
}

b, strong {
color : #80aaba;
font-family: Arial;
font-size: 11px;
}

i, em {
color : #54cec1;
font-family: Trebuchet MS;
}

u {
color : #a4c1c4;
border-bottom: 1px solid #54cec1;
padding-bottom: 0px;
text-decoration: none;
font-family: Arial;
font-size: 11px;
}

strike, s {
color : #aac9d4;
text-decoration: line-through;
font-family: Arial;
font-size: 11px;
}

 #header {
width: 654px;
height: 425px;
position: absolute; 
top: 0px; 
left: 0px;
margin: 0px;
background: #393D3D url(images/header.png) no-repeat;
}

 #sidebar {
position: absolute;
top: 55px;
left: 650px;
padding-top: 30px;
width: 192px;
background: url(images/sidebarbg.png) center top repeat-x;
}

 #content {
position: absolute;
top: 408px;
left: 80px;
width: 550px;
padding: 0px;
background: #303738;
border: 1px solid #484A4A;
}

 #left {
position: absolute; 
top: 56px; 
left: 78px; 
width: 215px;
}

 #sideleft {
padding-top:2px;
padding-left:3px; 
padding-right:3px; 
padding-bottom:5px;
color: #BBE2F2;
background: #f2f2f2 url(images/leftbg.png) center bottom repeat-x;
margin-top:0px;
border: 2px solid #484A4A;
}

/***
 menu
 ***/

 #link {
position: absolute;
top: 8px;
left: 18px;
padding: 0px;
width: auto;
}

 #link ul{ 
	padding:0px;
}

 #link li{ 
	display: inline; 
	font: 14px/14px "TAHOMA"; 
	text-transform: uppercase; 
	letter-spacing: 0.5px; 
	float: left; 
}

 #link li ul{ 
display : block;
}

 #link li a{
display : block;
width: 120px;
cursor: help;
text-decoration : none;
background: #313131 url(images/leftbg.png) repeat-x;
font : 11px Arial;
font-weight: bold;
color: #20bed9;
margin : 0;
letter-spacing : 3px;
padding : 5px;
text-align : center;
border: 1px solid #c0c0c0;
}

 #link li a:hover{ 
color:  #15b3b5;
font-weight: bold;
}

#side {
color: #BBE2F2;
font-size : 11px;
font-family: trebuchet ms;
text-align : justify;
border-bottom: 2px solid #54C2D5;
background: url(images/sidebg.png) right bottom no-repeat #575B5C;
padding-bottom: 26px;
padding-top: 0px;
margin-top: 0px;
}

#recent div{ 
        width: auto;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}



#recent ul{ 
        text-align : center;
        display: block;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}

#recent ul li{ 
        text-align : center;
        display: block;
        width: auto;
        padding: 1px;
        margin: 0px;
        line-height: auto;
        border-bottom: 1px solid #BBE2F2;
        font: 9px century gothic;
}


#menu ul{ 
        text-align : center;
        display: block;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}

#menu ul li{ 
        display: block;
        width: 100%;
	text-transform: uppercase;
        text-align : center;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}

#menu ul li a{ 
        font-family: century gothic;
        font-weight: bold;
        font-size: 9px;
        display: block;
        color: #54cec1;
        padding-bottom: 1px;
        padding-top: 1px;
        line-height: auto;
        border-bottom: #303738 1px solid;
}

#menu ul li a:hover {
        color: #BBE2F2;}

#resources ul{ 
        text-align : left;
        display: block;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}

#resources ul li{ 
        display: block;
        width: 100%;
	text-transform: uppercase;
        text-align : center;
        padding: 0px;
        margin: 0px;
        line-height: auto;
}

#resources ul li a{ 
        font-family: century gothic;
        font-weight: bold;
        font-size: 9px;
        display: block;
        color: #54cec1;
        padding-bottom: 1px;
        padding-top: 1px;
        line-height: auto;
        border-bottom: #303738 1px solid;
}

#resources ul li a:hover {
        color: #BBE2F2;}


.blogtitle {
font-size : 24px;
color : #BBE2F2;
font-weight: normal;
text-align : right;
font-family : Tahoma;
background-color: #484A4A;
border-bottom: 3px solid #55B1AB;
line-height:30px;
padding-left: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 5px;
}

.blogtitle a{
font-size : 25px;
text-decoration: none;
color : #BBE2F2;
letter-spacing: 1px;
font-family : Tahoma, Century Gothic;
font-weight : normal;
}

.blogtitle a:hover {
font-weight : normal;
}

.bottom {
font-size : 11px;
color: #BBE2F2;
font-weight: normal;
font-family : Arial;
text-align : left;
background: #303738;
border-bottom: 1px solid #20bed9;
height:auto;
width: 100%
}

.bottom a{
font-weight: bold;
text-decoration: none;
color: #20bed9;
}
.bottom a:hover {
font-weight: bold;
text-decoration: none;
color: #55B1AB;
}

.blogimage {
padding:3px; 
border: 1px solid #484A4A;
background: url(images/leftbg.png) #f5f5f5;
margin-right: 5px;
}

.avatar {
float: right;
padding:2px 2px 2px 2px; 
border: 1px solid #484A4A;
background: #f5f5f5;
height:85px;
width: 85px;
} 

code {
	font-family: 'Courier New', monospace;
	color: #865756;
}


input, textarea, select{
	padding: 5px;
	border: #cb2c62 dotted 1px;
	border : 1px solid #EEE;
	list-style-image : url('none');
	background : url(images/leftbg.png) #f5f5f5;
	font: 11px Sans Serif, Tahoma;
	color : #BBE2F2;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}


blockquote {
color : #333;
background: #f5f5f5;
background-image: url('http://i41.tinypic.com/2z4xz44.jpg');
background-repeat: no-repeat;
border-bottom: 2px solid #54C2D5;
font-size : 11px;
font-family : Arial;
padding: 3px 3px 3px 45px;
}

a {
color: #54cec1;
text-decoration : none;
font-family: Arial;
font-size: 11px;
font-weight : bold;
}

a:hover {
color: #20bed9;
}

#content ul, li {
list-style-image : url('http://i587.photobucket.com/albums/ss314/lounge88/bullets/a29.gif');
}

.commentlist li {
list-style-image : url('none');
font-size : 11px;
margin-left : 0;
margin-right : 0;
margin-top : 15px;
margin-bottom : 5px;
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 5px;
}

#commentlist {
margin : 1.8em 0;
padding : 8px;
list-style-type : none;
list-style-image : url('none');
font-size : 11px;
}

#commentlist li {
border : 1px solid #EEE;
padding : 9px;
list-style-image : url('none');
background : url(images/leftbg.png) #f5f5f5;
font-size : 11px;
}

#wp-calendar {
border-spacing:1px;
padding:0 7px 5px 7px;
border: 1px #222 solid;
}

#wp-calendar td {
text-align:center;
background-color: #333;
padding: 0px 5px 0px 5px;
letter-spacing: 0px;
font: normal 10px Arial;
color: #fff;
-moz-border-radius: 4px;
}


#wp-calendar td#today { /* Current Day */ background: #BBE2F2; color : #333; font-weight: bold;}
#wp-calendar thead { /* The days of week header */ font: bold 10px Arial; }
#wp-calendar caption { /* Month Heading */
padding: 5px 0 5px;
font: bold 12px Arial;
color : #80aaba;
border-left: 1px #222 solid;
border-right: 1px #222 solid;
border-top: 1px #222 solid;
background-color: #333;
}