﻿/*
Theme Name: Cold Snow
Theme URI: http://adrianquevedo.com
Description: Single Page portfolio in english/spanish, featuring minimals Syle + Dark & Blue colors

Author: Adrian Quevedo
Author URI: http://adrianquevedo.com
Version: 1.0
Created : 25.05.09
.
css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/3.0/deed.es_CO
.
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('http://adrianquevedo.com/css/reset.css');

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	background:#141826 url(http://adrianquevedo.com/images/bg-mobile.jpg) repeat;
	line-height: 1;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding:10px;
}

ul{
	list-style:none;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	color:#495b73;
}
a.btn, a.btn:visited{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 3px #999;
	border-bottom:1px solid rgba(0,0,0,0.25);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	
	background:#141826 url(http://adrianquevedo.com/images/alert-overlay.png) repeat-x scroll 0 0;
	color:#f2f2f2;
	cursor:pointer;
	display:block;
	margin:10px;
	padding:5px 10px 6px;
	position:relative;
	text-decoration:none;
	text-align:center;
}
a.btn:hover{background-color:#495b73; color:#fff}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div#container {
	max-width:576px;
	margin:10px auto;
	background:#F2F2F2 url(http://adrianquevedo.com/images/bg-gradient.png) repeat-x scroll left top;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
}
div#header{
	padding-bottom:20px;
	border-bottom:solid 1px #495b73;
	color:#8a99a6;
	padding:20px;
	overflow:hidden;
	font-size:1.1em;
}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
			
/* =6 Main Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
dt{
	padding:10px;
	background-color:#CCCCCC;
	font-size:2em;
	background:#141826 url(http://adrianquevedo.com/images/bg-gradient.png) repeat-x scroll center -200px;
	color:#F2F2F2;
	letter-spacing:-0.04em;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	margin-bottom:1px;
}
dd{
	padding:15px;
	font-size:1.2em;
}
dl ul{
	overflow:hidden;
}
dl li{
	padding:10px 0;
	width:50%;
	float:left;
}
dl li a{
	display:block;
	padding-left:30px;
	font-size:1.4em;	
}

/* =7 About Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra Classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*Icons Classes*/
a.delicious,
a.designrel,
a.dmstk,
a.facebook,
a.flickr,
a.krop,
a.l4c,
a.lastfm,
a.linkedin,
a.minispace,
a.twitter,
a.vimeo,
#friend-list a,
a.top,
a.talk,
a.pdf,
a.doc,
li.rss-item a,
a.me,
a.bside,
a.nas{
	background-image:url(http://adrianquevedo.com/images/icons.png);
	background-repeat:no-repeat;
	height:20px;
}
a.delicious{
	background-position:0px 0px;
}
a.designrel{
	background-position:0px -40px;
}
a.dmstk{
	background-position:0px -80px;
}
a.facebook{
	background-position:0px -120px;
}
a.flickr{
	background-position:0px -160px;
}
a.krop{
	background-position:0px -200px;
}
a.l4c{
	background-position:0px -240px;
}
a.lastfm{
	background-position:0px -280px;
}
a.linkedin{
	background-position:0px -320px;
}
a.minispace{
	background-position:0px -360px;
}
a.twitter{
	background-position:0px -400px;
}
a.vimeo{
	background-position:0px -440px;
}
#friend-list a{
	background-position:0px -480px;
}
a.top{
	background-position:5px -520px;
}
a.talk{
	background-position:right -560px;
	padding-right:20px;
}
a.pdf{
	background-position:0px -600px;
	padding-left:25px;
}
a.doc{
	background-position:0px -640px;
	padding-left:25px;
	height:17px;
	display:block;
}
li.rss-item a{
	background-position:0px -680px;
	margin:3px 0;
}
a.me{
	background-position:0px -720px;
}
a.bside{
	background-position:0px -760px;
}
a.nas{
	background-position:0px -800px;
}
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div#footer{
	background:url(http://adrianquevedo.com/images/bg-gradient.png) repeat-x scroll center top;
	color:#141826;
	font-size:1.1em;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
div#footerContent{
	width:920px;
	padding:50px 20px 0;
	margin:0 auto;
}
div.footerSection{
	width:210px;
	height:310px;
	float:left;
	padding:0 10px;
	border-left:dotted 1px #495b73;
}
	div.footerSection h4{
		margin-bottom:15px;
	}
	div.footerSection p{
		margin:5px 0 10px;
	}
	div.footerSection ul li a{
		padding-left:25px;
		padding-top:3px;
		height:17px;
		line-height:100%;
		display:block;
	}
	div.footerSection.noBorder{
		border:none;
		padding-left:0;
	}
div#copyrightBox{	
	padding:20px 0;
	overflow:hidden;
}
p#backTopBox{
	border-bottom:dotted 1px #495b73;
	margin-bottom:20px;
	overflow:hidden;
}
.copyinfo{
	padding-left:15px;
	float:left;
	padding-bottom:5px;
}