﻿/*
© All rights reserved and belong to Sahin Kupusoglu   sahin.kupusoglu@kupusoglu.com   http://kupusoglu.com/

1.618 is meant to approximate the golden ratio: 1.6180339887 4989484820 4586834365 6381177203 0917980576
*/

body {
	font-family: Calibri, Helvetica;
	font-size: 14px;
	color: #000;
	background-color: #f5f4f2;
}

img { border-width: 0px; }
h1, h2, h3, h4 {
	font-family: Calibri, Helvetica; font-size: 24px; font-weight: bold;
	color: #b31b44; 
	text-align: center;
	margin: 8px;
	padding: 0px;
}
h1, h2 {
	margin: 0px 8px 8px 8px;
}
h3, h4 {
	text-align: left;
	margin: 18px 0px 8px 0px;
}

p, ul, ol, li { font-size: 14px; color: #000; margin: 3px 8px; text-align: left; }
ul, ol, li { padding: 0px 0px 0px 6px; }
.code { font-family: Consolas, "Lucida Console", "Courier New"; color: #807f7d; }
.dsclm { font-family: Calibri, Helvetica; font-size: 12px; color: #c0bdba; margin: 8px 0px;  } /*/ disclaimer /*/
.italic { font-family: Calibri, Helvetica; font-style: italic; color: #807f7d; }
.underline { text-decoration: underline; }

/*/ * /*/
table {
	border-collapse:collapse;
}


td.tl, td.ml, td.bl { 
	width: 116px; /*97px;*/
	vertical-align: top;
	background-color: Transparent;
	border-left: solid 2px #c0bdba;
	border-right-width: 0px;
	padding: 0px;
	margin: 0px;
}
td.tl { /*/ top-left /*/
	border-top: solid 2px #c0bdba;
	border-bottom: solid 1px #c0bdba;
}
td.ml { /*/ middle-left /*/
	border-bottom: solid 1px #c0bdba;
}
td.bl { /*/ bottom-left /*/
	border-bottom: solid 2px #c0bdba;
}
td.nrw { /*/ narrow /*/
	width: 112px;
}
/*td.nrw2 { /* / narrow /* /
	width: 114px; /*89px;* /
}*/

td.tl p, td.ml p, td.bl p { 
	color: #807f7d;
}

td.tr, td.mr, td.br { 
	background-color: #fff;
	border-right: solid 2px #c0bdba;
	padding: 0px;
	margin: 0px;
}
td.tr { /*/ top-right /*/
	border-top: solid 2px #c0bdba;
	border-bottom: solid 1px #e5e4e0;
}
td.mr { /*/ middle-right /*/
	border-bottom: solid 1px #e5e4e0;
}
td.br { /*/ bottom-right /*/
	border-bottom: solid 2px #c0bdba;
}


/*/ * /*/
#divFooter {
	padding: 0;
	margin: 0;
	border: 0;
}
#tableFooter {
	width: 100%;
	border-collapse: collapse;
	border: #c0bdba 2px solid;
	margin: 24px auto 1px auto;
	padding: 2px;
}
#tableFooter p {
	text-align: center;
	vertical-align: middle;
	margin: 2px;
} 
#tdHome {
	width: 97px;
	border-right: #c0bdba 1px dotted;
}
#tdFeedback {
	width: 97px;
	border-right: #c0bdba 1px dotted;
}
#tdLastUpdated {
	text-align: center;
	border-right: #c0bdba 1px dotted;
}
#tdLastUpdated p {
	text-align: center;
	margin: 2px;
}
#spanLabelThisPage, #spanLabelLastUpdated {
	font-size: 12px;
	color: #c0bdba;
}
#spanLastUpdated {
	color: #807f7d;
}
#tdCounter {
	width: 97px;
	border-right: #c0bdba 1px dotted;
}
#tdCounter p {
	color: #807f7d;
}

#tdXHTML {
	width: 97px;
	border-right: #c0bdba 1px dotted;
}
#tdXHTML img { vertical-align: middle; }
#tdXHTML a:link, visited, active, hover { border-bottom-width: 0px; background-color: Transparent; }

#tdCSS {
	width: 97px;
}
#tdCSS img { vertical-align: middle; }
#tdCSS a:link, visited, active, hover { border-bottom-width: 0px; background-color: Transparent; }

div.CoverL {
	padding: 0px;
	margin: 0px;
	width: 62%;
	float: left;
}
div.CoverR {
	padding: 0px;
	margin: 0px;
	width: 38%;
	float: right;
}
div.CoverX, div.CoverY {
	background-color:#fff;
	padding: 4px;
	margin: 4px;
/*	border: solid 1px #c0bdba;
	border:  outset 1px #fff;* /
	border: inset 1px #fff;
    border: inset 1px #b31b44;*/
	border: inset 2px #c0bdba;
}
div.CoverY {
    clear: both;
}

div.CoverTitle {
    float: left;
    position: relative;
    left: -4px;
    top: -4px;
    width: 210px;
	background-color:#e5e4e0;
	padding: 2px;
	margin: 0px 4px 0px 0px;
	border: 0px;
}
div.blockRelative {
    position: relative;
	border: solid 4px #ffbbdd;
    display: inline;
}
div.blockL, div.blockR {
	background-color:#fff;
	padding: 4px;
	margin: 4px;
	border: solid 1px #c0bdba;
}
div.blockL {
    clear: both;
    float: left;
	width: 60%;
}
div.blockR {
	float:right;
	width: 36%;
}

