/* @File:    style.css
 * @Action:  p01-vertical theme for GetSimple CMS
 * @Version: 1.1
 * @Author:  Nicolas Liautaud
 * @URL :    http://nliautaud.fr
*/
html,body{margin:0;padding:0}
body {
  font-family:arial,lucida,tahoma;
  font-size:16px;
  text-align:left;
  color:#555;
  line-height:1.4;
  overflow-x:hidden;
background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(http://santboi.tv/images/fondo.jpg);
}
}

#ie6alert,#ie6alert h1,#ie6alert a {color:#fff;background-color:#a00;margin:0;text-align:center;}

/* FORMATTING */

a:link,a:visited,a:hover,a:focus {color:#e32a19;}

table,tbody,tr,td,img {border:none}
a img {border:1px solid #888;}

h1,h2,h3,h4 {
  color:#e32a19;
  font-family:"Verdana","Tahoma",sans-serif;
  font-weight:400;
  line-height:0.85em;
}
h1 {font-size:40px;margin:35px 0 15px 0;}
h2 {font-size:25px;margin:30px 0 10px 0;}
h3 {font-size:20px;margin:25px 0 8px 0;}
h4 {font-size:18px;margin:20px 0 6px 0;}
h5 {font-size:16px;margin:10px 0 4px 0;font-style:italic;}
h6 {font-size:14px;margin:6px 0 2px 0;font-style:italic;color:#555;}

p {text-indent:15px;text-align:justify;}

pre {padding:10px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;border:1px solid #ccc;}
code {color:#000;}

form input,form textarea{width:300px}
form textarea.big{width:100%;resize:vertical;}

blockquote {padding-left:15px;margin-left:40px;border-left:2px solid #ccc;font-size:14px;font-style:italic;}

/* STRUCTURE */

header {width:230px;position:absolute;bottom:0px;left:0px;font-size:50px;z-index:-10;white-space:nowrap;}
header h1 {color:#e32a19;}
header h2 {color:#555;font-size:20px;}

nav {width:170px;padding:0;margin:0;float:left;text-align:right;background-color:rgba(255,255,255,0.9);}
nav ul {list-style:none;margin:0; padding:0;}
nav li {margin:10px 0;}
nav a:link,nav a:visited {color:#555;text-decoration:none;}
nav a:hover,nav a:focus {color:#e32a19;}

article {background-color:rgba(255,255,255,1);width:700px;margin-left:200px;padding:0 0 0 0px;border-left:2px solid #e32a19;}

aside {
  width:300px;
  padding:10px 25px 10px 50px;
  margin:2em -330px 0 10px;
  text-align:left;
  background-color:rgba(255,255,255,0.9);
  float:right;
  border:1px solid #e32a19;
}
aside:hover {margin-right:-10px;}
aside h2 {font-size:1.5em;margin:-1.6em 0 1em 1em;}

footer {
  width:220px;
  color:#999;
  font-size:10px;
  text-transform:uppercase;
  position:absolute;
  bottom:-112px;left:15px
}
footer p {text-indent:0px;}
footer a {text-decoration:none;}

/* CSS3 FANCY */

/* links and images hover */
article a,nav a{-webkit-transition: text-shadow 0.1s ease-in;}
nav a:hover,nav a:focus{text-shadow:-7.5em 0 1px #aaa;}
article a:hover,article a:focus{text-shadow:0 0.8em 1px #aaa;}
article a:hover img,article a:focus img{
  -webkit-transform:scale(1.05);
  -webkit-box-shadow:-5px 0 30px #ccc;
  -moz-transform:scale(1.05);
  -moz-box-shadow:-5px 0 30px #ccc;
  -o-transform:scale(1.05);
  box-shadow:-5px 0 30px #ccc;
}
/* round-corners */
aside,pre,td,input{ 
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
/* elements shadows */
a img,pre,blockquote{  
  -webkit-transition: all 0.4s ease-in;
  -webkit-box-shadow:-5px 0 7px #e5e5e5;
  -moz-box-shadow:-5px 0 7px #e5e5e5;
  box-shadow:-5px 0 7px #e5e5e5;
}
h1,h2,h3{text-shadow:0 0 1px #aaa;}

/* vertical title and page name */
header {
  -webkit-transform:rotate(270deg) scale(2.8) translatex(100px);
  -moz-transform:rotate(270deg) scale(2.8) translatex(100px);
  -o-transform:rotate(270deg) scale(2.8) translatex(100px);
}
header h2 { 
  -webkit-transform:scale(0.5) translate(-100px,-45px);
  -moz-transform:scale(0.5) translate(-100px,-45px);
  -o-transform:scale(0.5) translate(-100px,-45px);
}
/* article and sidebar shadow */
article,nav,aside{ 
  -webkit-box-shadow:-10px 0 20px #e5e5e5;
  -moz-box-shadow:-10px 0 20px #e5e5e5;
  box-shadow:-10px 0 20px #e5e5e5;
}

/* sidebar hover and title */
aside{-webkit-transition: margin-right 0.1s ease-in;}
aside h2 {
  -webkit-transform:rotate(90deg) translate(170px,187px);
  -moz-transform:rotate(90deg) translate(170px,187px);
  -o-transform:rotate(90deg) translate(170px,187px);
  text-shadow:0 0 1px #aaa;
}