/*  
Theme Name: ThinkPaper
Theme URI: http://dj.sliced.in/
Description: Theme for wpMu homepage @ think.dj
Author: think.dj
Author URI: http://dj.sliced.in
*/


body {
background: url(images/smoothish_paper.jpg) repeat center;
width: 1010px;
margin:0 auto;
font: 15px "Lucida Sans", Tahoma;
color: #888;
line-height: 1.4em;
overflow-x: hidden;
}

a{
padding:0;
border:0;
text-decoration: none;
color: #439DE3;
}

a:hover {
background: #33A3CF;
color: #FFF;
}

a:hover img { background: transparent;}

body.noBack {
background: transparent;
}

img {
padding:0;
border:0;
margin:0;
}

.clear {
clear:both;
}

.iefix { background:transparent;cursor:pointer }

#container {
background: url(images/px.png);
}

#top {
background: url(images/top.png);
height: 136px;
margin:0;
}

#top.pages {
background: url(images/topper.png);
}


#top #topLeft {
width: 200px;
float:left
}


#top #topRight {
width: 400px;
float:right;
}
#top a h1{
margin:0;
width: 170px;
height: 85px;
overflow:hidden;
text-indent: -9000px;
padding: 20px 0 0 20px;
}

#top #topRight #tweet {
width: 320px;
font: 12px "Lucida Sans";
color: #888;
padding: 25px 0 5px 0;
}
#top #topRight #tweet li {
list-style: none
}

#top #topRight #tweet #tweetInfoRight {
font-size: 10px;
color: #CCC;
float:right;
padding-right: 32px;
}

#middle {
background: url(images/middle.png);
height: 362px;
margin:0;
}


#middle #middleLeft {
padding: 30px 0 0 36px;
float:left;
margin-bottom:10px;
}

#middle #middleLeft #mapDescBox {
width: 320px;
height: 35px;
}

#middle #middleRight {
padding: 10px;
padding-right: 30px;
float:right;
width: 350px;
font-size: 12px;
text-align:left;
}

#middle #middleRight #pushed {
float:left;
padding-left: 70px;
text-align:justify;
width:230px;
}



#bottom {
margin:0;
margin-top:-20px;
/*position:absolute;*/
width:1008px;
}

#bottom #bottomLeft {
padding:110px 0 0 0;
width: 400px;
height: 110px;
float:left;
margin-bottom:10px;
margin-top:-70px;
background: url(images/shout_back.png) no-repeat right;
}

#bottom #bottomLeft a h1{
margin: -5px 0 0 210px;
width: 197px;
height: 45px;
text-indent: -9999px;
background: url(images/shoutat.png) no-repeat;
}

#bottom #bottomLeft a:hover h1{
background: url(images/shoutat_hover.png) no-repeat;
}

#bottom #bottomRight {
padding: 10px;
float:right;
height: 110px;
width: 520px;
margin-top:-70px;
/* border:1px solid red; /* Testing */
}

#bottom #bottomRight #catchMeOn {
float:left;
margin:5px 0 0 100px;
padding:30px 20px;
background: url(images/findmeon.png) no-repeat left top;
}


a.social {
display:block;
width:32px;
height:32px;
text-indent:-9999px;
float: left;
margin:5px;
}
a.social:hover {background-position: left bottom}

a.orkut {background: url(images/icons/orkut_32u.png) no-repeat;}
a.linkedin {background: url(images/icons/linkedin_32u.png) no-repeat;}
a.facebook {background: url(images/icons/facebook_32u.png) top left no-repeat;}
a.flickr {background: url(images/icons/flickr_32u.png) no-repeat;}
a.twitter {background: url(images/icons/twitter_32u.png) no-repeat;}
a.stumble {background: url(images/icons/stumble_32u.png) no-repeat;}
a.skype {background: url(images/icons/skype_32u.png) no-repeat;}
a.yahoo {background: url(images/icons/yahoo_32u.png) no-repeat;}
a.gmail {background: url(images/icons/gmail_32u.png) no-repeat;}

