gil00pita

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baselinebaseline;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

gil00pita

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;

gil00pita

.transparent {
    filter: alpha(opacity=50);    /* internet explorer */
    -khtml-opacity: 0.5;          /* khtml, old safari */
    -moz-opacity: 0.5;            /* mozilla, netscape */
    opacity: 0.5;                 /* fx, safari, opera */
}

gil00pita

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;

gil00pita

/*   Broder Syntax
 *   [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?
 *   Ex:
 *   border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
 *   
 *   Firefox
 *   -moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]
 *   
 *   Elliptical Rounding Shorthand (Firefox 3.5+):
 *  -moz-border-radius: [horizontal radius] / [vertical radius];

gil00pita

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

gil00pita

/* Times New Roman-based serif */  
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;  
  
/* A modern Georgia-based serif */  
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;  
  
/*A more traditional Garamond-based serif */  
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;  
  
/*The Helvetica/Arial-based sans serif */  

gil00pita

::selection {
  background: #e2eae2;
}
::-moz-selection {
  background: #e2eae2;
}
::-webkit-selection {
  background: #e2eae2;
}

gil00pita

h1 {
text-indent: -9999px;
margin: 0 auto;
width: 320px;
height: 85px;
background: transparent url("images/logo.png") no-repeat scroll;
}

gil00pita

img.polaroid {
  background:#000;  /*Change this to a background image or remove*/
  border:solid #fff;
  border-width:6px 6px 20px 6px;
  box-shadow:1px 1px 5px #333;  /* Standard blur at 5px. Increase for more depth */
  -webkit-box-shadow:1px 1px 5px #333;
  -moz-box-shadow:1px 1px 5px #333;
  height:200px; /*Set to height of your image or desired div*/
  width:200px; /*Set to width of your image or desired div*/
}