/*
This site was designed using a modification
of the open-source Wordpress theme wp_mnstff
created by Raphael Bastide.
http://www.raphaelbastide.com/
*/


/*......................... main */

body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
margin:0;
padding:0;
line-height:20px;
letter-spacing: 1px;
}#stage {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}

#container {
left: 0px;
margin-top: 30px;
margin-left: 60px;
}

#titleleft {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
margin:0;
padding:0;
line-height:25px;
letter-spacing: 0px;
}

#title {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
margin:0;
padding:0;
line-height:25px;
letter-spacing: 0px;
color:#000000;
}

#thumb1{
position:fixed;
top:135px;
left:810px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb2{
position:fixed;
top:135px;
left:877px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb3{
position:fixed;
top:135px;
left:944px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb4{
position:fixed;
top:135px;
left:1011px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb5{
position:fixed;
top:202px;
left:810px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb6{
position:fixed;
top:202px;
left:877px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb7{
position:fixed;
top:202px;
left:944px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb8{
position:fixed;
top:202px;
left:1011px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb9{
position:fixed;
top:269px;
left:810px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb10{
position:fixed;
top:269px;
left:877px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb11{
position:fixed;
top:269px;
left:944px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb12{
position:fixed;
top:269px;
left:1011px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb13{
position:fixed;
top:336px;
left:810px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb14{
position:fixed;
top:336px;
left:877px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb15{
position:fixed;
top:336px;
left:944px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb16{
position:fixed;
top:336px;
left:1011px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb17{
position:fixed;
top:403px;
left:810px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb18{
position:fixed;
top:403px;
left:877px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb19{
position:fixed;
top:403px;
left:944px;
width:54px;
cursor:all-scroll;
z-index:100;
}

#thumb20{
position:fixed;
top:403px;
left:1011px;
width:54px;
cursor:all-scroll;
z-index:100;
}

.thumb {
opacity: 1.0;
}     

.thumb:hover {
opacity: 0.5;
}

#badge{
position:fixed;
left:750px;
width:200px;
cursor:all-scroll;
z-index:300;
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}

/*......................... content */

#content {
width: 630px;
color:#000000;
margin:0px 0px 0px 180px;
}

/*.........................sidebars*/

#leftsidebar {
position:fixed !important;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
overflow: auto;
width: 200px;
height:100%;
left:30px;
top:30px;
line-height:20px;
letter-spacing: 1px;
z-index:3;
}

#leftsidebar a{
color:black;
text-decoration:none;
}

#homeleftsidebar {
position:fixed !important;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
overflow: auto;
width: 200px;
height:100%;
left:30px;
top:65px;
line-height:20px;
letter-spacing: 1px;
z-index:3;
}

#homeleftsidebar a{
color:#ffffff;
text-decoration:none;
}


#portfoliotoggle{
color:#000000;
position:fixed;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
overflow: auto;
width: 255px;
height:100%;
top:66px;
left:810px;
cursor:all-scroll;
letter-spacing: 1px;
}

#portfoliotoggle a{
color:black;
text-decoration:none;
}

#caption{
font-family: 'Roboto', sans-serif;
font-size: 14px;
}

#photo{
position:relative;
top:30px;
}


#rightsidebar{
position:fixed;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: 400;
overflow: auto;
width: 165px;
height:100%;
top:65px;
left:900px;
cursor:all-scroll;
}

#rightsidebar a{
color:black;
}


#rightsidebar2{
position:fixed;
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: 400;
overflow: auto;
width: 165px;
height:100%;
top:135px;
left:900px;
cursor:all-scroll;
}

/*.........................   links & stuff */

#post a{
text-decoration:none;
color:inherit;
border-bottom:1px solid;
}

a:hover, a:active{
background:#cccccc;
color:black;
text-decoration:none;
}

a:active{
outline: none;
text-decoration:none;
}
:-moz-any-link:focus {background:#80bad6; outline: none;}
img, img a {border:none;}
#leftsidebar img{margin:0 0 10px 0;}
::selection {background:#FF00FE;}
::-moz-selection {background:#FF00FE;}

.namea:hover, .namea:active{
background:transparent;
color:black;
text-decoration:none;
}

.namea:active{
outline: none;
text-decoration:none;
}
:-moz-any-link:focus {background:transparent; outline: none;}
img, img a {border:none;}
#leftsidebar img{margin:0 0 10px 0;}
::selection {background:#FF00FE;}
::-moz-selection {background:#FF00FE;}

.portnav{
background:transparent;
color:black;
text-decoration:none;
}

.portnav:hover{
background:#cccccc;
color:black;
text-decoration:none;
}

.portnav:active{
outline: none;
text-decoration:none;
}