#MYsimpleTooltip { padding: 7px; color:#FFF; background: transparent url(images/trans.png); max-width: 200px;  -moz-border-radius: 5px; text-align:justify}
#simpleTooltip { padding: 7px; border: 1px solid #DADADA; background: #F2F3F5; opacity:0.9;  -moz-border-radius: 5px;}



/* SLIDER */

#slider1 {
    width: 355px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider1Content {
    width: 355px; /* important to be same as image width or wider */
    position: absolute;
  	top: 0;
  	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	  display: none;
}
.slider1Image span {
    position: absolute;
    font: 10px/15px "Lucida Sans", Tahoma, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 355px;
    overflow:hidden;
    background-color: #2F8FBF;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
 
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 80px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 80px !important;
	height: 290px;
}
ul { list-style-type: none;}

/* /Slider */



div.galspot {
	background: url(images/hr-cut.png) no-repeat top left;
	padding-top: 5px;
	clear:both;
  font: 72.5%  'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #222;
 }
 
/* div.galspot a {background: transparent; border:0; text-decoration:none; color: #4EABD7} */

div.galspot h3 {
text-indent: -9999px;
}

div.galspot h3.designs {
background: url(images/headings/designs.png) no-repeat;
width:138px;
height:36px;
}

div.galspot h3.code {
background: url(images/headings/code.png) no-repeat;
width:79px;
height:27px;
}

div.galspot h3.identity {
background: url(images/headings/identity.png) no-repeat;
width:139px;
height:35px;
}

div.galspot h3.logos {
background: url(images/headings/logos.png) no-repeat;
width:94px;
height:36px;
}

div.galspot h3.websites {
background: url(images/headings/websites.png) no-repeat;
width:153px;
height:27px;
}
div.galspot h3.print {
background: url(images/headings/print.png) no-repeat;
width:153px;
height:36px;
}
div.galspot h3.wp {
background: url(images/headings/wp.png) no-repeat;
width:153px;
height:28px;
}

div.friends {
	margin-top: 20px;
	margin-left: 10px;
}

a.linkFade {
display:block;
text-indent:-9999px;
cursor:pointer;
border: 2px solid #DDD;
background:  top left no-repeat;
width: 160px;
}
a.linkFade:hover {background-position:left bottom}

a.wize{
height:130px;
background: url(portfolio/a_wize.jpg);
}

a.cerebral{
height:58px;
background: url(portfolio/a_cerebral.jpg);
}
a.mbcet {
height:99px;
background: url(portfolio/a_mbcet.jpg);
}

a.identity { height:52px; } /* Same height for all images in Identity/Branding Column */
a.divLink {background:url(portfolio/a_div.png) }
a.weamisLink {background:url(portfolio/a_weamis.png)}
a.boomerang {background:url(portfolio/a_boomerang.png)}
a.mont {background:url(portfolio/a_mont.png)}
a.wootly {background:url(portfolio/a_wootly.png)}

a.XrdsPoster {
height:226px;
background: url(portfolio/crossroads/a_xrds07_thumb.jpg) top left no-repeat;
}
a.XrdsBadges {
height:114px;
background: url(portfolio/crossroads/a_badges.jpg) top left no-repeat;
}
a.XrdsBrochure {
height:100px;
background: url(portfolio/crossroads/a_brochure.jpg) top left no-repeat;
}
a.videodump {
height:92px;
background: url(portfolio/a_videodump.jpg) top left no-repeat;
}
a.failblog {
height:94px;
background: url(portfolio/a_failblog.jpg) top left no-repeat;
}
a.blogulate{
height:85px;
background: url(portfolio/a_blogulate.jpg) top left no-repeat;
}


a.outlinkr {
height:76px;
background: url(portfolio/a_outlinkr.jpg);
}
a.divplog {
height:87px;
background: url(portfolio/a_plog.jpg);
}


