/*
ChaseDS.net experiment.css style
Copyright: Chris Scardino
Finalized: ??/??/????
*/


/*Default body area*/

body{
margin: 0px 0px 0px 0px;
background-color: #000000;
font-size: 14px;
font-family: "Trebuchet MS";
color: #000000;
min-width: 960px; 
}

/*Header Section*/

#header{
    font-family: Times, sans-serif;
	text-align: left;
	height: 28px;
	width: auto;
	margin-bottom: 30px;
	border-bottom: 2px solid #ccffff;


}

/*Banner Section*/

#banner_Main {
position: relative;
left: 10px;
	font-family: Times, sans-serif;
	color: #666666;
	text-align: left;
	height: 175px;
	width: 700px;
	background: url("../images/nybanner.jpg");
	
	}

#banner_Main h1{
	font-size: 24px;
	padding-top: 5px;
	padding-left: 15px;
	margin: 0px;
	color: white;
	width: auto;
	}

#banner_Main h2{
	font-size: 12px;
	padding-left: 15px;
	color: white;
    font-family: Arial, sans-serif;
	}

#banner_Main a:link{
text-decoration: none;
color: white;
}


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

#banner_Main a:hover{
text-decoration: none;
}


/*Navigation section*/

#navigation ul
{
position: absolute;
top: 10px;
left: 550px;
list-style-type: none;
color: white;
padding: 0px;
margin: 0px;
}

#navigation li
{
padding-right: 15px;
display: inline;
}


#navigation a{
font-weight: bold;
text-decoration: none;
font-style: italic;
color: white;
}

#navigation a:visited{
color: white;
}

#navigation a:hover{
color: #CC9933;
font-style: italic;
}

#navigation li.li1 a:hover{
color: #FFCC33;
font-style: italic;
}

#navigation li.li2 a:hover{
color: #CC6633;
font-style: italic;
}

#navigation li.li3 a:hover{
color: #6699CC;
font-style: italic;
}

#navigation li.li4 a:hover{
color: #669933;
font-style: italic;
}


/*mainContainer is everything not including the header, banner, and footer*/

#mainContainer {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 100%;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	}
	

#mainContainer h1{
}

/*mainContent only exists on the blag page*/

#mainContent
{
width: 480px;
text-align: left;
color: black;
background-color: #2F3E3E;
overflow: hidden;
height: 800px;

}

#mainContent.editor{
padding: 40px;
}

/*fullContent is where most of the information, such as blog info and searches is displayed*/

#fullContent
{
width: 700px;
text-align: left;
color: #CCFFFF;
background-color: #2F3E3E;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 40px;
height: auto;
overflow: hidden;
min-height: 800px;
}

#fullContent.editor{
padding: 40px;
}

/* Front page entry. This is usually a blurb with a link to the rest of the story. */

.shortEntry {
font-family: "Trebuchet MS";
border-bottom: 1px dotted #000000;
width: auto;
color: #CCFFFF;
margin: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 150%;
}

.shortEntry h1{
font-size: 16px;
font-style: italic;
font-family: Verdana;
border: 1px solid black;
padding: 5px;
color: black;
background-color: #CC9933;
	}

.shortEntry h2{
position: relative;
left: 14px;
bottom: 5px;
font-size: 12px;
padding: 2px;
font-family: Verdana;
color: #CCFFFF;
}

.shortEntry a:link{
color: white;
text-decoration: none;
}

.shortEntry a:hover{
color: black;
text-decoration: none;
}

.shortEntry a:visited{
color: white;
text-decoration: none;
}

.shortEntry blockquote{
color: white;
font-size: 10px;
}

/*Entry information*/

.entry {
font-family: "Trebuchet MS";
border-bottom: 1px dotted #000000;
width: auto;
color: #CCFFFF;
margin: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 150%;

}

.entry h1{
font-size: 16px;
font-style: italic;
font-family: Verdana;
border: 1px solid black;
padding: 5px;
color: black !important;
background-color: #CC9933;
	}	
	
.entry h2{
position: relative;
left: 14px;
bottom: 5px;
font-size: 12px;
padding: 2px;
font-family: Verdana;
color: #CCFFFF;
}

.entry a:link{
color: black;
text-decoration: none;
}

.entry a:hover{
color: white;
text-decoration: none;
}

.entry a:visited{
color: #CCFFFF;
text-decoration: none;
}

.entry blockquote{
color: white;
font-size: 10px;
}



/*Footer section*/

#footer {
    clear: both;
    font-size: 12px;
	font-family: Times, sans-serif;
	text-align: center;
	width: 100%;
	height: 35px;
	color: #CCFFFF;
	}
	
