/* Gilad Lotan - project.css */

body{
background: url(../images/pixelme.gif) no-repeat; 
margin: 0px;
color:#FBFBF6;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
}

/************************ PROJECT PAGE MAIN DIV ******************/ 
div.main_project_area {
position:absolute;
width:598px; /*Width of Image*/
height:462px; /*Height of Image*/
left:50px; /* This is applied relative to edge of container */
top:243px;
/*overflow:auto;*/
font-family:arial;
font-size:12pt;
color:#000000;
}

div.project_thumbnails_area {
position: absolute;
width: 749px;
height: 34px;
left:0px;
top:0px;
background-color:none;
}

div.project_images {
position:absolute;
width:201px; /*Width of Image*/
height:479px; /*Height of Image*/
left:0px; /* This is applied relative to edge of container */
top:10px;
font-family:arial;
font-size:12pt;
color:#000000;
}

/* this div takes care of the area with the enlarged image on the project page */
div.project_image_loadarea {
position: absolute;
left:50px;
top:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
text-align:left;
font-weight:bold;
border-style:solid;
border-width:thin;
border-color:#999999;
border-spacing:inherit;
padding-bottom:12px;
}

/* this div takes care of the area with the enlarged image on the project page */
div.project_desc_loadarea {
position:relative;
left:0px;
top:30px;
width:575px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
text-align:left;
font-weight:bold;
border-style:solid;
border-width:thin;
border-color:#999999;
border-spacing:inherit;
padding-bottom:12px;
}

div.project_text {
position:absolute;
width:500px; /*Width of Image*/
height:447px; /*Height of Image*/
left:18px; /* This is applied relative to edge of container */
top:5px;
/*overflow:auto;*/
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}

div.project_text a{
color:#330066;
text-decoration:none;
font-weight:bold;
}

/********************** WRITING *************************/

div.writing_text {
position:absolute;
width:600px; /*Width of Image*/
height:447px; /*Height of Image*/
left:18px; /* This is applied relative to edge of container */
top:5px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
}

div.writing_text a{
color:#330066;
text-decoration:none;
font-weight:bold;
}

#blogid{
width: 500;
height: inherit;
padding: 5px;
background-color:none;
border: 1px solid black;
}

#blogid .rsscontainer{ /*Style for RSS item body within #blogid box*/
margin-bottom: 10px;
}

#blogid .rsscontainer .rsstitle{ /*Style for RSS titles within #blogid box*/
font-weight: bold;
}

#blogid .rsscontainer .rssdate{ /*Style for RSS dates within #blogid box*/
color: red;
}