/* AlterVision Creative Group AltX css file */

body {
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px;
    padding: 0px; margin: 0px; background:  #fff url(images/bg.gif) top left repeat-y;
}

a:link,a:active,a:visited	{ color : #4c724c; text-decoration: none; }
a:hover						{ text-decoration: underline; color : #11aa11;}
hr { height: 0px; border: 0px; border-top: solid 1px #ded; width: 90%; }

#container {
	width: 100%; margin: 0px auto;
}

#header {
	width: 100%; height: 190px; margin: 0px; padding: 0px;
    background: white url(images/headbg.gif) top left repeat-x;
}

#mainline {
    display: block; height: 181px;
    background: transparent url(images/header.gif) top left no-repeat;
    padding-top: 9px; padding-left: 310px; font-size: 12px; color: white;
}
#mainline a { color: white; font-weight: bold; }

#content {
	min-height: 700px; height: auto !important; height: 700px;
	font-size: 12px; padding: 6px 16px; padding-left: 280px;  margin: 0px;
    background: transparent url(images/content.jpg) top left repeat-y;
}

#content h2 {
	height: 30px; padding-left: 38px; padding-top: 30px; color: #4c724c;
    background: transparent url(images/h1.gif) top left no-repeat;
	margin: 0px; padding-bottom: 0px; margin-bottom: -5px !important; margin-bottom: -7px;
    font-family: Georgia; font-size: 22px; font-weight: normal;
}

#content h3 {
	color: #4c724c; font-size: 12px; font-weight: bold; margin: 0px;
	padding: 4px 5px 4px 5px; margin: 4px 5px -5px 5px;
    border-bottom: dotted 1px #777; border-top: dotted 1px #777;
    vertical-align: middle; background-color: #fafffa;
}
#content h3 small {
	float: right; font-size: 10px; padding-top: 1px; font-weight: normal;
}

#content p {
	font-size: 12px; line-height: 120%; margin-bottom: 10px; margin-left: 5px;
}

#content ul {
	font-size: 11px; line-height: 135%; margin-bottom: 10px; margin-left: -5px !important;  margin-left: 30px;
}

#content ul li {
	list-style: none; color: #113311; padding-left: 20px;
    background: transparent url(images/list.gif) center left no-repeat;
}

#panel {
	width: 260px; position: absolute; top: 180px; left: 0px; padding: 0px; margin: 0px;
    background: transparent url(images/panbg.gif) top left repeat-y;
}

#panel h2 {
	color: #4c724c; font-size: 9px; font-weight: bold; width: 220px;
	padding: 2px 5px; margin: 0px 0px 2px 0px; z-index: 10000;
    border-bottom: dotted 1px #777; border-top: dotted 1px #777;
}

#panel ul {
	font-size: 10px; line-height: 135%; margin: 0px; padding: 0px; margin-bottom: 2px;
}

#panel ul li {
	list-style: none; margin: 0px; margin-bottom: 2px;
}
.pan-li-main {
	display: block; width: 220px; height: 14px;
    padding: 5px 10px;
    background: transparent url(images/panmain.gif) top left repeat-y;
	font-size: 12px; color: white;
}
.pan-li-main:hover { background: transparent url(images/panhover.gif) top left repeat-y; }
.pan-li-main a { color: white; }
.pan-li-sub1 { padding-left: 10px; font-weight: bold; }
.pan-li-sub2 { padding-left: 10px; }

#pan-header { display: none; }
#pan-footer {
	display: block; width: 260px; height: 40px;
	background: transparent url(images/panfoot.gif) top left no-repeat;
}



#pagination { margin-top: 15px; color: rgb(98,163,7); text-align: center; font-size: 10px; z-index: 5000;}
#pagination a { padding: 1px 4px; margin: 0px; border: solid 1px #cccccc; background-color: #f1f1f1; font-weight: bold; }
#pagination a:hover { border: solid 1px #cccccc; background-color: #ffffff; }
#pagination b { padding: 1px 4px; margin: 0px; border: solid 1px #999999; background-color: #efffef; }