#footer li{
display: inline;
}
#footer ul{
padding-top: 10px;
}

/*Regular Comments */

.comment {
font-size: 12px;
font-family: Verdana;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #666666;
background-color: #FFCC33;
padding: 15px;
color: #000000;
}

.comment h1{
	font-size: small;
	font-style: italic;
	font-family: Verdana;
	}
	
.comment h2{
font-size: medium;
border: 1px solid black;
padding: 2px;
}

.comment a:link{
color: blue;
text-decoration: none;
}

.comment a:hover{
color: red;
text-decoration: none;
}

.comment a:visited{
color: purple;
text-decoration: none;
}

.comment form{
	margin-left: 15px;
	}

/*Comment Links */

.frontComment
{
margin-left: 325px;
}
.frontComment a
{
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	font-size: 10px;
	color: #CCFFFF;
	}

.frontComment a:hover
{
color: black;
}

/* Comments Link not on front page*/

.editbuttons
{
margin-left: 550px;
}
.editbuttons a
{
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	font-size: 10px;
	color: #CCFFFF;
	}

.editbuttons a:hover
{
color: black;
}

/*Login and Password section*/
/*Login and Password section is NOT a panel and should not be treated as such*/

#pass ul{    
position: relative;
bottom: 0px;
right: 10px;
list-style-type: none;
color: black;
}

#pass li{
display: inline;
}

#pass.loginbutton form
{
position: absolute;
top: 2px;
left: 10px;
}

#pass.loginbutton a
{
position: absolute;
top: 2px;
left: 0px;
}

.loginbutton li
{
display: inline;
}

#logout {
position: absolute;
top: 2px;
left: 0px;
}

/*SearchWidget is NOT a panel and should not be treated as such*/

#searchWidget {
position: absolute;
top: 520px;
left: 710px;
background-color: #2F3E3E;
padding: 15px;
width: 210px;
height: 50px;
}

#searchWidget form
{
color: white;
}

#searchWidget h1
{
display: none;
position: absolute;
top: 2px;
right: 200px;
font-size: 12px;
}

#searchWidget.main
{
position: absolute;
top: 520px;
left: 490px;
background-color: #2F3E3E;
z-index: 2;
padding: 15px;
width: 190px;
}

/*Panels Section*/

#panelMenu {
text-align: left;
position: absolute;
top: 235px;
left: 490px;
background-color: #3E4F4F;
width: 220px;
height: 800px;
}

#panelMenu h1{
font-size: 14px;
	font-style: italic;
	font-family: Verdana;
	padding-bottom: 2px;

}
	
#archivePanel
{
padding: 15px;
background-color: #3E4F4F;
position: absolute;
top: 120px;
height: 70px;
}

#archivePanel h1{
background-color: #CC6633;
width: 180px;
padding-left: 5px;
}

 #archivePanel ul
{
list-style-type: none;
color: black;
}

#archivePanel li
{
position: relative;
right: 30px;
padding-top: 2px;
padding-bottom: 2px;
}

#archivePanel a
{
color: black;
text-decoration: none;
}

#archivePanel a:hover
{
color: #CCFFFF;
}

#archivePanel a:visited
{
}

#archivePanel form{
margin-left: auto;
margin-right: auto;
}

#projectPanel{
background-color: #3E4F4F;
padding: 15px;
position: absolute;
height: 70px;
top: 0px;
}

#projectPanel h1{
background-color: #6699CC;
padding-left: 5px;
width: 180px;
}

#projectPanel form{
margin-left: auto;
margin-right: auto;
}

/*picoWidget is NOT a panel and should not be treated as such*/


#picoWidget
{
width: 186px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
background-color: #3E4F4F;
padding-bottom: 10px;
overflow: hidden;
position: absolute;
left: 730px;
top: 620px;

}

#picoWidget.main
{
width: 186px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
background-color: #3E4F4F;
padding-bottom: 10px;
overflow: hidden;
position: absolute;
left: 730px;
top: 520px;
}

#picoWidget h1{
background-color: #669933;
padding-left: 15px;
margin-top: 5px;
font-size: 14px;
font-style: italic;
font-family: Verdana;
padding-bottom: 2px;

}

#picoWidget a{
color: white;
}

.pico
{
list-style-type: none;
font-size: 10px;
color: #CCFFFF;
border-bottom: 1px solid black;
padding-top: 5px;
}

#twitter_update_list
{
list-style-type: none;
font-size: 10px;
color: #CCFFFF;
padding-left: 0px;
}

#twitter_update_list a
{
	display: block;
	text-decoration: none !important;
}

