@charset "utf-8";

/* ------------------- GENERAL STYLES -------------------------------- */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#006699;
	line-height:20px;
        background:#F3F3F3 url(http://www.samandmark.com/images/background.gif) left top repeat-x;
}



h1{
	font-size:130px;
	margin:0;
	text-transform:capitalize;
}

h2{
	font-size:30px;
	color:#f8e11d;
	text-transform:uppercase;
	text-align:right;
	margin-top:0;
	margin-bottom:13px;
        font-weight:bold;
}

h3{
	font-size:16px;
	font-style:italic;
	color:#39a3c0;
}

h4{
	font-size:16px;
	color:#1a95b6;
	text-transform:capitalize;
	margin-top:0;
       margin-bottom:11px; 
       font-weight:bold;
}

#twitter h4{
	font-size:16px;
	color:#FFFFFF;
	text-transform:capitalize;
	margin:0;
}
	
	
a{
	color:#dc0fa9;
	text-decoration:none;
}

a:hover{
	color:inherit;
}

a img{
border:0;
}


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

.yellow{
	color:#f8e11d;
}

.dark-yellow{
	color:#cfb900;
}

.pink{
	color:#dc0fa9;
}

.blue{
	color:#1a95b6;
}

.border{
	border:solid 5px #e6e6e6;
}

.link-list{
	padding:0;
	margin-left:0;
}

.link-list li{
	margin:0 0 13px 0;
	padding:0;
	list-style-type:none;
}
	
.right-align{
	text-align:right;
}

.center{
	text-align:center;
}
/* ----------------------- HEADER -------------------------- */

#twitter{
	background:transparent url(http://www.samandmark.com/images/twitter_bg.gif) left top no-repeat;
}

/* MOUSE OVER STATE */

/*#nav li#blog{
	background:transparent url(http://www.samandmark.com/images/nav_blog.gif) left top no-repeat;
}

#nav li#about-sam{
	background:transparent url(http://www.samandmark.com/images/nav_about-sam.gif) left top no-repeat;
}

#nav li#about-mark{
	background:transparent url(http://www.samandmark.com/images/nav_about-mark.gif) left top no-repeat;
}

#nav li#biog{
	background:transparent url(http://www.samandmark.com/images/nav_biog.gif) left top no-repeat;
}

/* MOUSE OF STATE */
/*
#nav li#blog a{
	background:transparet url(http://www.samandmark.com/images/nav_blog.gif) left top no-repeat;
}

#nav li#about-sam a{
	background:transparent url(http://www.samandmark.com/images/nav_about-sam.gif) left top no-repeat;
}

#nav li#about-mark a{
	background:transaparent url(http://www.samandmark.com/images/nav_about-mark.gif) left top no-repeat;
}

#nav li#biog a{
	background:transparent url(http://www.samandmark.com/images/nav_biog.gif) left top no-repeat;
}

#nav li a:hover, #nav li a.active{
	background-image:none;
}*/

/* -------------------------- CONTENT ------------------------ */

#content{
	background:#FFFFFF url(http://www.samandmark.com/images/footer-logo.png) left bottom no-repeat;
}

#left-column{
	text-align:right;
}

#main-content{
	background:transparent url(http://www.samandmark.com/images/main-content_bg.gif) left top repeat-y;
}

#main-content p{
	text-align:justify;
}

#twitter-logo{
	background:transparent url(http://www.samandmark.com/images/twitter-logo.png) left top no-repeat;
}

#footer-text{
	color:#A3A3A3;
}

#footer-links{
	color:#A3A3A3;
}


#footer-links a{
	color:#A3A3A3;
	text-decoration:underline;
} 



/* ---------------- HEADER IMAGE REPLACEMENT -------------------- */


h1#blog-header{
	background:transparent url(http://www.samandmark.com/images/blog-video_heading.gif) left top no-repeat;
        height:119px;
}

h1#blog-header span{
	display:none;
}

h1#biog-header{
	background:transparent url(http://www.samandmark.com/images/our-story_heading.gif) left top no-repeat;
	height:119px;
}

h1#biog-header span{
	display:none;
}

h1#about-sam-header{
	background:transparent url(http://www.samandmark.com/images/about-sam_heading.gif) left top no-repeat;
	height:119px;
}

h1#about-sam-header span{
	display:none;
}

h1#about-mark-header{
	background:transparent url(http://www.samandmark.com/images/about-mark_heading.gif) left top no-repeat;
	height:119px;
}

h1#about-mark-header span{
	display:none;
}

h1#home-header{
	background:transparent url(http://www.samandmark.com/images/sam-and-mark-header.gif) left top no-repeat;
	height:109px;
	left:20px !important;
}

h1#home-header span{
	display:none;
}

h1#video-header{
	background:transparent url(http://www.samandmark.com/images/video-blog-header.gif) left top no-repeat;
	height:109px;
	left:20px !important;
}

h1#video-header span{
	display:none;
}

h1#showreel-header{
	background:transparent url(http://www.samandmark.com/images/showreel_heading.gif) left top no-repeat;
	height:109px;
	left:20px !important;
}

h1#showreel-header span{
	display:none;
}

h1#competition-header{
	background:transparent url(http://www.samandmark.com/images/competition-header.gif) left top no-repeat;
	height:102px;
	left:20px !important;
}

h1#competition-header span{
	display:none;
}
/* -------------------- BLOG ---------------------------- */

.blog-date{
	text-align:right !important;
	font-style:italic;
	color:#39a3c0;
}

/* ---------------------- ABOUT ----------------------- */

.about-page h4{
	text-align:right;
	font-style:italic;
	margin:0;
	color:#39a3c0;
}

.about-page p{
	margin-top:0;
}

.about-left h4{
	margin:0;
}

.about-left h4.pink{
	text-align:right;
}

.about-left p{
	margin:0;
	text-align:right;
	font-size:12px;
	color:#39a3c0;
}

.about-page h2{
	font-size:26px;
}