/*********************************/
/* fotographia.css              */
/* The Tinyblog fotographia Style Sheet */
/*********************************/

/*Color Specs:---------------------------------------------------------*/
/*#6699cc - Main Background */
/*#ff9933 - Tinyblog title orange */
/*#ccffff - Bright header color */
/*#000000 - Link Color */
/*#003399 - Visited link color */
/*#ffcc00 - Hover Orange */
/*# - Future Color */
/*#000000 - Future Color */
/*-----------------------------------------------------------------------------*/

	/* Regular Font Color and Style */

body, td  {
	background-color:#6699cc;
	font-size: 12px;
	font-family: georgia, serif;
	text-align: center;
}

div.fototitle {
	margin-bottom: 20px;
}

div.fotocolumn {
	width: 402px;
}

div.fotomodule {
	margin-bottom: 30px;	
}

div.caption {
	background-color: #3399cc;
	border : 1px solid Black;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}

	/*Heading Styles*/
	/*Hasn't been decided on yet*/

h1 {
	font-size : 25px;
	font-weight : normal;
	font-style : italic;
}
h2 {  }
h3 {  }

	/* splash page styles- For the splash page author information box on the far left. */

.sidebar {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 250 ;
	padding: 20px 14px 20px 14px;
	background-color:#6699cc;
	color: #ccffff;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height : 13px;
}

textarea.sidebarinput, input.sidebarinput {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 225px;
	background-color:#3399cc;
	color: #ccffff;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height : 13px;
}

div.dots {
	padding : 4px 4px 4px 4px;
	background-color : #3399cc;
	border : 1px solid Black;
	font-weight : bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	text-align: left;
}

p.orange_header {
	border-width: 2;
	border-color: #000000;
	border-style: double;
	font-weight: bold;
	text-align: center;
	background-color: ff9933;
	padding: 5;
	font-size:13px;
	color: #000000;
	font-family: georgia, serif
}

span.littleheader {
	border-width: 1;
	border-color: #000000;
	border-style: solid;
	font-weight: bold;
	text-align: center;
	background-color: ff9933;
	padding: 2;
	font-size: 11px;
	color: #000000;
	font-family: georgia, serif
}

.content {
	border-width: 1;
	border-color: #000000;
	border-style: solid;
	width: 100% ;
	padding: 20 ;
	background-color:#6699cc;
	font-size: 13px;
	font-family: Georgia, serif;
}

.title {
	padding : 4px 4px 4px 4px;
	font-weight : bold;
	letter-spacing : 1px;
	background-color : #3399cc;
	border : 1px solid Black;
}

.surveycontent {
	border-width: 1;
	border-color: #000000;
	border-style: solid;
	padding: 20 background-color:#6699cc;
	font-size: 13px;
	font-family: georgia, serif
}

	/* Image Styles */
	
.postpic
{
	border : 1px solid Black;
	width : 10%;
	padding : 0px 0px 0px;
	margin : 5px 0px 0px 0px;
	background : Black;
}

	/*Blog Body Styles*/

.dateheader {
	color: #ff9933;
	border-bottom: 1;
	border-top: 1;
	border-right: 1;
	border-left: 1;
	background-color: #000000;
	padding: 1px 4px 2px 4px;
	border-color: #ffcc00;
	border-style: solid;
	font-size:13px;
	font-family: georgia, serif;
	text-align : right;
	font-weight : bold;
}

div.details 
{
	font-size: 11px;
	margin : 1em 0px 3em 0px;
}

p.date
{
	background-color : #3399CC;
	text-align: left;
	margin: 1px;
	border : 1px solid Black;
	padding : 4px;
	color : Black;
}

p.details
{
	background-color : #3399CC;
	text-align: right;
	margin : 1px;
	border : 1px solid Black;
	padding : 4px;
	color : #ccFFFF;
}

	/* Archive Styles */
	
div.header {
	color: #ff9933;
	border-bottom: 1;
	border-top: 1;
	border-right: 1;
	border-left: 1;
	background-color: #000000;
	padding: 2;
	border-color: #ffcc00;
	border-style: solid;
	font-weight: bold;
	font-size:17px;
	font-family: georgia, serif;
	text-align : center;
}

.entrytitle {
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height : 13px;
}

div.favtitle {
	border: 1px solid Black;
	padding : 0px 4px 8px 4px;
	font-size : 45px;
	text-align : center;
	width : 230px;
	margin : 12px 0px 12px 0px;
	font-style : italic;
	height : 170px;
	background-image : url(images/favsky.jpg);
}

	/*Link Styles*/

a:link { text-decoration: underline; color: #000000 }
a:active { text-decoration: underline; color: #ffcc00 }
a:visited { text-decoration: underline; color: #003399 }
a:hover { text-decoration: none; color: #ffcc00 }

a.dots:link { text-decoration: none; color: #000000; }
a.dots:active { text-decoration: none; color: #000000; }
a.dots:visited { text-decoration: none; color: #000000; }
a.dots:hover {
	text-decoration: none;
	color: #ff9933;
}

a.bottomnav:link { text-decoration: underline; color: #ccff66 }
a.bottomnav:active { text-decoration: underline; color: #cc9900 }
a.bottomnav:visited { text-decoration: underline; color: #cc9900 }
a.bottomnav:hover { text-decoration: none; color: #ffffcc }

a.header:link { text-decoration: none; color: #ff9933; }
a.header:active { text-decoration: none; color: #ff9933; }
a.header:visited { text-decoration: none; color: #ffcc00; }
a.header:hover { text-decoration: none; color: #6699cc; }

/* REFERENCE */
/*
.text-align { text-align: right; text-align: justify; text-align: right;
	text-align: center; text-align: inherit }
.text-indent { text-indent: 12px; text-indent: .5in; text-indent: 14pt }
.color { color:#cc33cc }
.background-color { background-color:#33cc33 } Background color of an Object 
body.test { background-image: url(http://www.foo.com/image.gif) }
*/