/* GLOBAL RESET */

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin:0.5em 0;
}

h6 {
	font-size:100%;
	font-weight:bold;
	font-family: Georgia, Palatino, Verdana, Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 2.5em 0px 0px 0px;
	font-size: 100%;
	color: #111;
}

p {
	margin:1.3em 0 0 0;
}

.code {
	font-family: Courier New, Courier, monospace;
}

ul, ol {
	margin:1.3em 0 0 20px;
}

li,dd {
	margin-left:1em;
}

fieldset {
	padding:0.5em;
	border-style:solid;
	border-width:1px;
	position:relative;
	margin: 15px 0 35px 0;
}

legend {
	margin: 0 40px;
}

legend img {
	position:absolute;
	background:#fff;
	top:-22px;left:30px;
}

body {
	font-family: Georgia, Palatino, Verdana, Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 76%;
	color: #111;
	background-color: #fff;
}

.cvleftcolumn {
	width: 14em;
	font-weight:bold;
}

fieldset td {
	vertical-align:top;
}
	
a {
	text-decoration:none;
}

a:link {
	color:#008 ;
}

a:visited {
	color:#228 ;
}

a:hover {
	text-decoration:underline;
}

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

#rssmod img {
	vertical-align:middle;
}

#searchinput {
	width:90% ;
	padding:2px ;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background:#eef;
}

img {
	border-style: none;
}

#wrap {
	min-width:700px;
	text-align:left;
	margin:0 auto;
	background: url(/images/background.png) 70% 0 no-repeat;
}

#header {
	height:155px;
	background: url(/images/header.jpg) 0 0 no-repeat;
	position:relative;
}

#header2 {
	height:45px;
	background: url(/images/header2.png) 0 0;
}

#header a i {
	/*visibility:hidden;*/
}

#topmenu {
	left: 226px;
	top: 73px;
	height:73px;
	width:468px;
	margin:0;
	padding:0;
	position:absolute;
}

#topmenu a i {
	visibility:hidden;
}

#topmenu a {
	position:absolute;
}

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

a#home { left: 13px; top: 37px; width: 39px; height: 21px; background-image: url(/images/homelink.png);}
a#articles { left: 64px; top: 34px; width: 65px; height: 22px; background-image: url(/images/articleslink.png);}
a#about { left: 141px; top: 33px; width: 50px; height: 20px; background-image: url(/images/aboutlink.png);}
a#cv { left: 202px; top: 31px; width: 27px; height: 19px; background-image: url(/images/cvlink.png);}
a#portfolio { left: 241px; top: 30px; width: 71px; height: 20px; background-image: url(/images/portfoliolink.png);}
a#contact { left: 325px; top: 25px; width: 64px; height: 23px; background-image: url(/images/contactlink.png);}
a#cetera { left: 396px; top: 23px; width: 52px; height: 21px; background-image: url(/images/ceteralink.png);}

a#home:link { background-image: url(/images/homelink.png); }
a#articles:link { background-image: url(/images/articleslink.png); }
a#about:link { background-image: url(/images/aboutlink.png); }
a#cv:link { background-image: url(/images/cvlink.png); }
a#portfolio:link { background-image: url(/images/portfoliolink.png); }
a#contact:link { background-image: url(/images/contactlink.png); }
a#cetera:link { background-image: url(/images/ceteralink.png); }

a#home:hover { background-image: url(/images/homehover.png); }
a#articles:hover { background-image: url(/images/articleshover.png); }
a#about:hover { background-image: url(/images/abouthover.png); }
a#cv:hover { background-image: url(/images/cvhover.png); }
a#portfolio:hover { background-image: url(/images/portfoliohover.png); }
a#contact:hover { background-image: url(/images/contacthover.png); }
a#cetera:hover { background-image: url(/images/ceterahover.png); }

#content {
	float:left;
	width:70%;
	font: 1em/1.3em Georgia,Palatino,Arial,Helvetica,sans-serif;
	color: #222;
}

.contentpaneopen {
	padding: 0 10px 0 10px;
}

blockquote {
	padding: 0 20px 0 20px;
	color: #444;
}
	
.small, .articleinfo , .modifydate {
	color: #999;
	font-size: 95%;
	font-variant: small-caps;
}

.createdate {
	float:right;
}

.buttons {
	width:54px;
	float:right;
	margin:0 10px 0 0;
}

.button {
	float:right;
}

.permalink {
	float:right;
	padding:0 5px 0 0;
}

.article_separator {
}

input#created_by_alias {
	background: #aabbaa
}

