/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

@font-face {
	font-family: 'sans-serif-light-webfont';
	src: url('http://www.gracielarossetto.com/new/wp-content/themes/gracielarossetto/fonts/sans-serif-light-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.gracielarossetto.com/new/wp-content/themes/gracielarossetto/fonts/sans-serif-light-webfont.woff') format('woff'), 
	     url('http://www.gracielarossetto.com/new/wp-content/themes/gracielarossetto/fonts/sans-serif-light-webfont.ttf')  format('truetype'),
	     url('http://www.gracielarossetto.com/new/wp-content/themes/gracielarossetto/fonts/sans-serif-light-webfont.svg#svgFontName') format('svg');
	}


*  { margin: 0; padding: 0; }

#collapsCat-56:5 {background-color: aqua;}

body {
background-color: #5d5d5d;
font: 300 15px/1.625 "Helvetica Neue",Helvetica, 'sans-serif-light-webfont', Arial,sans-serif;
height: 509px;
letter-spacing: 0.06em!important;
width: 200px;
font-weight: 300!important;
line-height: 1.3em;




}

table tr   { vertical-align: top; }



img {
padding-right: 15px;
margin: 0;
display:inline;
float:left;
border-style: none;
}

div.dtNode img {padding-right: 0px;}

h1 {
color: #02a1d9;
font-size: 14px;
font: 300 15px/1.625 "Helvetica Neue",Helvetica, 'sans-serif-light-webfont', Arial,sans-serif;
line-height: 1.35em;
}


h2 {
color: #d9d9d9;
font-size: 14px;
font: 300 15px/1.625 "Helvetica Neue",Helvetica, 'sans-serif-light-webfont', Arial,sans-serif;
line-height: 1.35em;



}

a, a:visited {
color: #d9d9d9;
text-decoration: none;
}

p.design {
margin-top: 85px;
}


p {
color: #d9d9d9;

}


li {
list-style-type: none;
line-height: 1.3em;

}

ul li {
line-height: 1.3em;

}

ul li a {
line-height: 1.3em;
clear:right;
display: block;
list-style-type: none;
text-decoration: none;
color: #d9d9d9;
font-size: 15px;
letter-spacing: 0.05em;

}

li.current_page_item  a  {
line-height: 1.3em;
color: #02a1d9;
padding: 0;
margin: 0;
border-width:2px;
font-size: 15px;
}

li.current-cat  a  {
line-height: 1.3em;

color: #02a1d9;
border-width:2px;
font-size: 15px;
}

ul.children a  {
padding-left: 15px;
color: #d9d9d9;
border: none;
font-size: 11px;
}

ul.children a.current-cat {
padding-left: 15px;
color: red;
border: none;
font-size: 11px;
}

ul.children a.current_cat a  {
padding-left: 15px;
color: red;
border: none;
font-size: 11px;
}



ul.children .current-cat a  {
color: #02a1d9;
font-size: 11px;
}


li.current-cat  .children a  {
color: #d9d9d9;
border: none;
font-size: 11px;
}


li.cat-item .children .current-cat a   {
color: #02a1d9;
}

#page-wrap {
height: 450px;
z-index: -1;
position: relative;


}

#logo {
position: fixed;
left: 200px;
top: 10px;
width: 365px;
height: 55px;
z-index: 0;
background: url(http://gracielarossetto.com/new/wp-content/themes/gracielarossetto/i/logo.jpg);


}

.post {

position: relative;

}

.post a:hover{

color:#02A1D9;
text-decoration: underline;

}

#sidebar {
position: fixed;
background: url(http://gracielarossetto.com/new/wp-content/themes/gracielarossetto/i/sidebarbg.png) repeat;
left:200px;
width: 220px;
height: 445px;
top: 90px;
z-index: 0;


}

#pages  {
position: fixed;
top: 100px;
z-index: 0;
padding-left: 30px;

}



#pagesbottom {
position: fixed;
left:200px;
height: 40px;
z-index: 0;
top: 465px;
padding-left: 30px;
}

#categories {
position: relative;
top:80px;
z-index: 0;
padding-left: 13px;

}

#content {
width: 800px;
height: 440px;
left: 420px;
top: 90px;
position: absolute;
z-index: -1;

}

#content p{
color: #A5A39E;
font-size: 10px;
letter-spacing: 0.1em;
line-height: 1.4em;
}

#pagecontent {
width: 800px;
height: 440px;
left: 200px;
top: 90px;
position: absolute;
z-index: -1;

}

#infocontent {
width: 400px;
height: 440px;
position: absolute;
z-index: 1;

}

#contentleft {
width: 800px;
height: 440px;
left: 200px;
top: 90px;
position: absolute;
z-index: -1;
float: left;
}

#contentright {
width: 350px;
height: 440px;
margin-top: 100px;
position: absolute;
z-index: 1;
left: 448px;
float: right;

}

#contentrightclients {
width: auto;
height: auto;
margin-top: 105px;
position: absolute;
z-index: 1;
left: 447px;
float: right;

}

#contentrightstories {
width: auto;
height: auto;
margin-top: 96px;
position: absolute;
z-index: 1;
left: 420px;
float: right;

}

#contentrightstories a {
font-size: 11px;

}



#mailicon {
width: auto;
height: auto;
margin-top: 88px;
position: absolute;
z-index: 1;
margin-left: 220px;


}

#contentright a {
color: #d9d9d9;
text-decoration: none;
}






#footertext p {
position: fixed;
color: #a5a39e;
margin-left: 445px;
font-size: 10px;
z-index: 0;
top: 575px;
letter-spacing: 0.1em;

}


#widget-collapscat-5-top li.collapsing.categories.self a {padding-left:20px; color: #02a1d9; font-weight: normal!important; font-size: 12px!important;} 
#widget-collapscat-5-top span.collapsing.categories.collapse a{color: #02a1d9; }
#widget-collapscat-5-top li.collapsing.categories.item a {padding-left:30px; font-weight: normal!important; font-size: 12px!important; margin-top: 2px;} 

/**
#widget-collapscat-5-top li.collapsing.categories.parent a, li.collapsing.categories.parent a {font-weight: normal!important; font-size: 12px;} **/