/*
Theme Name: MaPo
Theme URI: http://www.machinepoetics.com/
Description: A derivative inclination. Based on Benevolence by Theron Parlin
Version: 1.0
Author: zota 
Author URI: http://www.zota.org/ 
*/





/* ----- PRIMARY LAYOUT ---- */

/* for all contents.  border and footer color controled here */
#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 2px solid #666;
	background-color: #222222;
} 

/* for main contents, excluding masthead and footer */
#insideWrapper {
	position: relative;
	top: 0px;
	width: 760px;
	margin: 0px;
	text-align: left;
	background-image:  url(suncv.jpg);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	height: 580px;
}


#cowf {
	position: relative;
	top: 28px;
	width: 300px;
	margin: 0px;
	text-align: left;
	height: 200px;
	left: 25px;
}


/* posts wrapper */
#content {
	width: 550px;
	margin-left: 15px;
	margin-right: 240px;
	text-align: left;
	top: 45px;
	position: relative;
	height: 300px;
}


/* individual posts */
.post {
	position: relative;
	width: 500px;
	margin: 10px 5px 0px 5px;
	padding: 5px;
	text-align: left;
}



/* ----- PAGE LAYOUT ---- */

/* posts wrapper */
#pagecontent {
	width: 700px;
	margin-left: 40px;
	margin-right: 20px;
	text-align: left;
	
}


/* individual posts */
.pagepost {
	position: relative;
	width: 680px;
	margin: 10px 5px 0px 5px;
	padding: 5px;
	text-align: left;
	border: solid 2px #eeeedd;
}



/*  title of each post */
.pageposttitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #996;
	letter-spacing: .1em;
	border-bottom: 1px solid #cca;
	margin: 0px 0px 5px 0px;
	padding: 0;
	
}	
	a.pageposttitle {
		color: #663;
		font-weight: bold;
	}
	a.pageposttitle:visited {
		color: #663;
		font-weight: bold;
	}
	a.pageposttitle:hover {
		color: #900;
		border-bottom: none;
		font-weight: bold;
	}


/* ----- SIDEBAR ----- */

#sidebar {
	position: relative;
	float: right;
	width: 140px;
	right: 20px;
	padding: 5px;
	margin-top: 20px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FF3300;
	font-size: 7.5pt;
	line-height: 11pt;
	margin-right: 5px;
	
} 
	a.side {
		color: #FF3300;
	}
	a.side:visited {
		color: #FF3300;
	}
	a.side:hover {
	color: #999999;
	border-bottom: 1px solid #999;
	}





/* ----- MASTHEAD ---- */

/* background image */
#masthead {
	position: relative;
	top: 0px;
	background-repeat: repeat-x;
 	width: 760px;
 	height: 20px;
	margin: 0px;
}


/* blog title in masthead */
#blogTitle {
	position: relative;
	top: 50px;
	left: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #541;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
}
	#blogTitle a {
		color: #541;
	}
	#blogTitle a:visited {
		color: #541;
	}
	#blogTitle a:hover {
		color: #ff3333;
		border: 0px;
	}


/* nav links in masthead */
#mastheadLinks {
	position: relative;
	top: 150px;
	left: 20px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 8pt;
	text-transform: none;
	text-align: left;
}


/* nav links in masthead */
#breadcrumb {
	margin-left: 20px;
	margin-top: 0;
	font-size: 7pt;
	text-transform: none;
	text-align: left;
}

/* ----- TITLE: TOP ---- */
.titlev {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 14pt;
	font-weight: bolder;
}
	a.titlev {
		color: #FFFFFF;
	}
	a.titlev:visited {
		color: #999999;
	}
	a.titlev:hover {
	color: #999999;
	}



/* ----- BLOG BODY and POST ELEMENTS ----- */



/* ----- TITLE: General ---- */
.title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;color: #D5D7FF;
	font-size: 9pt;
	text-transform: uppercase;
}
	a.title {
		color: #333;
	}
	a.title:visited {
		color: #333;
	}
	a.title:hover {
		color: #666666;
		border-bottom: 1px solid black;
	}



