/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Samuel Smithson.com
Author : Sam Smithson
URL : www.samuelsmithson.com 
Type: Screen, Projection

Description : Global stylesheet - www.samuelsmithson.com 

Version: 1.0 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- COMMON AND GLOBAL ----- */

#logo {
	width: 198px; 
	height:55px; 
	margin-top: 95px; 
	display: block;  
	float:left
}

#logo h1,h2{
	display:none
}


/* geral */
* { 
	margin: 0; 
	padding: 0; 
	font:1.0em arial,sans-serif;
	color:#fff; 
	text-align: left;

}

body { 
	text-align: center;  
	background: #141414 url(../images/global/background.jpg) repeat-x; 
}

a, a:visited, a:hover{ 
	color:#F05; 
	text-decoration: none; 
}

a img{ 
	border:none 
}

p span { 
color:#666 
}

/* Estrutura */
#container { 
	width: 100%; 
	height: 100% ;
}

#content {
	width: 916px; 
	height:auto; 
	margin: 0px auto;
}


#header {
	width: 100%; 
	height:230px; 
}

#jobs {
	width: 100%; 
	height:auto; 
	margin: 0; 
	clear: both;
}

#more_jobs {
	width: 100%; 
	height:560px; 
	margin: 0 0 100px 0; 
	clear: both; 
}

#footer{ 
	width: 100%; 
	height: 750px; 
	background:#0A0A0A; 
	clear: both;
}


/*Header*/



#description {
	width: 265px; 
	height:55px; 

	margin-top: 96px; 
	float:left
}


#menu {
	width: 420px; 
	height:22px; 
	margin-top: 124px; 
	float:right
}


#menu ul{
	display:inline 
}


#menu ul li{ 
	float: right; 
	display:block; 
	width: auto; 
}


#menu ul li a{ 
	font-weight:bold; 
	font-size: 18px; 
	color:#F05; 
	margin-left:14px; 
	text-decoration: none; 
	letter-spacing: -0.05em; 
}

#menu ul li span{ 
	font-weight:bold;
	font-size: 18px; 
	color:#222; 
	margin-left:14px; 
	text-decoration: none; 
	letter-spacing: -0.05em; 
}


#menu ul li a:hover { 
	font-weight:bold; 
	font-size: 18px; 
	color:#C30041; 
	background:none; 
	margin-left:14px; 
	text-decoration: none; 
	letter-spacing: -0.05em; 
}


/*jobs*/

#recent_jobs { 
	margin: 0 0 20px 0
}

#recent_jobs a, #recent_jobs a:hover{
	font-size:12px; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
	margin: 0;
}


#recent_jobs p { 
	font-size:20px; 
	font-weight: bold; 
	color:#333; border-bottom: 0px solid #0D0D0D; 
	letter-spacing:-0.05em; 
	padding-bottom: 10px;
}

#recent_jobs span img { 
	float:left; 
	margin: 8px 8px 0 0
}


.job_header {
	width: 100%; 
	height: 190px; 
	clear: both; 
	
}


.job_header_title h2{ 
	font-size:40px; 
	letter-spacing:-1px; 
	display:inline; 
	float: left;
	
}


.job_header_title img{ 
	margin: 15px 5px 0 5px; 
	float: left
}


.job_header_title span {
	display:none;
}


.job_header_title h3{ 
	font-size:40px; 
	color:#333; 
	letter-spacing:-1px;
}


.job_header_credits{
	width: 208px; 
	height:90px; 
	margin: 18px 0 0 0; 
	padding: 0 ; 
	float:left
}


.jobtype {
	padding: 25px 0 0 0; 
	font-size:14px; 
	color:#fff; 
	font-weight: bold; 
	letter-spacing:-0.05em; 
	border-top: 1px solid #0D0D0D;
}


.type { 
	font-family:Georgia; 
	font-style:italic; 
	font-size:12px; color:#fff;
	padding: 5px 0 5px 0
}


.work_with { 
	font-family:Georgia; 
	font-style:italic; 
	font-size:12px; color:#fff; 
	float: left;
}

.job_header_description{
	width: 707px; 
	height:auto; 
	margin: 18px 0 0 0; 
	float:left;
}


.job_header_description p {
	padding: 25px 100px 0 25px; 
	font-size:14px; 
	color:#fff; 
	line-height:20px;
	border-top: 1px solid #0D0D0D; 
	border-left: 0px solid #0A0A0A;
}


.imagem {
	width: auto; 
	height: auto; 
	margin: 10px 0 80px;
	background: none;
}


.imagem_unic {
	width: auto; 
	height: auto; 
	margin: 10px 0 90px 0; 
	background: none;
}


.imagem_secondary{
	width: auto; 
	height: auto; 
	margin: 0px 0 90px 0; 
	background: none; 
	float: left
}


.imagem_third {
	width: auto; 
	height: auto; 
	margin: 0px 0 90px 0; 
	background: none; 
	float: right
}


.imagem_multipla_esq{
	width: auto; 
	height: auto; 
	margin: 0px 0 6px 0; 
	background: none; 
	float: left
}


.imagem_multipla_dir {
	width: auto; 
	height: auto; 
	margin: 0px 0 6px 0; 
	background: none; 
	float: right;
}


.imagem_secondary_mult{
	width: auto; 
	height: auto; 
	margin: 0px 0 90px 0; 
	background: none; 
	float: left
}


