/*   
Theme Name: Jeans
Theme URI: http://www.infocreek.com/webdesign/jeans.html
Description: Jeans Designed by <a href="http://www.infocreek.com">InfoCreek </a>.
Version: 1.0
Author: InfoCreek.com
Author URI: http://www.infocreek.com/

	http://www.infocreek.com/webdesign/jeans.html
         
	The CSS, XHTML and design is released under the Creative Common Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/), which means you can use and modify it for any purpose.  
 
By downloading our themes, you agree that you: 

       1)  Can not resell the theme
       2)  You may use and modify the theme but the footer link back to InfoCreek.com should be retained.
       3)  You may use the theme on personal or commercial projects as far as #2 above is met 


*/

* {margin:0px; padding:0px;}
body {background: url(images/content-bg.jpg) left top; font-size:14px; color:#afb4a9; font-family: Verdana, Arial, Helvetica, sans-serif;}

img {border: medium none;}
blockquote {position:relative; margin: 5px 15px 5px 10px; padding:17px 0 0 18px; text-align: left; color:#d1cfb6; font-style:italic; background: url(images/blockquote-left-top.gif) left top;}
blockquote p {position:relative; padding:5px 20px 15px 10px; margin-top:-5px; background:#716952 url(images/blockquote-right-bot.gif) right bottom;}
*:first-child+html blockquote p {margin-top:-7px;}
blockquote blockquote {position:relative; padding: 0px; margin:0px; font-style:normal; font-size:11px; background:transparent none;}
blockquote blockquote p {padding:10px 30px 20px 20px;}
*:first-child+html blockquote {display:inline-block;}

a {text-decoration:none; color:#ca7a1d; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none;}

p {padding:7px 0;  line-height: 17px;}
.border {border:1px solid red;}
h1, h2, h3, h4 { font-family: Trebuchet MS;}
hr {border-left:0px solid #9ca697; border-right:0px solid #9ca697; border-top:1px dashed #9ca697; border-bottom:0px solid #9ca697; height: 1px;}

input {font-family: Verdana; color: #afb4a9; font-size: 11px;}
textarea {font-family: Verdana; color: #afb4a9; font-size: 11px;}
select {font-family: Verdana; color: #afb4a9; font-size: 11px;}

.right-bg {position:relative; width:100%; background: url(images/right-bg.jpg) right top repeat-y; min-width:980px;}
.left-bg2 {position:relative; width:100%; background: url(images/left-bg2.jpg) repeat-y;}
.right-grad {position:relative; width:100%; background: url(images/side-bg-grad.jpg) 100% 100% no-repeat;}
.left-grad {position:relative; width:100%; background: url(images/side-bg-grad.jpg) -199px 100% no-repeat;}
.left-bg1 {position:relative; width:100%; background: url(images/left-bg1.jpg) 40px 0px repeat-y;}
.foot-bg {position:relative; width:100%; background: url(images/foot-bg.gif) left bottom repeat-x;}
.top-bg {position:relative; width:100%; background: url(images/top-bg.jpg) 1px 0 repeat-x;}
#head {position:relative; width:100%; height:77px; background: url(images/top-left.jpg) no-repeat;}
	.logo {position:absolute; left:120px; top:17px;}
	.logo h1 {font: italic 34px/120% Georgia; color:#ca7a1d;}
	.logo h1 a, .logo h1 a:hover {color:#ca7a1d; text-decoration:none;}
	.logo a b {}
	.searchbox {position:absolute; right:29px; top:36px; width:211px; height:28px; font-size:11px; color:#a7a093;}

.rssmenu {position:absolute; right:269px; top:29px;}



	.search-field {width:153px; height:28px; background: url(images/search-field.jpg) 0 0px no-repeat; float:left;}
	#s {border:none; background:transparent; color:#fafae0; font-weight:bold; width:140px; margin:6px 0 0 5px; float:left;}
	.search-but input {border:none; background:transparent url(images/search-but.jpg) center top no-repeat; width:56px; height:28px; float:right;}

#content {position:relative; width:100%; text-align:left;}
	#menu {position:relative; margin-left:350px; margin-right:23px; background: url(images/menu-bg.jpg) right bottom;}
		.menu-b {position:relative; background: url(images/menu-bot.jpg) right bottom repeat-x;}
		.menu-r {position:relative; background: url(images/menu-right.jpg) right bottom repeat-y;}
		.menu-l {position:relative; background: url(images/menu-left.jpg) left bottom repeat-y;}
		.menu-rbc {position:relative; background: url(images/menu-rbc.jpg) right bottom no-repeat;}
		.menu-lbc {position:relative; background: url(images/menu-lbc.gif) left bottom no-repeat;}
	#menu ul {list-style:none; margin:0px; padding:10px 12px 32px 50px; overflow:hidden;}
	#menu ul li {display:block; float:left; margin-right:35px; padding-left:24px; background: url(images/menu-marker.gif) 0 0 no-repeat;}
	#menu ul li.home {}
	* html #menu ul {overflow:visible; height:1%;}
	* html #menu ul li {display:inline;}
	#menu ul li a {color:#fafae0; font:bold 12px/18px Tahoma; text-transform:uppercase;}
#main {position:relative; float:left; width:100%;}
	.content {position:relative; margin:5px 240px 20px 96px;}
	
	.content h1 {font: 24px Trebuchet MS; color:#ca7a1d; letter-spacing:-1px; padding-left:98px;}
	.content h2 {font:bold 22px Trebuchet MS; color:#ca7a1d; padding:10px 0px 2px 20px;}
	.content h3 {font:bold 18px Trebuchet MS; color:#ca7a1d; padding:10px 0px 2px 20px;}
	.content h4 {font:bold 16px Trebuchet MS; color:#ca7a1d; padding:7px 0px 2px 15px;}
	.content h5 {font:bold 14px Trebuchet MS; color:#ca7a1d; padding:5px 0px 2px 10px;}
	.content h6 {font:bold 12px Verdana; color:#602600; padding:5px 0px 2px 0px;}
	.content h2.pagetitle {position:absolute !important; top:-44px; left:10px; width:222px; font-size:12px; border:1px dashed #9ca697; padding:5px;}
	.content h2.center {padding:25px 0; text-align:center;}
	.post {position:relative; padding:5px 14px 0px 0px;}
	.content .title {position:relative; padding-bottom:12px; background: url(images/hr-line.jpg) left bottom repeat-x;}
	* html .content .title {width:100%;}
		.title .date {position:absolute; left:-58px; top:0px; font:italic 12px/120% Georgia; padding:5px 22px 0 0; color:#fafae0; width:125px; height:38px; text-align:center; background: url(images/post-date-bg.jpg) no-repeat;}
		.title .meta {position:relative; margin:-2px 0 0 98px; font-size:11px; font-weight:bold; color:#958e71;}
		.title .meta a {color:#958e71; font-weight:bold;}
	.content h1 a, .content h1 a:hover {color:#ca7a1d; text-decoration:none;}
	.entry {position:relative; padding:4px 15px 10px 10px; clear:both; background: url(images/hr-line.jpg) left bottom repeat-x; overflow:hidden;}
	* html .entry {overflow:visible; height:1%;}
	.entry img {border:1px solid #000000; margin:3px 5px;}
	.entry img.wp-smiley {border:none !important; margin:0px !important; max-width:99%;}
	.entry form {position:relative;}
	.entry input {border:1px solid #885A28; margin:3px; padding:2px; background-color:#716952; color:#FAFAE0;}
	.entry .cforms input {border:1px solid #885A28; margin:0px; padding:2px; background-color:#716952; color:#FAFAE0;}
	.postmetadata {position:relative; text-align:right; background: url(images/hr-line.jpg) left bottom repeat-x; padding:5px 20px 10px 20px;}
	.comm-star {background: url(images/marker-star.gif) 0px 1px no-repeat; padding-left:32px; margin-left:20px;}

.google {position:relative; text-align:left;}
.google iframe {margin:20 auto 0 auto;}


.content ul {position:relative; list-style:none; padding:5px 20px;}
.content ul li {display:block; padding:2px 0px 2px 20px;  background: url(images/marker-star2.gif) 0px 4px no-repeat;}
.content ol {position:relative; padding: 5px 40px; list-style: decimal}
* html .content ol {display:inline-block;}
*:first-child+html .content ol {display:inline-block;}
.content ol li {padding:2px 0px 2px 0px;}
.pagenavi-bg {position:relative; float:right; display:table; height:38px; background: url(images/pagenav-bg.jpg) 0px 0px repeat-x; margin:20px;}
* html .pagenavi-bg {width:280px; white-space:nowrap;}
*:first-child+html .pagenavi-bg {white-space:nowrap;}
.pagenavi-r {position:relative; float:right; height:38px; background: url(images/pagenav-r.jpg) 100% 0px no-repeat;}

.pagenavi-l {position:relative; float:right; height:38px; background: url(images/pagenav-l.jpg) 0px 0px no-repeat; min-width:275px;}
.wp-pagenavi {position:relative; float:right; line-height:160%; padding:8px 5px;}
*:first-child+html .pagenavi-r, *:first-child+html .pagenavi-l, *:first-child+html .wp-pagenavi {float:left;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	font-weight: bold !important;
	padding:0px 5px !important; 
	text-decoration: none !important;
	color: #afb4a9 !important;
	background:transparent none !important;
	border-width:1px !important;
}
.wp-pagenavi a:hover {text-decoration: none !important; border: 1px solid #ca7a1d !important;}
.wp-pagenavi span {background:transparent none !important; color:#ffffff !important; padding:0px 8px !important; border:none !important}
.wp-pagenavi .current {
	font-weight: bold !important;
	padding:0px 5px !important; 
	text-decoration: none !important;
	border: 1px solid #ca7a1d !important;
	color:#ca7a1d !important;
	background:transparent none !important;
}

.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        background: #000;
}

#comments {position:relative; padding:5px 30px 10px 20px; margin-right:14px; background: url(images/hr-line.jpg) left bottom repeat-x;}
#comments h4 {padding-left:20px; color:#ca7a1d;}
.nocomments {padding-left:10px;}
	.message-box {position:relative; background:#412b14 url(images/comment-bg.jpg) left top repeat-y; padding:7px 0; margin-top:10px;}
	* html .message-box {width:100%;}
	.message-box .message-entry {position:relative; overflow:hidden; margin:0 7px; border:1px dashed #8a6746; padding:7px 10px 0px 10px; color:#d1cfb6;}
	* html .message-box .message-entry {height:1%; overflow:visible;}
	.message-box .message-by {font-size:11px; color:#d1cfb6; font-weight:bold; padding-left:10px;}
	.message-box .message-by a {color:#d1cfb6;}
	.message-box .message-time {font-size:11px; color:#130b01; border-bottom:2px solid #c0b397; padding:0 0 1px 0; margin-right:70px;}
	.message-box .message-time a {color:#bab39a;}
	.message-box .message-time span {color:#130b01; background-color:#c0b397; padding:0 30px 0px 10px;}
	.message-box .message-time span a {color:#130b01;}
	.message-box .gravatar-place {position:relative; float:right; margin:-32px -7px 2px 10px; background: url(images/avatar-place.jpg) left top no-repeat; width:70px; height:66px;}
	.message-box .message-lbc {position:absolute; left:-2px; bottom:0px; width:6px; height:15px; overflow:hidden; background: url(images/comment-lbc.gif) left bottom no-repeat;}
	.message-box .message-ltc {position:absolute; left:-2px; top:-2px; width:28px; height:11px; overflow:hidden; background: url(images/comment-ltc.gif) left top no-repeat;}
	
	.author_message-box {position:relative; background:#7e6a4f url(images/comment-bg2.jpg) left top repeat-y; padding:7px 0; margin-top:10px;}
	* html .author_message-box {width:100%;}
	.author_message-box .message-entry {position:relative; overflow:hidden; margin:0 7px; border:1px dashed #533b21; padding:7px 10px 0px 10px; color:#2e2215;}
	.author_message-box .message-by {color:#2e2215; font-size:11px; font-weight:bold; padding-left:10px;}
	.author_message-box .message-by a {color:#2e2215;}
	.author_message-box .message-time {color:#bab39a; border-bottom:2px solid #533b21; font-size:11px; padding:0 0 1px 0; margin-right:70px;}
	.author_message-box .message-time a {color:#130b01;}
	.author_message-box .message-time span {color:#bab39a; background-color:#533b21; padding:0 30px 0px 10px;}
	.author_message-box .message-time span a {color:#bab39a;}
	.author_message-box .gravatar-place {position:relative; float:right; margin:-32px -7px 2px 10px; background: url(images/avatar2-place.jpg) left top no-repeat; width:70px; height:66px;}
	.author_message-box .message-lbc {position:absolute; left:-2px; bottom:0px; width:6px; height:18px; overflow:hidden; background: url(images/comment-lbc2.gif) left bottom no-repeat;}
	.author_message-box .message-ltc {position:absolute; left:-2px; top:-2px; width:25px; height:13px; overflow:hidden; background: url(images/comment-ltc2.gif) left top no-repeat;}
	
	* html .gravatar-place {margin:-35px -3px 2px 10px !important;}
	.gravatar-place img {margin:8px 0 0 11px; width:50px; height:50px;}
	.gravatar-place a {display:block; margin:8px 0 0 11px; width:50px; height:50px; overflow:hidden;}
	.gravatar-place a img {margin:0px; width:50px; height:50px;}
	.avatar, .gravatar {width:50px;}

#respond {position:relative; margin:0 14px 20px 0px; text-align:center}
#respond h4 {padding:5px 0px 10px 40px; color:#ca7a1d; background: url(images/hr-line.jpg) left bottom repeat-x; text-align:left;}
#respond div.form {position:relative; width:640px; margin: 0 auto; padding:10px 0;}
#respond div.form #commentform {position:relative; text-align:left;}
	.inputs {position:relative; width:220px; float:left;}
	.inputs b {color:#ca7a1d;}
		.input {position:relative; width:204px; height:28px; background: url(images/input.gif) 0 0px no-repeat; margin:1px 0}
		.input input {position:relative; background:transparent; border:none; width:190px; padding:2px; margin:5px 0 0 5px;}
	.message {position:relative; width:411px; float:right;}
	.message .input {position:relative; width:411px; height:113px; background: url(images/textarea.gif) left top no-repeat;}
	.message textarea {position:relative; margin:4px 0 0 5px; padding-right:6px; background: transparent none; border:none; width:402px; height:106px; overflow-y:scroll; overflow-x:hidden;}
	* html .message textarea {width:396px; margin-top:3px;}
	*:first-child+html .message textarea {width:396px; margin-top:3px;}
	.submit {text-align:right; margin-top:6px;}
	* html .submit {margin-top:-5px;}
	*:first-child+html .submit {margin-top:-5px;}
	.submit input {border:none; background:transparent url(images/submit.jpg) center top no-repeat; width:54px; height:29px;}
	



	
	
#sidebar {position:relative; width:205px; float:left; margin:5px 0 20px -240px;}
#sidebar .w-block {position:relative;}
#sidebar h2 {position:relative; font:bold 13px/32px Tahoma; color:#cbc7c4; text-align:left; padding-left:12px; background:url(images/sidebar-title-bg.jpg) left top no-repeat; height:32px; text-transform:uppercase;}
#sidebar a {color:#a7a093;}
#sidebar .widget {margin:0px 0px 0px 10px; padding:5px 0 15px 0; width:183px; overflow:hidden;}
#sidebar ul {display:inline-block; position:relative; list-style:none;}
#sidebar ul li {display:inline; position:relative; color:#a7a093;}
* html #sidebar ul li {display:inline-block;}
#sidebar ul li a {color:#a7a093; padding:2px 0px 2px 16px; display:block; background: url(images/marker-star2.gif) 2px 4px no-repeat;}
#sidebar ul li.current-cat a {color:#a7a093; background: url(images/marker-star.gif) 0px 3px no-repeat; border-bottom:1px dashed #a7a093; border-top:1px dashed #a7a093;}
#sidebar ul li.current-cat ul li a {padding:2px 0px 2px 25px; background: url(images/marker-star2.gif) 12px 4px no-repeat;}
#sidebar ul li a:hover {color:#a7a093; background: url(images/marker-star.gif) 0px 3px no-repeat; text-decoration:underline;}
#sidebar p a {color:#a7a093; display:inline; background: none; padding:0px;}
#sidebar p a:hover {color:#a7a093; display:inline; background: none;}
#sidebar ul li ul {padding:0px 0 0px 0px; list-style:none;}
#sidebars ul li ul li {padding:0px;}
#sidebar ul li ul li a {padding:2px 0px 2px 25px; background: url(images/marker-star2.gif) 12px 4px no-repeat;}
#sidebar ul li ul li.current-cat a {padding:2px 0px 2px 25px; background: url(images/marker-star.gif) 10px 3px no-repeat;}
#sidebar ul li ul li a:hover {background: url(images/marker-star.gif) 10px 3px no-repeat;}

#sidebar .dbx-box-closed .dbx-content ul {display:none !important;}


#sidebar #get_recent_comments_wrap {font-size:75%;}
#sidebar #get_recent_comments_wrap ul li a {color:#a7a093; padding:2px 0px 2px 16px; display:inline; background: url(images/marker-star2.gif) 2px 4px no-repeat;}





.widget_categories, 
#calendar {background:url(images/star-title-left.gif) no-repeat;}

.widget_categories h2, 
#calendar h2 {color:#000000 !important; background:url(images/star-title-right.gif) right top no-repeat !important; padding:31px 0px 2px 50px !important; height:auto !important;}

.widget_categories a.dbx-toggle, .widget_categories a.dbx-toggle:visited, 
#calendar a.dbx-toggle, #calendar a.dbx-toggle:visited {top:36px !important; right:20px !important;}


#wp-calendar {width:100%; font-size:11px; font-family:Georgia; text-align:center;}
#wp-calendar th {font-size:11px; font-weight:bold; text-align:center; border-bottom:1px dashed #504e43; color:#cccbb2;}
#wp-calendar td {font-size:11px; text-align:center; border-bottom:1px dashed #504e43; color:#a7a093;}
#wp-calendar td a {display:block; color:#ca7a1d;}
#wp-calendar td a:hover {display:block; color:#ca7a1d; text-decoration:undeline;}
#recentcomments li a {display:block !important; padding-left:16px !important;}
#recentcomments li a:hover {display:block !important; padding-left:16px !important;}
.textwidget iframe {position:static; margin:0px;}

a:hover abbr {border:none;}


#footer {position:relative; width:100%; text-align:left; height:60px;}
.infocreek {position:absolute; top:-100px; left:18px; width:23px; height:82px; background:url(images/made-in-infocreek.jpg) no-repeat;}
.infocreek a {display:block; width:23px; height:82px; text-decoration:none; overflow:hidden;}
.infocreek a:hover {text-decoration:none;}
#footer a {color:#ca7a1d;}
.copy {position:relative; padding:18px 0px 0px 104px; font-size:11px; float:left; font-size:11px;}
.valid {position:relative; font-size:11px; float:right; padding:18px 115px 0 0;}

.ping-track {border:1px dashed #9ca697; position:relative; margin:10px 0px 5px 0px; padding:8px; clear:both;}


.up {text-transform:uppercase;}
.center {text-align:center;}
.l, .left {float:left;}
.r, .right {float:right;}
.textleft {text-align:left !important;}
.clear {clear:both;}





/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */