/* 
	Theme Name: Lemon Tshirts
	Theme URL: http://www.j3studio.net/portfolio/
	Description: Lemon Tshirts Theme is a various column Widget-ready theme created for Lemon Tshirts Company, NYC. 
  Design by <a href="http://www.j3studio.net/">Scott Garber</a>, Coded by <a href="http://www.j3studio.net/">Jarot Syahputro</a>.
	Author: J3 Studio
	Author URI: http://www.j3studio.net
	Version: 1.0
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 07.29.09
		First Release of Lemon Tshirts theme.
*/
body {
  color: #202020;
  font: 12px Arial;
  margin: 0 auto;
  padding: 0;
}
.bd-home {background:#FFF url(images/bd.gif) 0 0 repeat-x;}
.body {background:#FFF url(images/body.gif) 0 0 repeat-x;}
#wrap {
  margin: 0 auto;
  padding: 0;
}

/**************************
*	GLOBAL                  *
***************************/
.clear, .cmore {clear:both; line-height:1;}
#hdr-home h1 a, #header h1 a, #blft h1 a, #blft h2 a, #designs h1 {text-indent:-9000px;}
#hdr-home h1, #header h1, #blft h1, #blft h2, #nu-box, .tmb, .new, .galle {overflow:hidden;}
#hdr-home, #hdr-home h1, #hdr-home h1 a, #header, #header h1, #header h1 a, #nav {width:950px;}
#content, #footer, #designs, .gal-bot {width:850px;}

h1, h2, h3, h4, h5 {
  font-family: Arial; 
  font-weight:bold; 
  color:#2d1405;
  margin:0;
  padding:0 0 10px 0;
}
h1 {font-size:18px;}
h2 {font-size:14px;}

/**************************
*	HYPERLINKS              *
***************************/
a, a:visited { color: #353535; }
#designs h2.curr, #designs h2.curr a, .cmore a {color:#FFF;}
a:hover, #designs h2.curr a:hover { color: #451b02; }
a, a:visited, #nav li a:hover, #footer a:hover, #footerh a:hover, #designs h2 a:hover, .cmore a:hover {text-decoration: none;}
a:hover { text-decoration: underline; }

/**************************
*	HEADER                  *
***************************/
#hdr-home, #header, #footerh, #footer, #content, #designs {margin:0 auto;}
#hdr-home {
  height:444px;
  background: #fefefe url(images/hdr.jpg) center 0 no-repeat;
}
#header {
  height:193px;
  background: #fff url(images/hdr2.jpg) center 0 no-repeat;
}
#hdr-home h1, #hdr-home h1 a {float:left; margin:0; padding:0; height:403px}
#header h1, #header h1 a {float:left; margin:0; padding:0; height:152px}

/**************************
*	NAV                     *
***************************/
#nav {
  height:41px;
  float:left;
  text-align:center;
  margin:0; padding:0;
  font-size:14px;
  font-weight:bold;
  background:#227eed;
}
#nav li {float:left; list-style-type:none; display:inline; margin:0 50px; padding:0; }
#nav li a span {font-weight:normal; font-size:11px;}
#nav li a {color:#FFF; padding:6px 0 0 0; display:block;}
#nav li a:hover, #nav li.this a {color:#fff800; }

/**************************
*	HOME                    *
***************************/
#home {
  width:735px;
  height:297px;
  margin:45px auto 25px;
  background:#FFF url(images/home.png) 0 bottom no-repeat;
}
#blft, #brgt, #gall, #page {
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#blft {
  float:left;
  width:321px;
  height:257px;
  background:#ec80b2;
  margin:0 32px 0 0;
  padding:10px 0 0 0;
}
#blft h1, #blft h2 { margin:0; padding:0;}
#blft h1, #blft h1 a, #blft h2, #blft h2 a {float:left; width:321px; height:123px; }
#blft h1 {background:url(images/store.gif) 0 0 no-repeat;}
#blft h2 {background:url(images/store.gif) 0 -123px no-repeat; }
#blft h1 a, #blft h2 a {opacity:0;}
#blft h1 a, #blft h1 a:hover {background:url(images/store.gif) -321px 0 no-repeat; }
#blft h2 a, #blft h2 a:hover {background:url(images/store.gif) -321px -123px no-repeat;}
#brgt {
  float:left;
  width:382px;
  height:267px;
  background:#f87003;
}
.cmore { text-align:right; padding:8px 35px 0 0; margin:0;}
.cmore a {background:url(images/arrow2.gif) right 3px no-repeat; padding: 0 15px 2px 0;}
.cmore a:hover {background:url(images/arrow2.gif) right -27px no-repeat; }