/* ----- BLOG BODY and POST ELEMENTS ----- */



/* main text of each post */
.postbody {
	font-size: 8pt;
	line-height: 12pt;
	color: #999999;
	margin-left: 6px;
	margin-right: 4px;
	text-align: left;
	}
.postbodyc1 {
	font-size: 8pt;
	line-height: 12pt;
	color: #999999;
	margin-left: 25px;
	margin-right: 4px;
	text-align: justify;
	float: left;
	width: 150px;
	margin-top: 25px;
	}	
.postbodyc2 {
	font-size: 8pt;
	line-height: 12pt;
	color: #999999;
	margin-left: 6px;
	text-align: justify;
	width: 190px;
	float: right;
	margin-top: 25px;
	}

/*  title of each post */
.posttitle {
	font-family: georgia, palatino, times new roman, serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-bottom: none;
	margin: 0px 0px 5px 0px;
	padding: 0;
	text-transform: uppercase;	
}	
	a.posttitle {
		color: #FFFFFF;
		font-weight: bold;
	}
	a.posttitle:visited {
		color: #FFFFFF;
		font-weight: bold;
	}
	a.posttitle:hover {
		color: #51784E;
		border-bottom: none;
		font-weight: bold;
	}


/* used for post information: date, category, etc */
.cite {
	font-size: 7pt;
	color:#333333;
}




/* ----- COMMENTS ----- */

/* the link to comments from the post,  including number of comments */
.commentPos {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	position: relative;
	border-top: 1px solid #eed;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	text-align: left;
	text-transform: none;
}
	a.commentPos {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #cc9999;
	}
	a.commentPos:visited {
		color: #cc9999;
	}
	a.commentPos:hover {
		color: #000;
		border: 0px;
	}



/* The box comments appear in */
.commentBox {
	position: relative;
	margin: 0 auto;
	width: 90%; 
	background-color: #eed; 
	text-align: left; 
	border: 1px solid #cca; 
	padding: 5px;
}






/* ----- FOOTER ----- */

#footer {
	font-size: 7pt;
	position: relative;
	color: #CCCCCC;
	top: 5px;
	width: 760px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-transform: none;
}
	#footer a {
		color: #CCCCCC;
		text-decoration: none;
	}
	#footer a:visited {
		color: #666;
		text-decoration: none;
	}
	#footer a:hover {
		color: #999999;
		border: 0px;
		text-decoration: underline;
	}


.footerLink {
}

a.footerLink {
}





/* ----- GENERAL POSITIONING ---- */

.left {
	float: left;
	margin: 0px 10px 0px 10px;
}

.right {
	float: right;
	margin: 0px 10px 0px 10px;
}

.imgcenter {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}

.imgright {
    text-align:right;
    float: right;
    margin: 4px 0px 0px 10px;
	padding: 0px;
}

.imgleft {
    text-align:left;
    float: left;
    margin: 4px 10px 0px 0px;
	padding: 0px;
}

/* ----- HTML ---- */

body {
	position: relative;
	height: 100%;
	margin:  0px;
	padding: 0;
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
	color:#000;
	background-color: #333333;
}



a {
	color: #51784E;
	text-decoration: none;
}

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

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



h2 {
	color: #666;
	font-size: 14px;
	text-align: left;
}

ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

li {
	list-style-type: none;
	margin-left: 0px;
}

blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 7px;
	color: #666;
}

code {
	font-family: Courier New, Verdana;
	text-align:left;
	color:#666;
	font-size: 8pt;
}

abbr {
	text-decoration: none;
}

/* ----- FORMS ---- */

input {
	border: 1px solid #666;
	background-color: #eed;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	padding-left: 4px;
}

input:hover {
	background-color: #fff;
	border: 1px solid #966;
}

.submit {
	border: 1px solid #996;
	background-color: #996;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #eed;
	padding-left: 2px;
	padding-right: 2px;
}

.submit:hover {
	background-color: #fff;
	color: #900;
	border: 1px solid #966;
}