/* -------------- global ------------------ */
body {
    margin: 0;
    padding: 0;
}
img {
    border-style: none; outline:none;
}
a:active {
    outline: none;
}

/* -------------- page ------------------ */

#page {
    position: relative;
    float:none;
    font-size: 12px;
    font-family: helvetica, sans-serif;
    background-color: transparent;
    text-align: left;
    width: 760px;
    height: 850px;
    margin: 0 auto 0 auto;
    background-color: transparent;
    font-family: Verdana, sans-serif;
    line-height:28px;
}

/* -------------- header + menu ------------------ */

#logo {
    height: 61px;
    width: 100%;
    background-color: transparent;
    margin: 0 0 2px 0;
    line-height: normal;
}

.item 
{
    position:relative;
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
}

.item a, #item a:visited {
	color:#999;
	text-decoration: none;
}
.item a:hover {
	color:#999;
	text-decoration: none;
	background:transparent;
	font-style:italic;
}

.angle 
{
	display:inline;
	float:left;
	width:20px;
	height:20px;
	margin: 0 4px 0 0;
}

#content 
{
    position:relative;
    float:left;
    height: 700px;
    width: 100%;
    background-color: transparent;
    line-height: normal;
}

#contentbox {
	float:left;
	width:89%;
	padding: 0px 20px 0 0px;
	background-color: transparent;
	font-size: 14px;
}

/* -------------- developer ------------------ */

.shotbox {
	float:left;
	font-size: 14px;
	line-height: 14px;
	font-variant: small-caps;
	margin: 10px 0 0 0;
	padding: 0 0 0 3px;
	width: 315px;
	height:120px;
	background-color:transparent;
}

.capbox {
	background-color:transparent;
	width:312px;
}

.shotbox img {
	margin: 2px 3px 3px 0;
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
}

.sitelink {
	color:#999;
	text-decoration: none;
}

.sitelink a:hover {
	color:#999;
	text-decoration: none;
	background:transparent;
	font-style:italic;
}

/* -------------- media section ------------------ */

.mediasection {
	background-color: transparent;
	margin: 5px 20px 9px 0px; 
}

.mediasection a, #mediasection a:visited {
	color:#00619f;
}

.mediasection a:hover {
	color: #000;
	font-style:normal;
	background-image: url(personal/images/down.jpg);
	background-repeat:no-repeat;
}

.mediasection ul {
	display:block;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:transparent;
	width: 670px;
}

.mmargin a {
	padding-left:21px;
}

#copyright {
	background-color: transparent;
}

/* -------------- bluepill login ------------------ */

#redpillbox {
	background-image: url(personal/images/redpill.jpg);
	background-repeat:no-repeat;
	height: 50px;
	width: 590px;
	padding: 0 0 0 20px;
	border: 1px solid #aaa;
	line-height:50px;
}

#redpillbox a {
	font-style:italic;
}

/* -------------- links ------------------ */

#content a:link	{
	color: #6699ff;
	text-decoration: none;
	outline:none;
}
#content a:active {
	outline:none;
}
#content a:visited	{
	color: #6699ff;
	text-decoration: none;
	outline:none;

}
#content a:hover	{
	color: #6699ff;
	font-style:italic;
	outline:none;
	text-decoration: none;
}

.newwin {
	text-decoration: none;
	background-image: url(images/newwin.png);
	background-position: top right;
	background-repeat:no-repeat;
	padding-right:14px;
}

/* -------------- footer ------------------ */

#footertxt 
{
    display:inline;
    background-color: transparent;
    width: 82.5%;
    height: 15px;
    text-align: right;
    font-size: 10px;
    margin: 0 0 0 23px;
    border-top: 1px solid #ccc;
    float: left;
    line-height: normal;
}
#footerimg {
    display:inline;
    float: right;
    background-color: transparent;
    width: 11%;
    height: 15px;
    margin: 0 23px 0 0;
    padding: 0 0 0 0;
    line-height: normal;
}

#footertxt a, #footertxt a:visited {
    color: #0a0a0a;
    text-decoration: none;
    font-style: normal;
    margin: 0 0 0 0;
    line-height: 8px;
}
#footertxt a:hover, #footertxt a:hover {
	color: #6699ff;
	background: transparent;
	font-style:normal;
}