@import "form.css";

html {font-family: sans-serif; font-size: 10pt; background-color: #E0E0FF}

body {margin: 20px 10px 10px; /*color: #8805CA*/ color: black}

a {color: #8805CA; text-decoration: none}
a:hover {text-decoration: underline}

h2 {font-size: 120%}

#title {position: relative; margin-bottom: 15px}

#title #mainlinks {position: absolute; top: 130px; left: 150px; right: 0px; text-align: center; font-weight: bold}

#footer {font-size: 80%; text-align: center}

.endfloat {height: 0px; clear: both; visibility: hidden}

.error_details {margin: 0 0 1em 0; border-top: solid #8805CA 1px; padding: 0.2em 0; font-size: 80%; font-style: italic}

ul li {list-style-image: url('../images/bullet.png')}

ol {color: #6A2BA5}
ol li {color: black}

.bar {color: white; background: url('../images/php_code_purple.png') #411D5B; border: solid black 2px; height: 15px; padding: 0em 0.7em 0.2em; font-weight: bold}

h1 {margin: 0 0 12px; text-align: right}
h1 img {
	vertical-align: bottom;
	border: none;
}

#pagecontent {width: auto; margin: 0px 210px}

.introduction {border: solid black 1px; margin: 1em 0; padding: 0em 1em; background-color: #FFFFFF}

#left_sidebar {width: 200px; position: absolute; left: 10px; top: 100px; height: 1%}
#right_sidebar {width: 200px; position: absolute; right: 10px; top: 100px; height: 1%}

/* Sidebar box styles */
 
.sidebar .box {margin-bottom: 5px}

.sidebar .box img {display: block}

.sidebar .box .top {height: 32px; background: url('../images/sidebar_top.png'); color: white; font-size: 12px; line-height: 32px; font-weight: bold; text-align: left; padding: 0 20px 0 40px}

.sidebar .box .contents {background: url('../images/sidebar_bg.png'); padding: 1px 8px; font-size: 8pt}

.sidebar .box .btm {background: url('../images/sidebar_btm.png'); height: 8px; position: relative; top: -1px}

.sidebar .box .contents p,
.sidebar .box .contents ul,
.sidebar .box .contents ol {margin: 0.3em 0em}

.sidebar ul, .sidebar ol {padding-left: 20px; margin-left: 0}

/* Styles for the plain (white) box */

.plainbox {margin: 0 0 0.5em}

.plainbox .top {position: relative; height: 20px; margin: 0 20px; background: url('../images/plainbox_top.png')}
.plainbox .top img {position: absolute; top: 0}
.plainbox .top .l {left: -20px}
.plainbox .top .r {right: -20px}

.plainbox .mid {position: relative; margin: 0px 3px; background-color: white; padding: 1px}
.plainbox .contents {margin: 0 20px -30px 1em; position: relative; top: -25px}
.plainbox .mid .l {position: absolute; width: 3px; height: 100%; left: -3px; top: 0; background: url('../images/plainbox_l.png')}
.plainbox .mid .r {position: absolute; width: 3px; height: 100%; right: -3px; top: 0; background: url('../images/plainbox_r.png')}

.plainbox .btm {position: relative; top: -1px; height: 6px; margin: 0 6px; background: url('../images/plainbox_btm.png')}
.plainbox .btm img {position: absolute; top: 0}
.plainbox .btm .l {left: -6px}
.plainbox .btm .r {right: -6px}

/* Styles for the titled box */

.titledbox {margin: 0 0 0.5em}

.titledbox .title {position: relative; margin: 0 20px -5px 10px; height: 27px; line-height: 27px; width: 50%; background: url('../images/titledbox_tit.png')}

.titledbox .title h3 {margin: 0 20px 0px 5px; color: white; font-size: 14px; font-weight: bold; text-align: left; width: auto}

.titledbox .title img {position: absolute; top: 0}
.titledbox .title .l {left: -10px}
.titledbox .title .r {right: -20px}

.titledbox .top {position: relative; height: 10px; margin: 0 10px; background: url('../images/titledbox_top.png')}
.titledbox .top img {position: absolute; top: 0}
.titledbox .top .r {right: -10px}

.titledbox .mid {position: relative; margin: 0px 3px 0px 10px; background-color: white; padding: 1px}
.titledbox .contents {margin: -10px 20px -5px 1em; position: relative; top: 0px}
.titledbox .mid .l {position: absolute; width: 10px; height: 100%; left: -10px; top: 0; background: url('../images/titledbox_l.png')}
.titledbox .mid .r {position: absolute; width: 3px; height: 100%; right: -3px; top: 0; background: url('../images/titledbox_r.png')}

.titledbox .btm {position: relative; top: -1px; height: 6px; margin: 0 6px; background: url('../images/titledbox_btm.png')}
.titledbox .btm img {position: absolute; top: 0}
.titledbox .btm .l {left: -6px}
.titledbox .btm .r {right: -6px}

/* Project box styles */

.detail {margin-top: 0; font-size: 80%}
.date {
	font-size: 80%; margin-top: 5px; margin-bottom: 1em; border-bottom: solid purple 1px;
	margin-left: -1em;
	padding-left: 1em;
}

dl {
	font-size: 90%;
	margin-bottom: 1.5em;
}

dt {
	float: left;
	clear: left;
	font-weight: bold;
	width: 10em;
}

dd {
	margin-left: 11.5em;
	margin-bottom: 0.5em;
}

.recent_comment h4 {
	font-size: 100%;
	font-weight: normal;
	margin: 0.5em 0;
	
	border-bottom: solid purple 1px;
}

.screenshots {
	margin: 1em 0;
}

.screenshots a {
	margin: 5px 0;
}

.sidebar .screenshots img {
	display: inline;
	vertical-align: top;
	margin-bottom: 3px;
	border: solid black 1px;
}