/*  
Theme Name: Tecnoctitlan Main
Version: v1
Author: Sebastian Bentler
Author URI: http://thirtythr33.de/
*/

body {
	background: #000000;
	padding: 0px;
	width: 100%;
  height: 100%;
	min-height: 100%;
  margin: 0px;
}

body {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000000;
	line-height: 1.2em;
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 0px; 
}

/**************************
 * MAIN CONTAINERS
 **************************/
 
div.topcontainer {
	width: 960px;
	left: 50%;
	margin-left: -490px;
	position: absolute;
}

div.logocontainer {
	float: left;
	width: 380px; //680px;
}

div.socialcontainer {
	padding-top: 32px;
	float: right;
	width: 270px;
	height: 64px;
}

div.newslettercontainer {
	width: 910px;
	height: 470px;
	background: url(p/bg_newsletter.gif) no-repeat;
	padding: 25px;
}

div.newslettercontainer table td {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

div.socialtop {
	float: right;
	width: 90px;
}

div.socialbottom {
	float: right;
	clear: both;
	padding-top: 10px;
	width: 90px;
}

div.newsletter {
	float: left;
	padding-top: 32px;
	padding-left: 68px;
	margin-right: 10px;
}

div.myspace {
	float: left;
	padding-top: 32px;
	margin-right: 10px;
}

div.facebook {
	float: left;
	padding-top: 32px;
	margin-right: 10px;
}

div.soundcloud {
	float: left;
	padding-top: 32px;
	margin-right: 10px;
}

div.lastfm {
	float: left;
	padding-top: 32px;
}

div.maincontainer {
	width: 960px;
	left: 50%;
	top: 130px;
	margin-left: -490px;
	position: absolute;
}

div.leftcontainer {
	float: left;
}

div.rightcontainer {
	float: left;
}

div.rleftcontainer {
	float: left;
}

div.rrightcontainer {
	float: left;
}

div.news {
	background: url(p/news_bg.gif) repeat-y #59ffe9;
	width: 270px;
	min-height: 520px;
	float: left;
	margin-right: 10px;
}

div.events {
	background: url(p/events_bg.gif) repeat-y #38d4ce;
	width: 200px;
	min-height: 520px;
	float: left;
	margin-right: 10px;
}	

div.tweets {
	background: url(p/tweets_bg.gif) repeat-y #23b9c8;
	width: 470px;
	min-height: 110px;
	float: left;
	margin-bottom: 10px;
}

div.buy {
	background: url(p/buy_bg.gif) repeat-y #25a4b3;
	width: 230px;
	min-height: 240px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.videos {
	background: url(p/videos_bg.gif) repeat-y #3294a2;
	width: 230px;
	min-height: 240px;
	margin-bottom: 10px;
}

div.listen {
	background: url(p/listen_bg.gif) repeat-y #1c939f;
	width: 230px;
	min-height: 150px;
	margin-right: 10px;
}

div.more {
	background: url(p/more_bg.gif) repeat-y #2e7688;
	width: 230px;
	min-height: 150px;
}

div.footer {
	clear: both;
	width: 960px;
	padding-top: 30px;
	text-align: center;
}

span.footer {
	color: #494949;
}

div.biolayer {
	width: 470px;
	left: 50%;
	top: 222px;
	margin-left: -235px;
	position: absolute;
	z-index: 2;
}

div.biocontent {
	clear: both;
	width: 468px;
	background: #2e7688;
	border-left: 1px solid #2e5f71;
	border-right: 1px solid #2e5f71;
}

div.biotext {
	padding: 9px;
}

div.imprinttext {
	padding: 9px;
}

div.biotopleft {
	float: left;
	width: 110px;
	height: 24px;
}

div.biotopmiddle {
	background: #2e7688;
	float: left;
	border-top: 1px solid #2e5f71;
	width: 250px;
	height: 23px;
}

div.biotopright {
	float: right;
	width: 110px;
	height: 24px;
}


div.biobottomleft {
	clear: both;
	float: left;
	width: 110px;
	height: 24px;
}

div.biobottommiddle {
	background: #2e7688;
	float: left;
	border-bottom: 1px solid #2e5f71;
	width: 250px;
	height: 23px;
}

div.biobottomright {
	float: right;
	width: 110px;
	height: 24px;
}

div.imprintlayer {
	width: 470px;
	left: 50%;
	top: 222px;
	margin-left: -235px;
	position: absolute;
	z-index: 3;
}


/**************************
 * INNER CONTAINERS
 **************************/

div.newstop {
	background: url(p/news_bg_top.gif) no-repeat;
	height: 24px;
}

div.newsmain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 449px;
	height: 0px;
	overflow: hidden;
}

div.newsbottom {
	background: url(p/news_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

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

div.eventstop {
	background: url(p/events_bg_top.gif) no-repeat;
	height: 24px;
}

div.eventsmain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 449px;
	height: 0px;
	overflow: hidden;
}

div.eventsbottom {
	background: url(p/events_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

div.eventitem {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

div.eventlocation {
	font-style: italic;
}

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

div.tweetstop {
	background: url(p/tweets_bg_top.gif) no-repeat;
	height: 24px;
}

div.tweetsmain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 39px;
	height: 0px;
	overflow: hidden;
}

div.tweetsbottom {
	background: url(p/tweets_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

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

div.buytop {
	background: url(p/buy_bg_top.gif) no-repeat;
	height: 24px;
}

div.buymain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 169px;
	height: 0px;
	overflow: hidden;
}

div.buybottom {
	background: url(p/buy_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

div.buyitem {
	padding-top: 0px;
	padding-bottom: 11px;
}

div.buycover {
}

div.buytitle {
	padding-top: 7px;
}

div.buydate {
}

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

div.listentop {
	background: url(p/listen_bg_top.gif) no-repeat;
	height: 24px;
}

div.listenmain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 78px;
	height: 0px;
	overflow: hidden;
}

div.listenbottom {
	background: url(p/listen_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

div.listenitem {
	float: left;
	margin-top: -3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.listenicon {
	padding-right: 4px;
	width: 20px;
	float: left;
}

div.listentitle {
}



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

div.videostop {
	background: url(p/videos_bg_top.gif) no-repeat;
	height: 24px;
}

div.videosmain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 169px;
	height: 0px;
	overflow: hidden;
}

div.videosbottom {
	background: url(p/videos_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}



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

div.moretop {
	background: url(p/more_bg_top.gif) no-repeat;
	height: 24px;
}

div.moremain {
	clear: both;
	padding: 9px;
	margin-top: 5px;
	min-height: 78px;
	height: 0px;
	overflow: hidden;
}

div.morebottom {
	background: url(p/more_bg_bottom.gif) no-repeat bottom;
	height: 25px;
}

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

div.mainline {
	padding-top: 5px;
	padding-left: 9px;
	clear: both;
}

div.mainrss {
	padding-top: 6px;
	padding-right: 6px;
	float: right;
}

div.mainexpand {
	padding-bottom: 6px;
	padding-right: 6px;
	float: right;
}

/**************************
 * RSS Formatting
 **************************/

div.rssnewstitle {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
}

span.rssnewstitle {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

span.rsstweetstitle {
	color: #000000;
}

div.rssnewsinfo {
	padding-bottom: 8px;
}

div.newsitemimage {
	padding-top: 5px;
	padding-right: 4px;
	width: 19px;
	float: left;
}

div.newsline {
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.rssitembox {
	width: 222px;
	float: left;
}

span.rssnewsinfo {
	color: #000000;
}

div.rssnewsdescription {
	padding-bottom: 5px;
}

div.newsmorelink {
	padding-bottom: 11px;
	float: right;
}

span.newsmorelink {
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

div.tweetitembox {
	padding-bottom: 13px;
}

span.tweetsmorelink {
	color: #000000;
}

div.videoitembox {
	padding-bottom: 13px;
}

div.videoitemimage {
	padding-bottom: 7px;
}


/**************************
 * CAPTIONS
 **************************/

h1.maincaption {
	padding: 0px;
	margin: 0px;
}

div.maincaption {
	padding-top: 8px;
	padding-left: 8px;
	float: left;
}

/**************************
 * IMAGES
 **************************/
 
img.logo {
	padding-top: 30px;
	margin-left: -5px;
}

div.imageborder {
	text-align: left;
	border: 1px solid #222222;
}

img.image {
	border: 6px solid #141414;
}

img.buyimageborder {
	border: 8px solid #32bfba;
}


/**************************
 * DIVIDERS & HELPERS
 **************************/

div.totop {
	padding: 13px 0px 0px 0px;
}

div.dividermid1 {
	padding: 10px 0px 28px 0px;
}

div.dividermid2 {
	padding: 0px 0px 23px 0px;
}

div.dividerright1 {
	padding: 0px 0px 0px 0px;
}

div.dividerright2 {
	padding: 26px 0px 0px 0px;
}

div.maintopspacing {
	padding-top: 28px;
}

div.networks {
	padding: 0px 0px 0px 0px;
}	

div.quote {
	padding: 5px 0px 0px 0px;
}


.clearb {
	clear: both;
}

div.spacer {
	padding: 0px 0px 0px 0px;
}

/**************************
 * LINKS
 **************************/

a:active 
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #c2ffee; 
  text-decoration: none 
}
a:hover 
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #FFFFFF; 
  text-decoration: none 
}
a:link 
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #c2ffee; 
  text-decoration: none 
}
a:visited 
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #b2efde; 
  text-decoration: none
}


/**************************
 * FORMS
 **************************/

form table td {
	color: #4f4f4f;
	font-size: 13px;
}

.field
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 10px;
  color: #c2ffee;
  background: #141414; 
  width: 100px;
  height: 17px;
  border-top: #222222 1px solid; 
  border-left: #222222 1px solid; 
  border-right: #222222 1px solid; 
  border-bottom: #222222 1px solid; 
}

.textarea
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 10px;
  color: #c2ffee;
  background: #141414; 
  width: 200px;
  height: 80px;
  border-top: #222222 1px solid; 
  border-left: #222222 1px solid; 
  border-right: #222222 1px solid; 
  border-bottom: #222222 1px solid; 
}

.button
{ 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #c2ffee;
  background-color: #141414; 
  border-top: #222222 1px solid; 
  border-left: #222222 1px solid; 
  border-right: #222222 1px solid; 
  border-bottom: #222222 1px solid; 
}