/*******************  BASIC ELEMENTS  *******************/        


BODY {
background: #ab0cec url(img/body.jpg) repeat-y center top;
color:#111111;
font: normal 0.9em Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px 0px;
padding: 0px 0px;
}
img {
padding: 0px;
border: none;
margin: 0px;
}
.clear {
clear:both;
}
#conash3D0 { display:none;}


/*******************  MAIN_TOP  *******************/
#main_top {
width: 800px;
margin: 0px auto;
background: url(img/main_top.jpg) no-repeat;
height: 135px;
border: none;
}
#main_top a, 
#main_top a.home:link, 
#main_top a.home:active, 
#main_top a.home:visited {
display: block;
width: 82px;
height: 55px;
background: url(img/button-home1.gif) no-repeat 0 0 ;
text-indent: -9999px;
float: right;
margin-right: 25px;
margin-top: 25px;
border: none;
}	
#main_top a:hover, 
#main_top a.home:hover {
display: block;
background: url(img/button-home2.gif) no-repeat 0 0;
width: 82px;
height: 55px;
text-indent: -9999px;
border: none;
}

/*******************  TOP-HEADER  *******************/
#header {
background: url(img/header.jpg) no-repeat;
float: left;
width: 800px;
height: 160px;
}
#pagepicture {
float:right;
margin-top:13px;
margin-right: 31px;
padding: 2px 3px;
text-align:center;
border-right: 2px solid green;
border-bottom: 2px solid purple;
border-left: 2px solid orange;
border-top: 2px solid yellow;
background: #0000FF;
width: 189px;
height: 125px;
}

/* LINK_PROJECTS */
#header .link_projects  {
height: 125px;
width: 555px;
float: left;
padding: 0px 0px;
margin: 0px 0px;
display: inline;
text-align: center;
}
#header .link_projects img{
border: 0px;
margin-top: 7px;
}
#header .link_projects a {
display: block;
width: 95%;
height: 95%;
border: 0px;
margin: 0px 0px;
padding: 0px 0px;
}
a.g1 {
background: #ff00ee;
margin: 0px 0px 0px;
padding: 0px 0px;
border: none;
}
div.link_projects a:hover {
background: #ff1177 ;
color: #0000ff;
}	
.projects-left {
margin-top: 20px;
margin-left: 7px;
width: 303px;
height: 125px;
float: left;
}
.projects-1 {
height: 95px;
width: 107px;
padding: 1px;
margin-top: 17px;
margin-left: 25px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
background: red;
border: 1px solid black;
}
.projects-3 {
height: 39px;
width: 158px;
padding: 1px;
margin-top: 3px;
margin-left: 4px;
margin-right: 0px;
float: left;
background: yellow;
border: 1px solid black;
}
.projects-4 {
height: 50px;
width: 140px;
padding: 1px;
margin-top: 11px;
margin-left: 13px;
margin-right: 0px;
float: left;
background: green;
border: 1px solid black;
}
.projects-right {
width: 240px;
float: right;
margin-top: 23px;
}
.projects-5 {
height: 50px;
width: 110px;
padding: 1px;
margin-top: 7px;
margin-left: 0px;
margin-right: 3px;
float: left;
background: #0000FF;
border: 1px solid black;
}
.projects-6 {
height: 65px;
width: 100px;
padding: 1px;
margin-top: 0px;
margin-left: 2px;
margin-right: 3px;
float: left;
background: purple;
border: 1px solid black;
}		
.projects-bottom {
width: 245px;
float: right;
}
.projects-2 {
height: 41px;
width: 235px;
padding: 1px;
margin-top: 3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
background: orange;
border: 1px solid black;
}


/*******************  THUMBNAIL VIEWER  *******************/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0px;
top: 0px;
width: auto;
padding: 0px;
visibility: hidden;
z-index: 10;
cursor: pointer;
color: #111;
line-height: 1.5em;
border: 2px solid #000;
background: #640af2;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: normal 12px Tahoma;
letter-spacing: 4px;
color: #999;
background: #131313;
padding: 0px 0px;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background:  #fff;
padding: 11px 13px;
margin: 0px;
border: 4px double #00BFFF;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
padding: 5px;
z-index: 5;
}

/*******************  FOOTER  *******************/
.footer {
color: #111;
clear: both;
width: 800px;
margin: 0px auto;
padding-top: 25px;
text-align: center;
}

.footer .left  {
width: 545px;
float: left;
color: #888;
padding: 0px 0px;
padding-bottom: 25px;
line-height: 1.2em;
margin-left: 0px;
font-size:0.9em;
}
.footer .left a {
color: #9c9c9c;
font-weight: bold;
padding: 0px 2px;
text-decoration: underline;
}
.footer .left a:hover {
color: #ff1177;
}

