/*
Theme Name: Do not Despair
Theme URI: http://grupo-babel.com/
Description: Grupo Babel, reloaded
Author: 
Version: 1.0
*/


@font-face {
	font-family: cool_font;
	src: url(font/PT_Sans_Narrow.ttf);

}

@font-face {
	font-family: common;
	src: url(font/PT_Sans.ttf);
}

body {
width:100%;
background-image:url(img/bgstripe.gif);
background-position:center;
background-color:#333333;
margin:0px;
padding:0px;
border:0px;
font-family:Helvetica, Arial, Sans-Serif;
font-size:12px;
line-height:16px;
color:#FFFFFF;
}

img {
border:0px;
}

.clear {
clear:both;
}

a:hover {
color:#FFFFFF;
}

h1 {line-height:15px;font-size:11px;margin:0px;padding:0px;font-weight:normal;display:inline;}
h2 {line-height:15px;font-size:11px;margin:0px;padding:0px;font-weight:normal;display:inline;}
h3 {line-height:15px;font-size:11px;margin:0px;padding:0px;font-weight:normal;display:inline;}
a{color:#99cc00;text-decoration: none;}
#bodywrap {
width:100%;
background-image:url(img/bg.jpg);
background-position:top center;
background-repeat:repeat-x;
}

#header {
height:86px;
text-align:center;
}

#content {
width:980px;
background-image:url(img/gray_bgstripe.gif);
margin:0 auto;
padding-bottom:20px;
}

#main {
background-image:url(img/gray_bg.jpg);
background-repeat:no-repeat;
}



/* CONTENT */

.unit {
width:220px;
height:330px;
background-image:url(img/unit.gif);
margin-top:20px;
margin-left:20px;
float:left;
}

.unit_first {
width:220px;
height:330px;
background-image:url(img/unit.gif);
margin-top:20px;
margin-left:20px;
float:left;
}

.grupo 
{
	width:220px;
	height:330px;
	background-image:url(img/grupo.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;	
}
.consultoria{
	width:220px;
	height:330px;
	background-image:url(img/consu.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;	
}
.contemporaneo{
	width:220px;
	height:330px;
	background-image:url(img/contemporaneo.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;
	color: black;	
}

.ediciones 
{
	width:220px;
	height:330px;
	background-image:url(img/ediciones.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;
}
.news{
	width:220px;
	height:330px;
	background-image:url(img/news.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;	

}
.artista{
	width:220px;
	height:330px;
	background-image:url(img/artista.gif);
	margin-top:20px;
	margin-left:20px;
	float:left;		
}

.description {
padding-top:15px;
padding-left:15px;
padding-right: 15px;
font-size: 11px;
}

.unit_text {
padding-top:10px;
}

.unit_link {
color:#999999;
text-decoration:none;
}

.unit_link:hover {
color:#999999;
text-decoration:underline;
}

#inside {
	margin: 70px 50px 50px 50px;
	
}

#inside li {
	list-style-type: none;
}

#inside a {
	color:#99cc00;
	text-decoration: none;
	border-bottom: 1px dotted #99cc00;
}

#inside h2 {
	font-family: cool_font;
	font-size: 25px;
	border-bottom: solid #ccc 1px;
	text-transform: uppercase;
	color: #99cc00;
}

#inside h3 a {
	border: none;
}

#inside h3 {
	font-family: cool_font;
	font-size: 15px;
}

/* HEADER CONTENT */

.wideunit {
width:940px;
height:220px;
background-image:url(img/workit.jpg);
margin-top:10px;
margin-left:20px;
float:left;
}

.halfunit {
width:940px;
margin-top:20px;
margin-left:20px;
float:left;
line-height:17px;
color:#CCCCCC;
}

.halfdesc {
margin-top:28px;
}


/* FOOTER AND CONTACT LINK */

#footer {
height:80px;
padding-left:20px;
padding-top:20px;
line-height:30px;
}

#contactbutton {
height:160px;
position:fixed;
right:0px;
top:164px;
width:41px;
}

.contactrob {
height:160px;
width:41px;
background-image:url(img/contactbutton.gif);
display:block;
}

.contactrob:hover {
background-position:-41px 0px;
}

/* PORTFOLIO CONTENT */

#workunit {
width:940px;
background-image:url(img/workbg.gif);
margin-left:20px;
margin-top:20px;
}

#workheader {
padding-left:60px;
padding-right:60px;
padding-top:20px;
padding-bottom:20px;
}

#backtoportfolio {
width:129px;
height:14px;
display:block;
background-image:url(img/portfolio/titles/backtoportfolio.gif);
float:right;
}

#backtoportfolio:hover {
background-position:0px -14px;
}

#workparagraph {
width:640px;
color:#999999;
padding-left:40px;
padding-top:40px;
padding-bottom:40px;
text-align:justify;
line-height:17px;
float:left;
}

#workdetails {
width:220px;
color:#666666;
padding-top:40px;
padding-bottom:40px;
line-height:21px;
float:right;
}

.green {
color:#99cc00;
}

.white {
color:#FFFFFF;
}

.darkgray {
color:#666666;
}

.yellow {
color:#FFFF00;
}

.red {
color:#CC3300;
}

.purple{
color:#CC0099;
}

.blue {
color:#0099cc;
}

#workfooter {
width:940px;
height:1px;
margin:0px;
background:#262626;
}



/* CONTACT */

#contactbox {
width:620px;
margin:0 auto;
}


/*NEWS*/

h3 {
	font-family: cool_font;
	color: #99cc00;
	font-weight: lighter;
	font-size: 25px;
}

#news 
{
	padding-left: 0;
	margin-left: 0;

}

#news li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
}


#news li .title {
	color: #99cc00;
}

#news li .date {
	
}

#news li a { 
text-decoration: none;
color: #99cc00; 
}

/* NAVIGATION */

#navigation {
padding-top:32px;
padding-right: 15px;
}

.nav {
height:28px;
background-image:url(img/nav.gif);
display:block;
float:right;
}

.portfolio {
width:134px;
background-position:0px 0px;
margin-right:48px;
}

.tshirts {
width:113px;
background-position:-134px 0px;
margin-right:48px;
}

.contact {
width:113px;
background-position:-247px 0px;
margin-right:20px;
}

.portfolio:hover {
background-position:0px 28px;
}

.tshirts:hover  {
background-position:-134px 28px;
}

.contact:hover  {
background-position:-247px 28px;
}

#body_portfolio .portfolio {
background-position:0px 28px;
}

#body_contact .contact  {
background-position:-247px 28px;
}

#robloukotka {
width:332px;
height:16px;
background-image:url(img/robloukotka.gif);
display:block;
float:left;
margin-top:13px;
margin-left:20px;
}

#robloukotka:hover {
background-position:0px 16px;
}


#navigation li {
	display: inline;
	list-style-type: none;
	font-family: Impact;
	font-size: 22px;
	padding: 2px 5px 2px 5px;
	color: #777;
	float: right;
	text-transform: uppercase;
}

#navigation a:hover {
	color: #fff; 
}

#navigation a{
	text-decoration: none;
	color: #777;	
}