/*/ /*/ /*/ /*/
#divWelcome {
	background-color: #e5e4e0; /*/ # e4e3df dcd4c2 /*/
	padding: 8px;
	margin: 0px;
}
/*/ #pWelcome:first-letter { font-size: 1.618em; font-weight: bold; color: #b31b44; float: left } /*/


#divToC {
	background-color:#fff;
	padding: 8px;
	margin: 24px auto 4px auto;
	border: solid 2px #c0bdba;
	width: 61.8%; /*/ 600px; /*/
}
#divToC p {
	margin: 12px;
}
#divToC a {
	float: left;
	margin-right: 18px;
}

.spanBullet {
	float: left;
	margin-right: 13px;
	color: #b31b44;
	font-weight: bold;
}
.pBullet {
	margin: 0px 0px 4px 0px;
	color: #b31b44;
	font-weight: bold;
}
p.pTitle {
	color: #b31b44;
	font-weight: bold;
}
p.pLeft {
	margin-bottom: 0px;
}
p.pR8 {
	margin-top: 0px;
	text-align: right;
}

.TitleColor { color: #b31b44; }
li {
	list-style: square none outside;
}
/* li:first-letter { color: #b31b44; } */

a:link {
	color: #2c5663; /*/ #4799b6; /*/
	text-decoration: none;
	border-bottom: dotted 1px #2c5663;
}
a:visited, active {
	color: #3e4c59;
	text-decoration: none;
	border-bottom: dotted 1px #3e4c59;
}
a:hover {
	color: #212d39;
	background-color: #f5f4f2; /*/ #f5f4f2; /*/
	text-decoration: none;
	border-bottom: solid 1px #212d39;
}
.aAlternate:hover {
	background-color: #e5e4e0; /*/ #e5e4e0; /*/
}

/*
div.clearer {clear: left; line-height: 0; height: 0;}
*/

div.GRseparator {
	width: 61.8%;
	border-top: solid 1px #c0bdba;
	display:block;
	margin:8px auto 8px auto;
}

hr.hrSeparator {
	display: block;
	width: 61.8%;
	padding: 0px;
	margin: 8px auto 8px auto;
	height: 1px;
	border: 1px solid #c0bdba;
	background-color: #e5e4e0;
	border-width: 1px 0px 0px 0px;
}
/*/
b31b44
#bc660b

#2c5663
013658
#0c5c92
#212d39
#991425
#055558
#0c5c92

#e4e3df
#e7c3cb
#c5bca4
edf6f7
fafcfd
/*/

/*/
opacity: 0.7;
/*/


/* resume.aspx */
#divPhoto {
	padding: 0px;
	margin: 6px;
	border-width: 0px;
	width:232px; height:370px;
	position: absolute;
	top: -8px;
	right: -8px;
	/*/ opacity: 0.5; /*/
}
#divCover {
	background-color:#e5e4e0;
	padding: 8px;
	margin: 0px;
}

#divDownload {
	margin: 0px 0px 8px 8px;
	background-color: #f5f4f2;
	border: inset 1px #fff;
}

#divDownload img {
	vertical-align: middle;
}

p.pDownload {
	margin: 4px 4px 4px 19px;
}

#divCppMaster {
	float: right;
	padding: 4px;
	margin: 0px;
	border-width: 0px;
}
#divCppMaster p {
	margin: 0px;
}
#imgCppProgrammer {
	margin: 0px 6px 0px 0px;
}
/* resume.aspx */


/* fluere.aspx */
#divFluere {
	padding: 8px;
	margin: 16px auto 16px auto;
}
#divFluere table {
	background-color: #fff;
	padding: 8px;
	margin: 0px auto 0px auto;
}

.tdL, .tdM, .tdR {
	background-color: Transparent;
	border-top: solid 2px #c0bdba;
	border-right: solid 1px #e4e3df;
	border-bottom: solid 2px #c0bdba;
	border-left: solid 1px #e4e3df;
	padding: 8px;
	margin: 0px;
}
.tdL {
	border-left: solid 2px #c0bdba;
}
.tdM {
}
.tdR {
	border-right: solid 2px #c0bdba;
}

#divCaption {
	width:629px;
	margin: 0px auto 0px auto;
}
#divCaption p {
	padding: 0px;
	margin: 8px auto 0px auto;
}
#divReferences {
	background-color: Transparent;
	padding: 8px;
	margin: 14px auto 4px auto;
	border: solid 2px #c0bdba;
	/*/width: 61.8%; ~ 600px; /*/
}
/*/ fluere.aspx /*/


/*/ prefixing.aspx /*/
#divPrefixing {
	background-color: Transparent;
	padding: 8px;
	margin: 18px auto 4px auto;
	border: solid 2px #c0bdba;
}
#divPrefixing a {
	font-size: 16px;
	font-weight: bold;
}
/*/ prefixing.aspx /*/


/*/ license.aspx /*/
#divLicense {
	background-color: #e5e4e0;
	padding: 8px;
	margin: 18px auto 4px auto;
	border-width: 0px;
}
#divLicense p {
	font-family: Consolas, "Lucida Console", "Courier New";
	font-size: 18px;
	color: #b31b44;
}

/*/ license.aspx /*/


/*/ print /*/
@page {
  margin: 10mm;
}
@media print {
/*/
body { background-color: #f5f4f2 }
#divFooter { display: none; }
size: A4 portrait;
/*/
}
/*/ print /*/