.imagem_third_mult {
	width: auto; 
	height: auto; 
	margin: 0px 0 90px 0; 
	background: none; 
	float: right
}


.imagem img {
	margin:0px;
}


.imagem_secondary img, .imagem_third img  {
	margin:6px 0 0 0;
}


.thumb_more_jobs img{
	margin: 0 4px 4px 0; 
	float:left
}


.thumb_more_jobs_right{
	margin: 0 0px 0px 0; 
	float:right;
}


#more_jobs p { 
	font-size:20px; 
	font-weight:bold; 
	color:#666; 
	border-bottom: 1px solid #0A0A0A; 
	letter-spacing:-0.05em; 
	padding-bottom: 10px
}


#more_jobs span img { 
	float:left; 
	margin: 8px 8px 0 0
}


/*contact*/

#contact {
	width: 917px; 
	height:auto; 
	margin: 0px auto; 
	border: none;
}


#form {
	margin: 0 0 60px 0; 
	border: none; 
}


#contact h3 { 
	font-size:20px; 
	font-weight: bold; 
	color:#333; 
	border-bottom: 1px solid #0A0A0A; 
	letter-spacing:-0.05em; 
	padding-bottom: 10px; 
	margin-bottom: 20px; 
}


#contact span img { 
	float:left; 
	margin: 8px 8px 0 0
}


form input, form textarea, form label{
	display: block;
}


form input, form textarea{
	margin: 0 0 15px 0; 
	color: black; 
	padding: 5px
}


form label{
	padding-bottom: 5px;
}


#send {
	padding: 3px 8px;
	background-color: #333;
	color: white;
	border:1px solid black;
}

#contact p { 
	font-size:30px; 
	font-weight: bold; 
	color:#333; 
	border-bottom: none; 
	letter-spacing:-0.05em; 
	padding-bottom: 10px; 
	margin-bottom: 0px;
	display: block;
}


#contact a { 
	font-size:20px; 
	font-weight: bold; 
	color:#f05; 
	border-bottom: none; 
	letter-spacing:-0.05em; 
	padding-bottom: 10px;
	margin-bottom: 200px; 
	display: block;
}



/*footer*/
#columns_content{ 
	width: 980px; 
	height: auto; 
	margin: 0 auto;
	padding: 0; 
	clear:both;
}


#aboutme{ 
	width: 290px; 
	height:auto; 
	float:left; 
	margin-right: 40px;
	padding: 25px 0 0 30px;
	background:url(../images/global/corner.jpg) left top no-repeat;
}


#moreinfo{ 
	width: 231px; 
	height:auto; 
	float:left; 
	margin-right: 40px;
}

#friends{ 
	width: 285px; 
	height:auto; 
	float:left; 
	padding: 25px 0 0 30px;
	background:url(../images/global/corner.jpg) left top no-repeat;
}

#flickr{
	width: 231px;
	height: 200px;
	margin: 75px 0 15px 0;
}


#findme{ 
	width: 231px; 
	height:auto; 
	float:left; 
	margin-right: 30px
}

#findme img{
	display: block;
	float: left;
}

#findme a{
	display: block;
	float: left;
	clear: right;
	padding: 3px 0 0 0;
}


#findme p{
	padding: 0 0 9px 0;
}

#findme p h3 {
	padding: 15px 0 0 0; 
	font-size:16px; 
	font-weight: bold; 
	letter-spacing:-0.02em;
	display:block;

}



.columns h2 {
	font-size:30px; 
	font-weight: bold; 
	color:#777;
	letter-spacing:-0.03em;  
	display:inline; 
}


.columns h3 {
	padding: 15px 0 0 0; 
	font-size:16px; 
	font-weight: bold; 
	color: #777;
	letter-spacing:-0.03em;  
	display:inline; 
	margin: 15px 0 15px 0 !important
}

.columns p strong {
	font-size:14px; 
	font-weight: bold; 
	color: #333; 
}


.columns p {
	font-size: 14px; 
	letter-spacing:-0.04em;
	line-height:19px; 
	padding: 15px 0 5px 0;
}

.columns p a{
	font-size: 14px; 
	color:#f05; 
	margin-left:0; 
	letter-spacing: -0.02em; 
}

.columns p a:hover{
	font-size: 14px; 
	color:#f05; 
	margin-left:0; 
	letter-spacing: -0.02em; 
}


.columns span {
	font-size: 14px; 
	letter-spacing:-0.04em;
	line-height:19px;
	padding-top: 15px;
	display:block;
}


.columns ul{ 
	display:block;
}


.columns ul{
	margin:10px 0 0 0
}


.columns ul li{ 
	list-style:none;  
}


.columns img {
	padding: 0 5px 5px 0
}


#credits{ 
	width: 940px; 
	height: auto; 
	margin: 0 auto; 
	padding: 25px 0 25px 0; 
	clear:both; 
	background:#0A0A0A; 
}

#copyright { font-size:70%; color:#3c3c3c;
	width: 920px; 
	text-align:right;
	margin: 0 auto !important }


#hosted{
	width: 920px; 
	margin: 0 auto !important
}


#hosted a, a:visited, a:hover{ 
	background:none; 
	text-decoration: none; 
}


#credits p{ 
	margin:0 auto; 
	color:white; 
	float:left !important; 
	font-size: 12px
}

#credits a img{ 
	padding-top: 0px; 
	padding-left: 5px; 
	color:black;
}