.wutznu, .wutsnu {
  position:absolute;
  background:url(images/wutznu.png) 0 0 no-repeat;
  width:122px;
  height:79px;
  z-index:100;
}
.wutznu { top:466px; margin-left:330px; }
.wutsnu { top:215px; margin-left:125px; }
.tmb, .new {
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tmb {
  float:left;
  padding:0; 
  width:60px; 
  height:200px; 
  background:#FFF; 
  margin-top:28px; 
  padding-top:7px;
}
.tmb span { padding:0; cursor:pointer; opacity:0.5;}
.tmb span.active, .tmb span:hover{opacity:1;}
.tmb span img {
	width:60px;
	height:41px;
	margin:0 0 10px 0;
	float:left;
	cursor:pointer;
}
#nu-box p {
	position:absolute;
	width:211px;
	height:201px;
  margin:3px 0 0 3px; padding:0;
}
#nu-box img{
	position:static;
  text-align:center;
	float:left;
  width:210px;
	height:200px;
	margin:0; padding:0;
}
.new {
  position:relative;
  float:left; 
  width:221px; 
  height:207px; 
  margin:28px 26px 0 40px;
  background:#FFF;
}
.new img {
	position:absolute;
	display:block;
	border:none;
}
/**************************
*	DESIGNS                 *
***************************/
#designs {
  background: url(images/gal-bd.png) 0 0 repeat-y;
}
#designs h1 {background: url(images/gal-top.png) 0 0 no-repeat; height:17px;}
#designs h1.ttl {
  background: url(images/gal-top.png) 0 0 no-repeat; 
  text-indent:1px;
  padding:20px 0 15px 38px;
}
#designs h2 { padding:15px 10px 10px 10px; background:none; float:left;}
#designs h2.curr, #designs h2:hover { background:url(images/arrow.png) center 0 no-repeat; }
#designs h2:hover {cursor:pointer;}
#designs #page h2:hover {background:none; cursor:default; }
#designs #page h2 { padding-top:0; }

.gtitle { width:771px; margin:0 auto; }
.gal-bot {float:left; height:17px; background: url(images/gal-top.png) -860px 0 no-repeat;}
#page {width:741px; padding:15px; margin:5px auto 10px; background:#FFF}

#gall {
  width:771px; 
  margin:5px auto 0; 
  height:320px;
  background:#FFF url(images/zoom.gif) 4px 4px no-repeat;
}
#gall:hover {background:#FFF url(images/zoom.gif) 5px 5px no-repeat;}
#gal-box p {
	position:absolute;
	width:330px;
	height:265px;
  margin:0; padding:0;
}
#gal-box img {
	position:static;
  text-align:center;
	float:left;
  width:330px;
	height:274px;
	margin:0; padding:0;
}
.galle {
  position:relative;
  float:left; 
  width:338px; 
  height:275px; 
  margin:10px 15px 0 65px;
  padding:0 0 0 10px;
}
.galle img {
	position:absolute;
	display:block;
	border:none;
}
.thmb {
  float:left;
  padding:0; 
  width:328px; 
  height:275px; 
  background:#ffdeec; 
  margin-top:10px; 
  padding:5px 0 0 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.thmb span { padding:0; cursor:pointer; background:#FFF; opacity:1;}
.thmb span.active, .thmb span:hover{ opacity:1; }
.thmb span img {
	width:79px;
	height:66px;
	margin:0 2px 2px 0;
	float:left;
	cursor:pointer;

}
/* Gallery Navigation */
.ngg-navigation {
	font-size:11px !important;
	clear:both !important;
	display:block !important;
	padding:8px 10px 0 0;
	text-align:right;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	background:#ffdeec;
	margin-right:3px;
	padding:2px 6px;
    -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #fea3cb;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/**************************
*	CONTENT                 *
***************************/
#content {
  padding: 20px 0 20px 0;
}
#content p {
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 20px;
}
#content p img {
  float: none;
  border: none;
  margin: 0;
}
#content img.wp-smiley, #content img.wp-wink {
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}