.footer .right  {
float: right;
color: #111;
padding: 0px 0px;
}
.footer .right a {
color: #999;
padding: 0px 0px;
margin: 0px 0px;
}


.footer .right a.addthis_button, 
.footer .right a.addthis_button:link, 
.footer .right a.addthis_button:active, 
.footer .right a.addthis_button:visited {
display: block;
width: 123px;
height: 15px;
background: #FFF url(http://s7.addthis.com/static/btn/v2/lg-share-en.gif) no-repeat 0px 0px;
text-indent: -9999px;
float: right;
margin-right: 5px;
margin-top: 9px;
border: 2px solid #777;
}	
.footer .right a.addthis_button:hover {
display: block;
background: #FFF url(http://s7.addthis.com/static/btn/v2/lg-share-en.gif) no-repeat 0px 0px;
width: 123px;
height: 15px;
text-indent: -9999px;
border: 2px solid #ff1177;
}
#resume {
width: 650px;
text-align: center;
margin: 11px auto;
padding: 33px 0px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #111;
background: #FFF;
}

/*******************  CONTENT  *******************/
.flashcontent{
float: left;
width: 766px;
height: 435px;
background-color: #fff;
margin: 5px 11px;
padding: 3px 7px;
border: 1px solid #000;
}
#wrapper {
width:800px;
margin-left:auto;
margin-right:auto;
;
}
#container {
width: 800px;
}
#content {
float: left;
text-align: justify;
width:539px;
margin-top: 7px;
margin-left: 13px;
margin-right: 0px;
margin-bottom: 0px;
padding: 11px 11px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #111;
background: #fFF;
}
#content .post {
width: 100%;			
padding: 0px 0px;
line-height: 15px;
background: #fff ;
margin: 3px auto;
margin-right: 0px;
margin-left: 0px;
}

#content .post .title {
text-align: center;
height: 74px;
color: #0000FF;
background: url(img/my_name2.jpg) no-repeat top center;
margin: 0px 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0px 0px;
}

#content .post .pagination {
font-weight: bold;
background: none;
padding: 0px 0px;
margin: 0px  25px auto;
margin-bottom: 25px;
text-align: right;
color: #7f7f7f;
letter-spacing:0.2em;
font-size: 0.7em;
line-height: 0.7em;
}
#content .post .intro {

margin:0px 0px;
padding: 0px 0px;
color:#111;
text-align: justify;
}

#content .post a {
color: #0000FF;
text-decoration: none;
}
#content .post a:hover {
color: #0000FF;
text-decoration: underline;
}
#content .post p {
line-height:1.1em;
margin:0px 25px;
padding: 3px 0px;
color:#111;
text-align: justify;
font-size:1.1em; 
letter-spacing: 0.0em;
}
#content .post blockquote {
text-align: justify;
width: 355px;
margin: 0px auto;
display: block;
font-size: 1.1em;
padding-right: 11px;
font-style: italic;
line-height: 1.1em;
}
#content .post ul {
margin: 0px 25px auto;
margin-bottom: 0px;
padding: 0px 0px;
}
#content .post ul li {
margin: 0px 0px;
margin-left: 36px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom:3px;
padding-left: 6px;
padding-right: 0px;
list-style:none;
color:#111;
list-style-image:url(img/bullet.png);
line-height: 1.066em;
text-align: justify;
letter-spacing: 0.080em;
}
#content .post ol {
color: #111;
margin: 0px 55px;
margin-left: 55px;
margin-bottom: 17px;
padding: 15px 15px;
border: 1px solid #9e9e9e;
text-align: right;
}
#content .post ol li {
font-style: italic;
color: #111;
list-style: none;
margin-left: 0px;
text-align: justify;
font-weight: normal;
}
#content .post li p {
color: #333;
font-size: 1.0em;
text-align: right;
font-style: normal;
}
#content .post .spacer {
width: 100%;
height: 11px;
clear: both;
}



#content .description {
margin: 0px 0px;
text-align: center;
color: #666;
padding: 0px;
line-height: 1.00em;
font-size: 1.00em;
letter-spacing: 0.00em;
font-weight:normal;
text-transform: uppercase;
}

#content .post .pinkheading {
background-color: #999;
font-size: 1.09em;
letter-spacing: 0.07em;
font-weight: bold;
text-transform: uppercase;
text-align: left;
color: #111;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 25px;
margin-left: 25px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
line-height: 1.53em;
background: #9e9e9e url(img/line2.jpg) repeat-x 0px bottom;
height: 33px;
}		
	