div.linker {
	float: left;
	width: 170px;
	background: url(images/cuthere.png) repeat-y right bottom;
	padding-right: 18px; 
	margin-right: 15px;
	margin-bottom: 40px;
	line-height: 1.0em !important;
}
div.linker.alt {background: url(images/cuthere-alt.png) repeat-y right top;}
div.linker img {
	border: 2px solid #ddd;
}
div.linker a:hover img{
	border-color:#45A0C2;
	text-decoration:none;
}
div.linkerend {
	float: left;
	width: 166px;
	margin-bottom: 40px;
}

div.linkerend img {
	border: 3px solid #444;
}

div.friends h5.linktitle {
	font: 160% "Lucida Sans", arial;
	font-weight:bold;
	color: #333;
	margin: 7px 0 5px 0; 
}

div.friends p.whatis {

	line-height: 1.7em;
	color: #555;
	margin-bottom: 5px;
}
div.friends p.textright {
	text-align: right;
}
div.friends p.action {background:#FFFFEF; border-bottom: 1px dotted #AAA; padding: 5px 0 5px 5px}
div.friends p.action a{
	text-decoration: none;
	color: #3366ff;
	font-size: 100%;
}
div.friends p.action a:hover {
color: #fff;
}


#infobar, #portfoliobar{
z-index: 9100;
}
#infobar a{
width: 78px;
height: 53px;
background: transparent url(images/savePaper.png) no-repeat center;
text-indent: -9999px;
padding: 0;
bottom: 1px;
right: 4px;
width: 78px;
height: 53px;
overflow: hidden;
position: fixed;
text-align:center;
}

#portfoliobar a {
background: transparent url(images/portfolio.png) no-repeat center;
width: 126px;
height: 36px;
top: 0;
text-indent: -9999px;
padding:0;
right: 5px;
overflow: hidden;
position: fixed;
text-align:center;
}


.hidden {
display: none;
}



 .subhead {
	font-weight: normal;
	color: #909090;
	font-size: 21px;
	line-height: 24px;
	letter-spacing: -1px;
	float:left
}
  .subhead a {
  font-size: 33px;
  }
  
  .subhead span {float:right}
  
  

#contactForm {
  width: 100%;
  height: 340px;
  background: url(images/contactbg.png) no-repeat -25px 0px;
}
#contactForm p {
font-size: 12px;
}

#contactInputs {
padding: 80px 0 10px 118px;
float:left;
width: 300px;
}

#contactInputs .contactInvi {
background: transparent; 
border: 0;
margin-top: 35px;
padding:0;
width: 260px;
height: 28px;
font: 20px "Lucida Sans", Tahoma;
color: #777;
}

#contactInputs .contactInvi:hover, #contactInputs .contactInvi:active {
color: #33A3CF;
} 

#contactTextArea {
width: 460px;
float:left;
margin: 80px 0 10px 65px;
}

#contactTextArea .contactTxtArea {
margin-top: 35px;
padding-left:5px;
width: 445px;
height: 148px;
border:0;
background: transparent;
font: 22px "Lucida Sans", Tahoma;
color: #333;
} 

#contactButton { 
width: 50px;
height: 110px;
float:left;
margin: 155px 0 10px 10px;

}

#contactButton .contactSubmit {
width: 50px;
height: 110px;
background: transparent;
border:0;
text-indent: -99999px !important;
color:#fff; 
display:block;
}

/* --- FOOTER --- */
#footer {
	border-top: 1px solid #AAA;
	font-size: 11px;
	padding-top: 12px;
	color: #949494;
}

#footer a, #footer a:visited, #footer a:link {
	color: #949494;
	font-weight: normal;
}

#footer a:hover {
	color: #303030;
}

#footernav {
	list-style-type: none;
	padding: 0px;
}

#footernav li {
	display: inline;
	margin: 0 10px 0 0;
}

#footernav li a, #footernav li a:visited {
	padding: 2px 12px 2px 0;
	border-right: 1px dotted #888;
	color: #949494;
	font-weight: normal;
}

#footer li a:hover {
	color: #333;
	background:transparent;
}

#footernav li.last a {
	border-right: 0px dotted #888;	
}
#footerleft {
  float:left;
}
#copyright {
  float:right;
	text-align: right;
	background: url(images/colors.png) no-repeat right;
	padding-right: 45px;
}