@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}

html
{
	font-family: Arial, Helvetica, sans-serif;
	
}

body
{
	position:relative;
	background:url("assets/default/heading.png") top center no-repeat;
	width:1002px;
	margin:0 auto;
	padding:10em 0;
}

a
{
	text-decoration:none;
	color:#9e0350;
}

a img {border:none;}

a:hover
{
	text-decoration:underline;
}
a:visited
{
	color:#444444;
}

#content
{
	float:left;
	background:#f5f3f4 url("assets/default/contentTop.gif") top center no-repeat;
	width:626px;
	overflow:hidden;
	min-height:465px;
}

#content a {text-decoration:underline;}
#content a:hover {text-decoration:none; border-bottom:1px dashed #9e0350;}

#content h1 a {font-size:10pt;}


#content img {float:left; margin:0 4px 4px 0;}

#content p, #content ul, #content dl
{
	font-size:1em;
	line-height:1.4em;
	/*padding:1em 5.8em 0 0.8em;*/
	padding:1em 0.8em 0 0.8em;
	text-align:justify;
}

#content pre 
{
	padding:0 0.8em 0 0.8em;
	margin:1em 1em 0 1em;
	background-color:#FFFFCC;
}
#content code {background-color:#FFFFCC;}

#content blockquote {padding: 1.5em 2em 0 1.4em; overflow:auto;}
#content blockquote p {padding:0 0 0 0.6em; border-left: 2px solid #888888;}

#content dl dd {padding-left:1em;}

#content ul {list-style-position:inside;}

#content ul ul {padding:0 0 0.2em 1em; list-style-type:square;}

#content h1
{
	font-size:1.5em;
	font-weight:normal;
	color:#829f14;
	padding:0 0.4em;
	margin-top:18px;
}
/*#content :first-child {margin-top:18px;}*/
#content h1 span, #content dt span {color:#7b797a;}
#content h1 a, #content dt a {color:#829f14;}

#content h2
{
	font-size:1.2em;
	font-weight:normal;
	color:#7b797a;
	padding:1.5em 0.4em 0 0.4em;
	clear:both;
}

#content h3
{
	font-size:0.9em;
	font-weight:normal;
	color:#7b797a;
	padding:1.5em 0.4em 0 0.8em;
	clear:both;
}

#content ol {list-style-position:inside; padding:0 0 0 0.8em}

#content #trackbacks p {font-size:0.6em; padding:0 5.8em 0 3em;}
#content #trackbacks ul {list-style:none; padding:0.6em 5.8em 1em 1em;}

#content div.comment
{
	padding:1em;
}

#content div.comment a.delComment
{
	display:block;
	float:right;
	width:24px; height:31px;
	background:url("assets/default/actionPanelIcons.png") -48px 0px no-repeat;
}
#content div.comment a.delComment:hover
{
	background:url("assets/default/actionPanelIcons.png") -48px -31px no-repeat;
	border-bottom:none;
}

#content div.owner {border:2px dashed #7B797A;}

#content div.comment img 
{
	margin:0 0.5em 0.5em 0.5em;
	float:left;
}

#content form p {padding-top:0.4em;}
#content div.comment a.replyLink {float:right;}

#content div.comment div.reply
{
	padding:2em 3em;
}

#content div.comment h3
{
	font-weight:normal;
	font-size:1.2em;
	clear:none;
	padding:0;
}
#content div.comment h3 span {display:block; font-size:0.6em; }
#content div.comment h3 span a {padding:0 0 0 0.2em; color:#9e0350}

#content div.comment h3 a {padding:0 0 0 0.2em; color:#829f14;}

#content input, #content textarea, #content #commentForm #submit
{
	padding:0.5em;
	border:1px solid #7b797a;
	margin:0.2em 0;
	background:#f5f3f4;
	
}
#content textarea {background:url("/style/assets/default/textBoxLabel.gif") no-repeat top right; width:500px;}

#content input.required {background:url("/style/assets/default/requiredLabel.gif") no-repeat top right;}

#content input:focus, #content textarea:focus {background-color:white; background-image:none;}
input#submit:hover{background-color:white;}
#content input#publish {margin:0 2px 0 6px;}

#content #commentForm input
{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #7b797a;
	
	padding:0.3em;
}

#content #commentForm textarea
{
	background:white;
	border:none;
}

#content #commentForm p {position:relative;}
#content #commentForm span.error
{
	position:absolute;
	background:url("/style/assets/default/triangle.png") bottom left no-repeat;
	display:block;
	padding-bottom:10px;
	
	font-size:0.6em;

}
#content #commentForm span.error span
{
	background:white; color:red;
	padding:6px;
	
	-moz-border-radius:6px 6px 6px 0px;
    -webkit-border-radius: 6px 6px 6px 0px;
    -khtml-border-radius: 6px 6px 6px 0px;

    border-radius: 6px 6px 6px 0px;
}

