/*  
Theme Name: Ghostface Kilobyte
Theme URI: http://ghostfacekilobyte.com
Description: The website of Ghostface Kilobyte, a robot who sings cover songs.
Version: 1.0
Author: Lanni Maszerowski
Author URI: http://imaclanni.com
*/

body
{
background: #FFF;
margin: 0;
padding: 0;
}

#main
{
position: absolute;
left: 50%;
top: 0px;
margin-left: -338px;
width: 766px;
}


/* TITLE */

#title
{
margin-left: 1px;
margin-top: 65px;
width: 464px;
height: 78px;
border: 0;
}

#title a img
{
border: 0;
padding: 0;
margin: 0;
}


/* ROBOT AND ABOUT TEXT BUBBLE */

#robot
{
background: url(images/robot.png) no-repeat;
margin-left: 0px;
margin-top: 25px;
width: 147px;
height: 205px;
}

#about-bubble
{
background: url(images/bubble.png) no-repeat;
margin-left: 126px;
margin-top: -200px;
width: 137px;
height: 161px;
padding-top: 4px;
}

#about-bubble table td
{
font-family: "helvetica neue bold condensed", helvetica, "arial black", arial, verdana, sans-serif;
color: #05ABFF;
text-transform: uppercase;
font-weight: bold;
padding-left: 35px;
width: 94px;
height: 123px;
}


/* BLOG POSTS */

#post
{
margin-left: 316px;
margin-top: -164px;
width: 234px;
min-height: 175px;
}

#post h2
{
width: 231px;
height: 15px;
background: url(images/end.png) right no-repeat #05ABFF;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 10px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-left: 3px;
}

#post h3
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 18px;
color: #000;
text-transform: uppercase;
font-weight: normal;
margin: 0;
margin-top: 4px;
margin-bottom: 4px;
}

#post h3.blue
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 18px;
color: #05ABFF;
text-transform: uppercase;
font-weight: normal;
margin: 0;
margin-top: 4px;
margin-bottom: 4px;
}

#post h3 a, #post h3 a:hover
{
color: #000;
text-decoration: none;
}

#post p, #post ul, #post ol
{
font-family: helvetica, arial, verdana, sans-serif;
font-size: 11px;
color: #000;
text-align: justify;
}

.comments
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 12px;
color: #05ABFF;
text-transform: uppercase;
text-align: right;
}


/* PREVIOUS AND NEXT LINKS */

.prev
{
float: left;
}

.next
{
float: right;
}

.prev a, .next a
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 18px;
color: #05ABFF;
text-transform: uppercase;
text-decoration: none;
}

.prev a:hover, .next a:hover
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 18px;
color: #7CCEFF;
text-transform: uppercase;
text-decoration: none;
}


/* MENU — NAVIGATION LINKS */

#menu
{
position: absolute;
width: 175px;
left: 646px;
top: 50%;
}

#menu h2
{
width: 100%;
height: 20px;
background: url(images/end.png) right no-repeat #05ABFF;
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 16px;
color: #FFF;
text-transform: uppercase;
font-weight: normal;
margin: 0;
padding-top: 0px;
padding-left: 11px;
margin-bottom: 2px;
}

#menu a
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 16px;
color: #000;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
margin-left: 11px;
}

#menu a:hover
{
font-family: "helvetica neue bold condensed", helvetica, "franklin gothic demi cond", "arial black", arial, verdana, sans-serif;
font-size: 16px;
color: #05ABFF;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}


/* FOOTER */

#footer
{

background: url(images/footer.png) no-repeat right;
height: 63px;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 11px;
color: #000;
text-align: right;
padding-top: 95px;
padding-right: 30px;
width: 120%;
margin-left: -350px;
}

#ad-space
{
text-align: center; 
margin-top: 50px; 
margin-bottom: -20px;
}


/* EXTRA STYLING */

a
{
color: #05ABFF;
text-decoration: none;
}

a:hover
{
color: #7CCEFF;
text-decoration: none;
}

ul
{
margin-left: -15px;
}

ol.commentlist
{
margin-left: -23px;
margin-top: -12px;
margin-bottom: 23px;
}

input,textarea
{
background: #FFF;
border: 1px solid #AAA;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 11px;
margin: 0;
}

td.block
{
display: block;
}

/* EDIT THE SPEECH BUBBLE FONT SIZE HERE! */

#about-bubble table td
{
font-size: 14px;
}