#footer {
	font:1em/1.3em Georgia,Palatino,Arial,Helvetica,sans-serif;
	clear:both;
	background: url(/images/footer.png) 0 0 repeat-x;
	color: #111;
	padding:20px 25px 20px 25px;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 537px;
	height: 63px;
	background: url(/images/logo.png) 0 0 no-repeat;
	margin-left: 21px;
	margin-top: 21px;
}

.inside {
	padding:25px;
}

#sidebar {
	float:right;
	width:30%;
	height:100%;
	background: url(/images/sidebar-bg.png) 0 0 repeat-y;
}

#sidebarbottom {
	height:70px;
	width:100%;
	background: url(/images/sidebar-S.png) 0 0 no-repeat;
}

#sidebartop {
	height:54px;
	width:100%;
	background: url(/images/sidebar-N.png) 0 0 no-repeat;
}

.moduleseparator {
	height:1px;
	width:100%;
	margin:20px 0 20px 0;
	background: #000080;
}

#mugshot {
	height:120px;
	width:86px;
	background: url(/images/mugshotsmall.png) 0 0 no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

#search {
	height:2em;
	padding:0 0 0 35px;
	position:relative;
}

.searchsummary {
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	border-color: #999;
	margin: 15px 0 0 0 ;
	padding:10px;
	background: url(/images/searchsummary.png) 0 0 repeat-x;
}

.textinput {
	width: 40em;
}

.sidebarsearch {
	float: right;
	width:100%;
	height:1.2em;
	color: #000080;
	background: url(/images/searchbg.png) 0 0;
	border-color: #000080;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	font-family: Georgia,Palatino,Arial,Helvetica,sans-serif;
}

#teacup {
	background: url(/images/biat.png) 50% 50% no-repeat;
	height: 77px;
	width: 100%;
}

.label {
	margin: 0 5px 0 0;
}

.title {
	margin: 0 2px 0 0;
	float:left;
}

.articletitle {
	width: 100%;
	padding: 8px;
}

.titleunderline {
	width: 100%;
	height: 5px;
	clear:both;
	position:relative;
}

.articleinfo {
	width: 100% ;
	padding: 0 10px 0 10px ;
}

.leftinfo {
	width: 50% ;
	text-align: left ;
}
	
.rightinfo {
	width: 50% ;
	text-align: right ;
}

.intro {
	padding: 2em 10px 0 10px ;
}

.intro li , .maintext li{
	margin: 0.8em 0 0 1em;
}

.readmore {
	padding: 1em 10px 1em 10px;
}

.readless {
	padding: 1em 0 1em 0;
}

.maintext {
	padding: 0 10px 0 10px ;
	display: none ;
}

.searchpage {
	padding: 0 10px 0 10px ;
}

.commentspreview {
	padding: 0 10px 0 10px ;
}

.articleseparator {
	height: 3em ;
	clear:both;
}

.comments {
	padding: 2em 10px 0 10px ;
}

.comment {
}

.commenttable {
	width:100% ;
	background: #efefef;
	border-style:solid;
	border-width:1px;
	border-color:#bbb;
	padding: 10px ;
}

.commenttable .leftcolumn {
	width: 11em ;
}

.inputbox {
	width: 70% ;
}

.commenttable textarea {
	width:100% ;
}

.bbbutton {
	margin: 2px ;
}

.smiley {
	height: 2em;
	width: 2em;
	vertical-align: middle;
}

.commenthelpleftcolumn {
	vertical-align:middle;
	padding:0 10px 0 0;
}

.commenthelprow {
	height: 3em;
}

#commenthelp {
	background: #fff;
	border-style:solid;
	border-color: #ddd;
	border-width: 1px;
	padding:10px;
}

#commentform {
	display:none;
}

.commentlabel {
	vertical-align:middle;
	margin: 0 5px 0 0;
}

.HeaderTop {
	background: #f9f9ff url(/images/commentN.png) 0 0 repeat-x;
	height:10px;
	position:relative;
}

.CommentTitle {
	position:relative;
	padding: 5px 15px 0 15px;
	background:#f9f9ff;
}

.Fulltext {
	position:relative;
	padding: 0 15px 5px 15px;
	background:#f9f9ff;
}

.commentNW {
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	left:0px;
	background: #f9f9ff url(/images/commentNW.png) 0 0 no-repeat;
}

.commentNE {
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	right:0px;
	background: #f9f9ff url(/images/commentNE.png) 0 0 no-repeat;
}

.commentW {
	width:10px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background: #f9f9ff url(/images/commentW.png) 0 0 repeat-y;
}

.commentE {
	width:10px;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	background: #f9f9ff url(/images/commentE.png) 0 0 repeat-y;
}

.commentSW {
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	left:0px;
	background: #f9f9ff url(/images/commentSW.png) 0 0 no-repeat;
}

.commentSE {
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
	right:0px;
	background: #f9f9ff url(/images/commentSE.png) 0 0 no-repeat;
}

