@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------- GLOBAL -------------------------------------------------------------- */

body{
	background:#3185BF url(./images/charlie_img/body_bg.gif) left top repeat-x;
}

#content{
	background:#FFFFFF url(./images/charlie_img/content_bg.gif) left top repeat-y;
}

#content.home{
	background-image:none;
}

#shoe{
	background:url(./images/charlie_img/shoe.gif) left top no-repeat;
}

#twitter{
	background:url(./images/charlie_img/twitter.png) left top no-repeat;
}

#nav_home a{
	background:url(./images/charlie_img/nav_home.png) top left no-repeat;
}

#nav_about a{
	background:url(./images/charlie_img/nav_about.png) top left no-repeat;
}

#nav_blog a{
	background:url(./images/charlie_img/nav_blog.png) top left no-repeat;
}

#nav_gallery a{
	background:url(./images/charlie_img/nav_gallery.png) top left no-repeat;
}

#nav_videos a{
	background:url(./images/charlie_img/nav_videos.png) top left no-repeat;
}

#nav_contact a{
	background:url(./images/charlie_img/nav_contact.gif) top left no-repeat;
}

#nav a:hover, #nav a.active{
	background-position:0px -38px;
}

#footer{
	border-top:1px dotted #FFFFFF;
}

#contform .redborder{
	border:1px solid #FF0000;
}

.Message{
	display:none;
	color:#559BCA;
}

.contactMeErrMessage{
	display:none;
	color:#FF0080;
}



/* ---------------------------------------------------- TYPOGRAPHY -------------------------------------------------------------- */

@font-face{
	font-family:"Caviar Dreams";
	src: url(../Caviar-Dreams/CaviarDreams.ttf);
}

@font-face{
	font-family:"Quicksand";
	src: url(../Quicksand/Quicksand_Book.otf);
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
}

p{
	line-height:1.5em;
	margin:2em 0;
}

a{
	text-decoration:none;
	color:#2cc4d5;
}

a:hover{
	color:#f61766;
}

a img{
	border:0;
}

h1{
	font-size:38px;
	font-weight:normal;
	color:#6ca8d1;
	padding-bottom:6px;
	border-bottom:2px solid #f3f3f2;
	margin:0 0 12px 0;
}

.home h1{
	padding:0;
	border:0;
}

h2{
	font-weight:normal;
	font-size:24px;
	color:#f61766;
	
}

h3{
	
}

h4{
	color:#bfbfbf;
	text-transform:uppercase;
	font-size:14px;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:2em;
	border-bottom:1px solid #eeeeee;
}

ul{
	list-style-type:none;
	padding:0;
	margin:1em 0 1em 0;
}

li{
	padding-left:20px;
	background:url(./images/charlie_img/arrow-bullet.gif) left 3px no-repeat;
	line-height:20px;
	margin-bottom:10px;
}

ul.blog li{
	background:none;
	padding-left:10px;
}

ul.blog li a{
	color:#464646;
}

ul.blog li a:hover{
	color:#bfbfbf;
}

ul.blog li a.active{
	color:#383838;
        font-weight:bold;
}

hr{
	height:1px;
	margin:1em 0;
	border:0;
	color:#f4f4f4;
	background-color:#f4f4f4;
}

#footer p, #footer a{
	color:#FFFFFF;	
}

#footer a:hover{
	color:#99B0BF;
}

/* ---------------------------------------------------- CLASSES -------------------------------------------------------------- */

img.border{
	border: 3px #f4f4f4;
}

.pink{
	color:#f61766;
}

a.pink:hover{
	color:#2cc4d5;
}

.grey{
	color:#b7b7b7 !important;
}

.info .txt{
	font-size:11px;
	color:#424242;
}

.info .txt .title{
	font-size:12px;
	color:#f61766;
	line-height:normal;
}

.video .info .txt{
	font-size:13px;
	color:#333333;
}

.video .info .txt .title{
	font-size:16px;
	
}

.info .txt .title a{
	color:#f61766;
}

.info .txt .title a:hover{
	color:#2cc4d5;
}

a.arrow{
	padding-right:20px;
	background:url(./images/charlie_img/arrow-bullet.png) top right no-repeat;
}

.blue{
	color:#81ACBD !important;
        font-weight:bold;
}

/* ---------------------------------------------------- PAGES -------------------------------------------------------------- */


.pagination a{
	color:#f61766;
}

.pagination a:hover{
	color:#2cc4d5;
}

#right.contact p, #right.contact a{
	font-size:12px;
	color:#424242;
}

#right.contact a:hover{
	color:#bfbfbf;
}

#home-left p{
	color:#464646;
	line-height:1.5em;
	margin:1em 0;
}

#home-bottom{
	background-color:#f8f8f8
}

#home-bottom h4{
	padding:0;
	border:0;
	margin-left:10px;
}

.home-box{
	background-color:#FFFFFF;
	min-height:240px;
}

.twitter{
	font-size:11px;
}

.tweet{
	background:url(./images/charlie_img/arrow-bullet.png) left 3px no-repeat;
}

/* ---------------------------------------------------- FORMS -------------------------------------------------------------- */

input.text, textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	border:1px solid #e5e5e5;
	font-size:13px;
}