#content #commentForm p.hintText {text-align:center; font-size:0.6em;}
#content #commentForm p.textBox {text-align:center;}

#content table 
{
	border-collapse:collapse;
	line-height:1.4em;
	text-align:justify;
	margin:1em auto 0.4em auto;
}
#content table td, #content table th
{
	border:1px solid #7b797a;
	padding:4px;
	max-width:380px;
	text-align:center;
}
#content table th {background:#7b797a; color:white;}

#content table input
{
	padding:0.1em;
	margin:0;
	font-size:10pt;
	width:90px;
}
#content table select {width:94px;}

#content table input.btn
{
	width:55px;
}

#content table ul
{
	padding:0;
	list-style-type:none;
}

#content p.byline {margin: 0; padding: 0 0 0 1em; line-height: 1em; font-size: 0.8em; color:#7B797A;}

#content div {overflow:auto;}

#content div.pane
{
	width:50%;
	float:left;
}

#content div.insertPane
{
	width:45%;
	float:left;
}

#navSoc 
{
	float:left;
	margin:20px 0 0 0;
}

#navSoc ul
{
	list-style:none;
	text-align:right;
}

#navSoc ul li a{padding-right:20px;}

#navSoc ul#navigation
{
	width:196px;
}

#navSoc ul#navigation li a {color:transparent; font-size:0px;}

#social span
{
	display:block;
	height:47px;
	background:url("assets/default/socialTop.gif") top left no-repeat;
}

#social
{
	background:url("assets/default/socialBottom.gif") bottom left no-repeat #f5f3f4;
	width:179px;
	margin-top:6px;
	color:#829f14;
}

#social * {}

#social p {text-align:center; padding:0.4em;}
#social p a {padding:0 0.2em;}

#subpages span
{
	display:block;
	height:47px;
	background:url("assets/default/subPagesTop.gif") top left no-repeat;
}

#subpages
{
	background:url("assets/default/socialBottom.gif") bottom left no-repeat #f5f3f4;
	width:179px;
	margin-top:6px;
	color:#829f14;
}

#subpages * {}

#subpages p, #subpages ul {text-align:center; padding:0.4em; font-size:0.8em;}
#subpages ul li.spacer {margin-top:0.6em;}
#subpages p a {padding:0 0.2em;}

ul#navigation li#navTop
{
	background:url("assets/default/navTop.gif") top left no-repeat;
	/*height:79px;*/
	padding-top:30px;
}

ul#navigation li#navBottom
{
	background:url("assets/default/navBottom.gif") top left no-repeat;
	height:64px;
}

ul#navigation li
{
	background:url("assets/default/navMiddle.gif") top left no-repeat;
	/*height:79px;*/
	display:block;
	margin-bottom:1px;
	padding:15px 0 14px 0;
}

ul#navigation a 
{
	display:block;
	height:50px;
}

#navSoc ul#navigation a.blog
{
	background:url("assets/default/navigationIcons.png") 0px 0px no-repeat;
}
#navSoc ul#navigation a.blog:hover, #navSoc ul#navigation a.blog_
{
	background:url("assets/default/navigationIcons.png") 0px -50px no-repeat;
}

/*#navSoc ul#navigation a.portfolio
{
	background:url("assets/default/portfolio.png") left no-repeat;
}
#navSoc ul#navigation a.portfolio:hover, #navSoc ul#navigation a.portfolio_
{
	background:url("assets/default/portfolio_.png") left no-repeat;
}*/

#navSoc ul#navigation a.about
{
	background:url("assets/default/navigationIcons.png") -392px 0px no-repeat;
}
#navSoc ul#navigation a.about:hover, #navSoc ul#navigation a.about_
{
	background:url("assets/default/navigationIcons.png") -392px -50px no-repeat;
}

#navSoc ul#navigation a.photos
{
	background:url("assets/default/navigationIcons.png") -196px 0px no-repeat;
}
#navSoc ul#navigation a.photos:hover, #navSoc ul#navigation a.photos_
{
	background:url("assets/default/navigationIcons.png") -196px -50px no-repeat;
}

ul#actionsTray
{
	float:right;
	list-style-type:none;
	padding:4px;
}
ul#actionsTray li {float:left; margin-left:4px;}

ul#actionsTray a
{
	display:block;
	width:24px; height:31px;
	color:transparent;
	font-size:0px;
	overflow:hidden;
}
ul#actionsTray a:hover {border:none;}

ul#actionsTray li a.login
{
	background:url("assets/default/actionPanelIcons.png") -72px 0px no-repeat;
}
ul#actionsTray li a.login:hover
{
	background:url("assets/default/actionPanelIcons.png") -72px -31px no-repeat;
}

