/*
Theme Name: JJPaper
Description: Paper based theme. Don't cut yourself...
Author: Jelani John
Author URL: http://jelanijohn.com/
.
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
.
*/

* {
margin: 0;
padding: 0;
}

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

body * {
	/* font-size: 100%; */
}

img {
border: 0px;
}

a {
color: #00ccff;
text-decoration: none;
}

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

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

a:visited:hover {
color: #0ede91;
text-decoration: none;
}

ul, p {
line-height: 150%;
}

p.indent {
text-align:justify;
text-indent:.5in;
}


td {
padding: 25px 25px 0 0;
}

pre {
font-size: 12px;
color: blue;
padding-left: 30px;
}

.introfont {
font-size: 18px;
}

.date {
font-family: "Amazone BT", Calibri, "Times New Roman", sans-serif;
font-size: 12px;
font-style: italic;
margin-left:-20px;
}

.permalink{
margin-left:10px;
}

h1 {
font-family:"Calibri", "Arial", sans-serif;
color: #8F3E1B;
}

h2 {
font-family:"Calibri", "Arial", sans-serif;
}

h2 a{
color:#00dddd;
}

h3 {
font-family:"Calibri", "Arial", sans-serif;
padding-bottom: 5px;
}

hr {
height: 1px;
background-color: #333333;
border: none;
}

input[type="text"] {
background-color: #FFFFFF;
border: solid 1px #666;
}

input[type="submit"] {
margin-bottom: 10px;
margin-top: 5px;
}
/* ------------------------------------------------- */

#header {
width: 1000px;
height: 29px;
margin: 0 auto;
padding: 26px 0 0 0;
/*
background: url(/images/website3/logo1.png) no-repeat;
background-attachment: scroll;
background-position: 45px 10px;
*/
}

.headerimg1 {
	/* position: 645px 10px; */
	float: left;
	margin-left:-14px;
}


.headerimg2 {
	/* position: 645px 10px; */
	float: right;
	margin-right:-14px;
	margin-bottom:-1px;
}

/* ------------------------------------------------- */

#menu {
width: 1000px;
height: 100px;
margin: 0 auto;
}

#menu ul {
list-style: none;
}

#menu li {
display: block;
float: left;
/* padding-right: 80px; */
}

#menuimg {
padding-top:8px;
margin-left:1px;
padding-bottom:24px;
}

#menu a:hover {
display:block;
text-indent:0px;
}

.projects {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
margin-right:12px;
margin-left:20px;
}

.current .projects {
text-indent:-300px;
}

.design {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
margin-right:12px;

}

.current .design {
text-indent:-300px;
}

.animation {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
margin-right:12px;

}

.current .animation {
text-indent:-300px;
}

.photos {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
margin-right:12px;
}

.current .photos {
text-indent:-300px;
}

.art {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
margin-right:12px;
}

.current .art {
text-indent:-300px;
}

.resume {
display: block;
overflow:hidden;
width:150px;
text-indent:-150px;
}

.current .resume {
text-indent:-300px;
}

/* ------------------------------------------------- */

#main_content {
width: 1000px;
margin: 0 auto;
clear: both;
padding: 0px 0 50px 0;
background: #fff url(/images/website4/background.gif);
}
/*
* html #main_content {
overflow: hidden;
}
*/
/* ------------------------------------------------- */

#blurb_wrapper {
width:780px;
float: left;
margin: 0 0 0 20px;
}

.blurb {
width: 780px;
padding-top:20px;
border: 1px #000 solid;
}

.blurb p {
padding: 0 30px;
color: #666;
font-size: 16px;
font-family: Calibri, "Cordia New", sans-serif;
}

.blurb ul {
padding-left: 50px;
}

.blurb li {
font-size: 14px;
list-style: circle;
}

.blurb h1 {
color:#00cc99;
}

.blurb h3 {
color:#00cc99;
}

/* ------------------------------------------------- */

#sidebar {
width: 180px;
float: right;
font-size: 16px;
color:#666;
background: url(/images/website4/sidebarbackground.gif) repeat-y;
padding-right: 1px;
}

#sidebar a {
color: #77e3ff;
line-height:100%;
font-size: 14px;
font-family: Calibri, "Cordia New", sans-serif;
/*color: #006531*/
}

#sidebar a:hover {
color: #79F7C8;
}



#sidebar .current a{
color: #BFF2E5;
}

#sidebar .current a:hover {
color: #79F7C8;
}

#sidebar h3 a {
font-family: Calibri, "Cordia New", sans-serif;
font-size: 20px;
}

#sidebar h2 {
font-size: 20px;
display: block;
}

#sidebar ul {
list-style: none;
padding: 0 0 0 5px;
}

.sidebar_img_top {
/* background: #efebef url(img/sidebar_top.gif) no-repeat; */
}

#description {
width: 650px;
float: left; 
font-size: 18px;
}

#description p {
text-align: left;
}

#description h2 {
padding: 0 0 0 0;
/*color: #fdcec8;*/
color:#666;
}

#description h2 a{
color:#009900;
}


#description ul {
padding-left: 50px;
}

#description li {
	list-style-type: circle;
}

#footer {
height: 25px;
text-align: center;
color: black;
clear: both;
padding: 30px 0 0 0;
}

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

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

img.project {
float: left;
clear: left;
margin: 10px 10px 10px 50px;

}

.blurb_break {
height: 35px;
}

.alignright {
float: right;
font-size: 14px;
}

.alignleft {
float: left;
font-size: 14px;
}

.oldnewlinks a {
color: #00cc77;
}

.oldnewlinks a:visited {
color:	#CCC;
}