/*
Theme Name:  Pioneer Project Weblog. Based on modified Isolated theme for Wordpress
Theme URI: http://www.pioneerproject.net
Description: This is my reworking of Ensellitis's Isolation, only without the Mootools accordian. Tidier and faster.
Version: 1.2
Author: Michelle Baldwin
Author URI: http://www.pioneerproject.net
*/

/*----------------------------------------(Main Styles)-----------------------------------------*/

body
{
	background: #4e4e4e;
	color: #333;
        font-size: 12px;
	padding: 0px 0px 0px 0px;
	font:12px/1.5 Helvetica,Arial,sans-serif
}

a {
color: #c17b99;
text-decoration: underline;
}

a img {
color: #c17b99;
}

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

h1 a
{
        text-decoration:none;
}

p 
{
color:#dddddd;
}


/*----------------------------------------(Blog snippets on hp)-----------------------------------------*/

.weblog {
width:960px;
padding: 0px;
margin-left:auto;
margin-right:auto;
background: #4E4E4E;
}

.post {
height: 480px;
width: 402px;
margin-left:15px;
margin-bottom:15px;
float: left;
background:#4E4E4E url('/public/img/base.gif') repeat-y 0 0;
padding-left: 55px;
overflow: hidden;
border: 1px solid #3f3f3f;
}




/*----------------------------------------(Main blog entries)-----------------------------------------*/

.single {
background: #3F3F3F url('/public/img/base.gif') repeat-y 0 0;
padding: 10px;
padding-left: 65px;
margin-bottom:20px;
color: #666;
position: relative;
min-height: 450px;
height:auto;
}

/* for people still using Internet Explorer 6 */
/*\*/
* html .single {
height: 450px;
}
/**/


.postcontent {
padding: 10px;
color: #d4d4d4;
font-size:12px;
}


/*----------------------------------------(Comments)-----------------------------------------*/

div.bubble {
width: auto;
margin: 12px 0 24px 0;
}

div.bubble blockquote {
margin: 0px;
padding: 10px;
border: 1px solid #c9c2c1;
color: #4e4e4e;
background-color: #fff;
}

div.bubble blockquote p {
margin: 10px;
padding: 0px;
color: #4e4e4e;
}

div.bubble cite {
position: relative;
padding: 2px 0px 0px 38px;
top: 0px;
background: transparent url('/public/img/tip.gif') no-repeat 15px 0;
font-style: normal;
margin-bottom:0px;
}

div.bubble cite strong {
color: #ccc;
}

/*----------------------------------------(Post information)-----------------------------------------*/


.postmeta h2 a {
text-decoration: none;
}

.postmeta {
border-bottom: 1px solid #4e4e4e;
padding: 5px;
clear: both;
}

.postmeta ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.postmeta ul li {
display: block;
width: 48%;
float: left;
list-style-type: none;
color: #ccc;
}

.postcontent blockquote p {
border-left: 4px solid #E2A453;
padding: 0 10px;
color:#E2A453;
font-size: 15px;
margin-left:10px;
}

.postmetadata {
border-top: 1px solid #1e1e1e;
}

.postnav {
color:#dddddd;
}


/*----------------------------------------(Forms)-----------------------------------------*/

input.comment-form-name, input.comment-form-email, input.comment-form-link {
height: 30px;
width: 30%;
border:0 none;
padding: 3px;
padding: 5px;
background: #dddddd;
color: #4e4e4e;
font-size: 16px;
}

textarea.comment-form-body {
width:80%;
border:0 none;
background:#dddddd;
color:#4e4e4e;
font-size: 16px;
}

.comment-form-submit {
height:40px;
width: 150px;
}


/*----------------------------------------(Currently playing)-----------------------------------------*/

.playing
{
display:inline;
float:left;
width:800px;
height: 150px;
background: #3F3F3F;
margin-top: 0px;

}

.playing-title
{
color:#adbb66;
display:inline;
margin-left: 15px;
float:left;
width: 135px;
height: 150px;
background: #3F3F3F; 
margin-top: 0px;
}

.playing img
{
padding: 30px;
}

/*----------------------------------------(Bulleted lists)-----------------------------------------*/

ul.tick {
list-style-image:url(/public/img/weblog-tick.gif);
padding-left:20px;
display:inline;
float:left;
width:390px;
}


ul.cross {
list-style-image:url(/public/img/weblog-cross.gif);
padding-left:40px;
display:inline;
float:left;
width:390px;
}

.postcontent li {
padding-bottom:20px;
}

ul.example {
list-style-type: circle;
padding-left:40px;
color: #dddddd;
}

/*----------------------------------------(Image styling)-----------------------------------------*/


.img-right {  
    float: right;  
    margin-left: 15px;
    width: 400px;
    border: solid 2px #E2A453;  
}

.img-center {  
    margin-left: 100px; 
}

.img-border-center
{
display:inline;
margin-left: 40px;
border: 4px solid #333333;
}