#footer {
	display: block; padding: 7px; margin-left: 300px;
    border: solid 1px #4c724c; border-top-width: 3px; border-bottom: none; border-right: none;
}


#comment 	{	border: solid 2px rgb(127,240,93); background-color: #999; margin-top: 3px; margin-bottom: 3px; }
th			{
	height: 12px; margin: 0px; padding: 5px 5px; color: #222;
    background: transparent url(images/th.gif) top left repeat-x;
	text-align: center; margin: 0px; font-size: 11px;
}
.head		{ background-color: #f5fff5; }
.row1		{ background-color: #ffffff; }
.row2 		{ background-color: #fbfbfb; }
.row3 		{ background-color: #f8f8f8; }
.sepa 		{ background-color: #f7f7f7; height: 2px; font-size: 1px; padding: 1px;  }

#rf, .rf { float: right; }
#ra, .ra { text-align: right; }

input, textarea, select { border: solid 1px black; font-size: 10px; font-family: Verdana, sans-serif; background-color: white; }
input.wide, .wide, input.text, textarea { width: 100%; }

.bbcode       { border: solid 1px black; font-size: 9px; background-color: white; }
.mainoption   { border: solid 1px black; font-size: 10px; background-color: white; font-weight: bold; }
.liteoption   { border: solid 1px black; font-size: 10px; background-color: white; }
.radio 		  { border: none; }

blockquote, .quote, #quote {
	margin: 1px 15px 1px 15px; padding: 5px 10px 5px 10px;
    background-color: #f5fff9;
    border: dotted 1px #cccccc;
}

.perline {
	display: block;	text-align: left;
	width: 54px;   height: 12px;
    padding: 1px;	border:1px solid #4c724c;
}

#phimg { border: solid 2px #cec; margin: 2px; }
.offtop { color: #575; }

#banner {
	margin-top: 10px; margin-bottom: 5px;
}

/* for the Index */

#book, #phalb, #album {
	display: block; min-height: 55px; height: auto !important; height: 55px; padding-left: 50px;
}
#book  {	background: transparent url(images/book.png) 	2px 8px   no-repeat; }
#phalb {    background: transparent url(images/ppht.png) 	2px 12px  no-repeat; }
#album {    background: transparent url(images/album.png) 	5px 12px  no-repeat; }

#photo-table { width: 705px; margin: 0px auto; border: none; }
#photo-cell {
	display: table-cell; height: 130px; width: 195px;
    border: solid 1px #4c724c; margin: 0px 4px; padding: 6px;
}
#photo-cell h4 {
	border-bottom: dotted 1px #4c724c;
    text-align: center; margin: 0px;
}
#photo-cell p {
	display: block; height: 35px; width: 200px;
    text-align: left; font-size: 10px;
    padding: 3px; margin: 1px auto;
    border: dotted 1px #ccc; background-color: #eee;
}
#photo-cell small { display: block; text-align: center; height: 10px; }
#photo-img { display: block; height: 130px; width: 160px; margin: 3px auto; text-align: center; }
#photo-img img { border: solid 2px #4c724c; padding: 1px; }
#photo-img:hover img { border: solid 2px #222; }
#photo-comment {
	display: block; width: 680px; font-size: 11px;
	border: dotted 1px #ccc; background-color: #eee;
    padding: 4px; margin: 5px auto;
}

#phimg { border: solid 2px #4c724c; margin: 2px; padding: 1px; }
#phtimg { display: block; border: solid 2px #4c724c; margin: 2px auto; padding: 1px; }
#phtimg:hover { border: solid 2px #222; }

#book-info { display: block; text-align: right; padding: 4px; }

#book h4 { margin: 2px; padding: 2px; border-bottom: solid 1px #4c724c; }
#book p { margin: 2px; padding: 2px; border-bottom: dotted 1px #4c724c; font-size: 11px; }
#book-s { padding: 2px; text-align: right; font-size: 10px; }

#book-image     { position: absolute; display: block; height: 0px; width: 130px; text-align: center; float: left; margin-top: 15px;}
#book-block  	{ padding: 7px 10px 7px 130px ; min-height: 120px; height: auto !important; height: 120px; }