#content .post h1 {
text-align: center;
font-size: 24px;
font-weight: bold;
letter-spacing: -1px;
color: #0000aa;
text-decoration: none;
}
#content .post h2 {
color: #ff00ee;
line-height: 1.35em;
font-size: 1.25em;
letter-spacing: 0.05em;
font-weight:normal;
text-decoration: underline;
}
#content .post h3 {
color: #111;
line-height: 1.15em;
font-size: 1.15em;
letter-spacing: 0.05em;
font-weight:bold;
text-align: center;
}
#content .post blockquote h5 {
color: #111;
font-style: normal;
font-weight:bold;
text-align: left;
}
#content .post img.float-right {
float: right;
padding: 10px 10px;
margin: 11px 15px;
margin-right: 3px;
border: 1px solid #000;
background: #313131;
}
#content .post img.float-left {
float: left;
padding: 10px 10px;
margin: 11px 15px;
margin-left: 3px;
border: 1px solid #000;
background: #313131;
}
#content .post img.float-right-top {
float: right;
padding: 10px 10px;
margin:19px;
margin-right: 11px;
margin-top: 3px;
margin-bottom: 3px;
border: 1px solid #000;
background: #313131;
}
#content .post img.float-left-top {
float: left;
padding: 10px 10px;
margin-right: 19px;
margin-left: 11px;
margin-top: 3px;
margin-bottom: 3px;
border: 1px solid #000;
background: #313131;
}
#content .post .thumb-box {
text-align: center;
display: block;
margin: 11px 22px auto;
padding: 0px 0px;
}

#content .post .thumb-box .thumb  {
float: left;
margin: 13px 19px auto;
padding: 13px 13px;
background: #919191;
border: 1px solid #111;
}
#content .post .thumb p{
text-align: center;
width: 235px;
background: #313131;}
#content .post .thumb-box .thumb a img{
width: 67px;
text-align: center;
border: 5px solid #111;
margin: 5px 5px;
}
#content .post .thumb-box .thumb a:hover img{
width: 67px;
text-align: center;
border: 5px solid #ff00ee;
margin: 5px 5px;
}


/*******************  SIDEBAR  *******************/
#sidebar {
float: right;
width:245px;
color: #FFFFFF;
padding: 0px 0px;
margin: 0px 0px;
margin-top: 0px;
background: url(img/my_image.jpg)no-repeat top left;
}

#sidebar .sidebar-index {
float: right;
width:245px;

color: #FFFFFF;
background: url()no-repeat center top;
}

#sidebar .logo{
background: url(img/) no-repeat -465px 0px;
clear: right;
display: block;
height: 303px;
width: 245px;
padding: 0px 0px;
margin: 11px 0px;
margin-left: 0px;
text-align: left;
color: #FFFFFF;
}

#sidebar .pagination {
background: none;
clear: right;
display: block;
height: 43px;
width: 224px;
padding: 0px 0px;
margin: 0px;
margin-top: 15px;
margin-left: 7px;
margin-bottom: 21px;
text-align: center;
color: #FEEC80;
letter-spacing:0.3em;
font-size:0.85em;
}

#sidebar .pagination .big{
font-style: bold;
background: none;
height: 11px;
margin-top: 1px;
color: #FFFFFF;
font-size:1.85em;
letter-spacing:0.05em;
text-transform:uppercase;
}

#sidebar .pagination  a:hover{
background: none;
padding: 0px 0px;
color: #FEEC80;
}

#sidebar .title{
font-weight:normal;
text-transform:uppercase;
font-size:0.8em;
color: #FEEC80;
border-top:1px dotted #FEEC80;
border-bottom:1px dotted #FEEC80;
letter-spacing:0.3em;
text-align:center;
width: 233px;
margin: 0 auto;
margin-bottom: 17px;
}
#sidebar a {
clear: right;
display: block;
height: 75px;	
width: 245px;
padding: 0px 0px;
margin: 2px 0px;
text-align: center;
color: #FFFFFF;
text-decoration: none;
}
div#sidebar a:hover {
background: url() no-repeat center top;
}
#sidebar ul {
margin-top: 25px;
margin-bottom: 0px;
padding: 0px 0px;
text-decoration: none;
}
#sidebar ul li {
clear: right;
display: block;
height: 76px;
width: 245px;
padding: 0px 0px;
margin: 0px 0px;
background: url() no-repeat center top;
margin-bottom: 3px;
list-style: none;
}
#sidebar ul li a{
color: white;
letter-spacing: .25px;
text-align: left;
font-size: 1.1em;
line-height: 1.1em;
padding: 5px 0px;
}
#sidebar ul li a img{
float: left;
height: 60px;
width: 70px;
margin: 1px 0px 0px 15px;
padding: 0px 0px;
padding-right: 3px;
}
#sidebar ul li a p{
color: #ffffff;
letter-spacing: .25px;
text-align: left;
font-size: 1.1em;
margin: 0px;
margin-top: 8px;
margin-bottom: 3px;
}
#sidebar ul li a h1{
color: #fff;
letter-spacing: .35px;
font-size: 0.9em;
margin-top: 0px;
width: 135px;
float: left;
text-align: center;
}