#twitter_update_list li
{
padding-top: 5px;
border-bottom: 1px solid black;
padding-bottom: 5px;
}

/* Admin Panel is only on the main page */


#adminWidget
{
width: 185px;
border: 2px solid black;
padding-left: 15px;
padding-right: 15px;
background-color: #3E4F4F;
position: absolute;
left: 730px;
top: 910px;
}

#adminWidget ul
{
position: relative;
right: 30px;
list-style-type: none;
color: black;
}

#adminWidget h1{
background-color: #000000;
padding-left: 15px;
margin-top: 5px;
font-size: 14px;
font-style: italic;
font-family: Verdana;
color: white;
}

#adminWidget li
{
display: inline;
}


/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

#flickr {
width: 185px;
height: 440px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
background-color: #3E4F4F;
top: 60px;
left: 730px;
}

#flickr h1{
background-color: #CC66FF;
padding-left: 15px;
margin-top: 5px;
font-size: 14px;
font-style: italic;
font-family: Verdana;
padding-bottom: 2px;

}

#flickr a:visited {
text-decoration:none !important; 
background:inherit !important;
color:#CC9933;
}

#flickr a {

}

#flickr_badge_image1 {
position: absolute;
top: 35px;
margin: 0px 0px 0px 0px;
}

#flickr_badge_image2 {

margin: 0px 0px 0px 0px;
position: absolute;
top: 140px;
}

#flickr_badge_image3 {
margin: 0 0px 0px 0;
position: absolute;
top: 240px;
}

#flickr_badge_image4 {
margin: 0 0px 0 0;
position: absolute;
top: 340px;
}

#flickr_badge_image5 {
margin: 0 0px 0 0;
position: absolute;
top: 35px;
left: 115px;
}

#flickr_badge_image6 {
margin: 0 0px 0 0;
position: absolute;
top: 140px;
left: 115px;
}

#flickr_badge_image7 {
margin: 0 0px 0 0;
position: absolute;
top: 240px;
left: 115px;
}

#flickr_badge_image8 {
margin: 0 0px 0 0;
position: absolute;
top: 340px;
left: 115px;
}
.flickr_badge_image img {
width: 75px;
height: 75px;
border: 5px solid black !important;
}

/* Page specific instructions */

/*About Entry information*/

#aboutEntry {
font-family: "Trebuchet MS";
border-bottom: 1px dotted #000000;
width: auto;
color: #CCFFFF;
margin: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 150%;

}

#aboutEntry h1{
font-size: 16px;
font-style: italic;
font-family: Verdana;
border: 1px solid black;
padding: 5px;
color: black !important;
background-color: #CC6633;
	}	
	
#aboutEntry h2{
position: relative;
left: 14px;
bottom: 5px;
font-size: 12px;
padding: 2px;
font-family: Verdana;
color: #CCFFFF;
}

#aboutEntry a:link{
color: black;
text-decoration: none;
}

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

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

#aboutEntry blockquote{
color: white;
font-size: 10px;
}

/*Work Entry information*/

#workEntry {
font-family: "Trebuchet MS";
border-bottom: 1px dotted #000000;
width: auto;
color: #CCFFFF;
margin: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 150%;

}

#workEntry h1{
font-size: 16px;
font-style: italic;
font-family: Verdana;
border: 1px solid black;
padding: 5px;
color: black !important;
background-color: #669933;
	}	
	
#workEntry h2{
position: relative;
left: 14px;
bottom: 5px;
font-size: 12px;
padding: 2px;
font-family: Verdana;
color: #CCFFFF;
}

#workEntry a:link{
color: black;
text-decoration: none;
}

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

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

#workEntry blockquote{
color: white;
font-size: 10px;
}

/*Project Entry information*/

.projectEntry {
font-family: "Trebuchet MS";
border-bottom: 1px dotted #000000;
width: auto;
color: #CCFFFF;
margin: 10px;
padding-bottom: 10px;
font-size: 12px;
line-height: 150%;

}

.projectEntry h1{
font-size: 16px;
font-style: italic;
font-family: Verdana;
border: 1px solid black;
padding: 5px;
color: black !important;
background-color: #6699CC;
	}	
	
.projectEntry h2{
position: relative;
left: 14px;
bottom: 5px;
font-size: 12px;
padding: 2px;
font-family: Verdana;
color: #CCFFFF;
}

.projectEntry a:link{
color: black;
text-decoration: none;
}

.projectEntry a:hover{
color: white;
text-decoration: none;
}

.projectEntry a:visited{
color: #CCFFFF;
text-decoration: none;
}

.projectEntry blockquote{
color: white;
font-size: 10px;
}