.DateAndAuthor {
	width:100%;
	text-align: right;
	padding: 0 0 20px 0;
	position:relative;
	background: #FFF url(/images/commentS.png) 0 0 repeat-x;
}
	
#editor {
	background: #eee;
	border-style:solid ;
	border-width:1px;
	border-color:#008;
	padding:10px;
	margin: 30px;
}

.currenttext {
	background: #fff;
	border-style:solid ;
	border-width:1px;
	border-color: #777;
	padding: 5px;
	width: 80%;
	font-size: 70%;
}

.entertext {
	width:90%;
}

.portfoliothumb {
	float:right;
	width:30%;
	margin:0 0 15px 25px;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.portfolioitem {
	padding:10px;
	display:none;
}

#item2 {
	display:block;
}

.portfoliopreviewthumb {
	width:auto;
	margin:10px;
	float:left;
}

.portfoliopreviewthumb img {
	height: 80px;
	border-style:solid;
	border-color: #ddd;
	border-width:2px;
}

#thumb2 {
	border-color: #008;
}

#portfoliothumbs {
	background:#eee;
}

.portfoliohelp {
	clear:both;
	padding:10px;
	margin:10px 0;
	background:#eee;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#bbb;
}

.rss-content, .rss-title, .rss-id , .rss-link{
	display:none;
}

.emailtable {
	width:80% ;
	margin: 0 auto 0 auto;
	background: #efefef;
	border-style:solid;
	border-width:1px;
	border-color:#bbb;
	padding: 10px ;
}

.emailtable textarea {
	width:100% ;
}

.pullquoteleft, .pullquoteright {
	border-color:#008;
	border-top-style:solid;
	border-bottom-style:solid;
	padding:0.5em 1em;
	border-width:2px;
	width:30%;
}

.pullquoteleft p, .pullquoteright p {
	font-size: 125%;
	font-variant: small-caps;
	color: #66a;
	margin:0.5em 0;
}

.pullquoteleft {
	float:left;
	margin: 1.8em 1.5em 0.8em 0;
}

.pullquoteright {
	float:right;
	margin: 1.8em 0 0.8em 1.5em;
}

.illustration {
	border-style:solid;
	border-color:#222;
	border-width:1px;
	float:right;
	margin:40px 10px 15px 15px;
}

.inlineillustration {
	border-style:solid;
	border-color:#222;
	border-width:1px;
	max-width:100%;
}

.photothumbs {
	margin:0 auto 5px auto;
	max-width:500px;
	border-bottom-style:solid;
	border-top-style:solid;
	border-width:1px;
	border-color:#222;
}

.photothumb {
	margin: 2px;
	padding:3px;
	float:left;
	width: 31px;
	display:none;
	background:url(/images/thumb-bg.png) 0 0 no-repeat;
}

.photothumb img {
	width: 100%;
}

.albumgroupcontainer {
	background: #eee;
	width:100%;
	max-width:830px;
	height:71px;
	margin: 0 0 10px 0;
}

.albumgroup {
	height:71px;
	width:20%;
	background:#fff;
	float:left;
	position:relative;
	overflow:hidden;
}

.albumgroupimg {
	position:absolute;
	left:3px;
}

.albumcontainer {
	background: #ddd;
	float:left;
	height:100%;
}

.albums {
	display:none;
}

.photo {
	max-width:100%;
	max-height:350px;
	border-color:#222;
	border-style:solid;
	border-width:1px;
	display:none;
	margin:0 auto;
}

.photolarge {
	max-width:100%;
	max-height:100%;
	border-color:#222;
	border-style:solid;
	border-width:1px;
	display:none;
	margin:0 auto;
}

.photoselector {
	width:100%;
	height:100px;
	background: #ddf;
}

#captions {
	text-align:center;
	padding: 2em 0 0 0;
	margin: 0 auto;
	position:relative;
	width:500px;
}

.caption {
	display:none;
}

.prevphoto {
	position:absolute;
	left:24px;
	top:3em;
	height:20px;
	width:20px
}

.nextphoto {
	position:absolute;
	right:24px;
	top:3em;
	height:20px;
	width:20px
}

.firstphoto {
	position:absolute;
	left:0px;
	top:3em;
	height:20px;
	width:20px
}

.lastphoto {
	position:absolute;
	right:0px;
	top:3em;
	height:20px;
	width:20px
}

.pagination {
	text-align:center;
}

.pagination img {
	vertical-align:middle;
	margin: 0 3px;
}

.pagination span {
	margin: 0 5px;
}

.searchedbox {
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #ffaaaa;
	background-color: #efeeee;
	margin: 0 0 1.5em 0;
	padding: 1em;
	text-align:center;
}