ul#actionsTray li a.logout
{
	background:url("assets/default/actionPanelIcons.png") -72px -31px no-repeat;
}
ul#actionsTray li a.logout:hover
{
	background:url("assets/default/actionPanelIcons.png") -72px 0px no-repeat;
}

ul#actionsTray li a.controlPanel
{
	background:url("assets/default/actionPanelIcons.png") 0px 0px no-repeat;
}
ul#actionsTray li a.controlPanel:hover, ul#actionsTray li a.controlPanel_
{
	background:url("assets/default/actionPanelIcons.png") 0px -31px no-repeat;
}

ul#actionsTray li a.edit
{
	background:url("assets/default/actionPanelIcons.png") -24px 0px no-repeat;
}
ul#actionsTray li a.edit:hover
{
	background:url("assets/default/actionPanelIcons.png") -24px -31px no-repeat;
}

ul#actionsTray li a.delete
{
	background:url("assets/default/actionPanelIcons.png") -48px 0px no-repeat;
}
ul#actionsTray li a.delete:hover
{
	background:url("assets/default/actionPanelIcons.png") -48px -31px no-repeat;
}

#meta 
{
	position:absolute;
	background:url("assets/default/metaBottom.gif") bottom left no-repeat #cde76a;
	min-height:288px; width:198px;
	top:200px; left:736px;
	color:#7b797a;
}

#meta span
{
	display:block;
	height:45px;
	background:url("assets/default/metaTop.gif") top left no-repeat;
}

#meta dl, #meta p
{
	padding:4px 16px;
}
#meta dl dt {font-size:0.8em;margin:0.3em 0 0.1em 0;}
#meta dl dd {font-size:0.7em;padding-left:0.4em;}

#footer
{
	float:left;
	clear:left;
	width:626px; height:20px;
	background:url("assets/default/contentBottom.gif") bottom center no-repeat;
	margin-left:196px;
}

/* Special Styles */
form#login
{
	padding:20px 0 300px 20px;
}

#content p.meta {padding-bottom:2em; font-size:0.9em; color:#829f14; clear:both;}
#content p.meta a, #content div.insertPane
{
	-moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;

    border-radius: 6px;

	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #fcfcfc;
	border-right:1px solid #fcfcfc;
	background-color:#ededed;
	padding:0.2em 0.4em;
	
	text-decoration:none;
}
#content p.meta a:hover
{
	text-decoration:none;
	background-color:#dcdddd;
}
#content p.meta a:visited {color:#888888;}

#content p.postDate {font-size:0.8em; color:#7b797a; padding-top:0;}

#content .err {border:3px solid red;}

li.separated {padding-top:0.8em;}

#content ul#album, #content ul#gallery
{
	list-style-type:none;
	padding:1em 0 0 0.8em;
	overflow:auto;
}

#content ul#album li, #content ul#gallery li
{
	float:left;
	text-align:center;
	margin:0 12px 12px 12px;
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;

    border-radius: 4px;
	border:1px solid #999999;
	background-color:white;
}

#content ul#album li {width:260px;}

#content ul#album li a, #content ul#gallery li a
{
	display:block;
	max-height:159px;
	padding:5px;
	background-color:#cccccc;
}
#content ul#album li a:hover, #content ul#gallery li a:hover
{
	border-bottom:none;
}

#content ul#album li img, #content ul#gallery li img, #content ul.contentItems img
{
	float:none;
	margin:0;
	/*display:block;
	
	padding:5px;
	background-color:#cccccc;*/
	max-height:159px;
	max-width:240px;
}

#content ul#album li p, #content ul#gallery li p
{
	margin:0; padding:4px;
	font-size:0.75em;
}

#content p.photo {text-align:center;}
#content p.photo img
{
	float:none;
}

#content p#tagCloud
{
	text-align:left;
	line-height:inherit;
	margin-bottom:4em;
}

#content a.writeMode
{
	background:url("assets/default/actionPanelIcons.png") -24px 0px no-repeat;
	display:block;
	width:24px; height:31px;
	position:absolute;
	/*bottom:10px;*/ right:108px;
}

#content a.closeWriteMode
{
	background:url("assets/default/close.png") left no-repeat;
	display:block;
	width:120px; height:40px;
	position:absolute;
	top:10px; right:10px;
}

#content a.writeMode:hover
{
	background:url("assets/default/actionPanelIcons.png") -24px -31px no-repeat;
	border:none;
}

#content p.writeMode
{
	padding: 5% 0px 0px 0px; 
	background: transparent url("/style/assets/default/transp-bg.png") repeat;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 10;
}

#content p.writeMode textarea
{
	width: 60%;
	height: 80%;
	background-color:white;
}

div.writeMode
{
	position:fixed !important; right:10px; top:10% !important; left:inherit !important;
}
