/* CSS Document */

/* ---- page structure styles ---- */

div#wrap {
background-image: url(../images/backbone/default4000.gif) !important;
background-repeat: repeat-y !important;
background-position: 78% 0; /*78% to match up with the 22% width of the column */
}


div#content div#text {
/*background-color: #FFFFFF;
*/float: right;
width: 22%;
/*border-left: 1px solid black;*/
border-top: 1px solid black;
min-height: 570px;
}



/* ----- title and header ----- */


div#title {
width: 100%;
margin-top: 0;
padding: 0;
float: left;
}

h1.title {
margin: 8px 0;
padding-left: 25px;
font-variant: small-caps;
font-size: 400%;
}

div#explain {
top: 140px;
}

div#content div#content {
overflow: scroll;
height: 600px;
}

div#content div#introduction p {
line-height: 1.5em;
font-size: 100%;
padding-left: 4%;
text-align: justify;
color: #000000;
font-weight: normal;
margin-bottom: 20px;
}

/* ----- styling the form in contact ----- */
form {
padding-left: 3.5%;
}

.contact_title {
font-size: 120%;
margin-top: 10px;
}

.contact_field {
padding-top: 3px;
}

/* ----- styling the pwn zone archive ----- */
div#episode_list {
float: left;
width: 30%;
}

div#episode_details {
float: right;
width: 60%;
}

div#episode_details h3 {
margin: 0;
padding: 0;
}

div#episode_list ul {
margin-top: 0;
}

/* --------- styling the services page ------------ */

div#content div#introduction h2, h3 {
padding-left: 4%;
font-size: 180%;
}

div#content div#introduction h2 {
font-size: 180%;
}

div.answer {
padding-left: 4%;
}

div#content div#introduction div.answer p {
color: #FFFFFF;
background-color: #333333;
font-size: 120%;
padding: 10px;
margin-top: 0px;
}

div#content div#introduction div.question p {
font-size: 135%;
background-color: #D5DFBB;
padding: 10px;
margin-bottom: 0;
}

div.question {
padding-left: 4%;
}

div#content div#introduction p span.point {
background-color:#333333;
color:#FFFFFF;
font-size: 130%;
padding: 5px;
}


div#content div#introduction p span.point a {
color: #FFFFFF;
}

div#content div#introduction p span.point a:hover {
text-decoration: underline;
}

div#content div#introduction dl dt {
padding-top: 1px;
}


/*--------- portfolio pictures pwning ----------------- */

div#portfolio {
	text-align: center;
}

div#portfolio img {
	border: 3px solid #d2f0ba;
}

div#portfolio img:hover {
	border: 3px solid #fa851e;
}

/*--------- portfolio pages ----------------- */

div#introduction div#portfolio_description img {
margin-bottom: 10px;
margin-right: 10px;
}

div#introduction div#portfolio_description div#image-banner {
padding-left: 4%;
}
div#introduction div#portfolio_description p {
	line-height: 2;
}