#contentleft {
  float: left;
  width: 560px;
  margin: 0;
  padding: 0 30px 20px 0;
}

/* LIST */  
#content ol {
  margin: 0 0 0 20px;
  padding: 0 0 10px 0;
}
#content ol li {
  margin: 0 0 0 20px;
  padding: 0 0 5px 0;
}
#content ul {
  margin: 0 0 0 20px;
  padding: 0 0 10px 0;
}
#content ul li {
  margin: 0 0 0 20px;
  padding: 0 0 5px 0;
}

.date, .postmeta {font-size: 11px; font-weight: bold;}
.date {
  padding: 0;
  margin: 0 0 15px 0;
}
.postmeta {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
blockquote {
  margin: 0 25px 15px 25px;
  padding: 0 25px 0 10px;
}

#content blockquote p{
  margin: 0;
  padding: 10px 0;
}

/**************************
*	SIDEBAR                 *
***************************/
#sidebar {
  float: right;
  width: 250px;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 20px;
}
#sidebar h2 {
  background: #227eed;
  color: #FFFFFF;
  font: bold 12px Verdana;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  padding: 5px 0 5px 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#sidebar ul {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#sidebar p {
  padding: 0;
  margin: 0;
  line-height: 20px;
}

/**************************
*	FOOTER                  *
***************************/
#footerh, #footer {height:40px;}
#footerh { width:735px; }
#footerh p, #footer p {float:left; margin:0;}
#footerh span, #footer span {float:right; margin:0;}
#footer p {padding:10px 0 0 12px;}
#footer span {padding:10px 13px 0 0;}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0;
	padding: 0;
	}
	
#searchform {
	margin: 0;
	padding: 4px 0 0 0;
	}
	
#s {
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #353535;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0 0 0 3px;
	border: 1px solid #FFFFFF;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 520px;
	background: #E8E8E8;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0 0 0;
	border-top: 2px solid #1A4E88;
	border-bottom: 1px solid #1A4E88;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
	}

.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 420px;
	background: #FFFFFF;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 420px;
	background: #FFFFFF;
	}

/************************
*  Slimbox              *
*************************/
#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}
#lbCenter, #lbBottomContainer, #lbImage, #lbPrevLink, #lbNextLink {position: absolute;}
#lbCenter, #lbBottomContainer {
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.lbLoading { background: #fff url(images/lb-load.gif) no-repeat center; }
#lbImage {
  left: 0;
  top: 0;
  border: 10px solid #fff;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
  display: block;
  top: 0;
  width: 50%;
  outline: none;
}
#lbPrevLink { opacity:0.5; left: 0; background: transparent url(images/lb-prev.png) no-repeat 0 0;}
#lbNextLink { opacity:0.5; left: 50%; background: transparent url(images/lb-next.png) no-repeat 100% 0;}
#lbPrevLink:hover { opacity:0.9; background: transparent url(images/lb-prev.png) no-repeat 0 0;}
#lbNextLink:hover { opacity:0.9; background: transparent url(images/lb-next.png) no-repeat 100% 0; }
#lbBottom {
  font-family: Arial;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  -moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-style: none;
}
#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(images/lb-close.gif) right 0 no-repeat;
  margin: 5px 0;
  outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#gal-box p, #nu-box p{display:none;}