/*
Theme Name: J-Vison Designs
Theme URI: http://www.jvisiondesigns.com.com
Description: 3 Columns, 1 Left Sidebar, 1 Right Sidebar, Ads Included
Version: 1.1
Author: Jeffrey Tarter
Author URI: http://www.jvisiondesigns.com
*/

/*------------------------------------------------------------------
[Table of contents]
1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/
body {
	padding:0px;
	margin:0px;
	background:url(images/headerbg2.gif) 0 0 repeat-x;
	background:#fff;
	color:#666;
	font:13px/16px Georgia, "Times New Roman", Times, serif;
}

div, ul, h1, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{color:#2199F0; text-decoration:none;}
a:hover{color:#61A804; text-decoration:none;}

/*----TOP PANEL----*/
#wrap {background:url(images/headerbg2.gif) repeat-x;}
#maintopPan{height:277px; width:100%; background:url(images/headerbg2.gif) 0 0 repeat-x; margin:0 auto;}
#topHeaderPan{width:690px; height:277px; float:left; background:url(images/header.jpg) 0 0 no-repeat;}
#topHeaderPan h1{width:220px; height:10px; text-indent:-3000px; margin:60px 0 0 10px;}
#topHeaderPan img{width:220px; height:53px; position:absolute; top:24px; left:24px;}
#topHeaderPan img.rss-feed{
	width:36px;
	margin-left: 500px;
	height: 36px;
	margin-top: 25px;
}
#topHeaderPan img.rss-email{width:44px; margin-left: 500px; top: -4px; height: 38px;}
#register {padding:0px; margin:0px; height: 44px; position: absolute; left: 561px; top: 48px; width: 109px;}
#register img.user-reg{width:95px;	height:34px;}
#rss-f {
	padding:0px;
	margin:0px;
	height: 94px;
	position: absolute;
	left: 596px;
	top: 191px;
	width: 102px;
}

#rss img.rss-feed{margin-top: 10px; margin-left: 35px; width:74px; height:71px;}
#rss-e {padding:0px; margin:0px; height: 82px; position: absolute; left: 484px; top: 192px; width: 89px;}
#rss img.rss-email{margin-left: 5px; margin-top: 0px; width:74px; height:68px;}
#subscribe{width:290px; height:130px; position:absolute; top:2px; left:90px; color:#FFFFFF;}
/*----Top Side Menu--*/
#topSidemenuPan{
	width:264px;
	height:277px;
	float:left;
	background:url(images/right-bg.gif) 100% 0 no-repeat #fff;
	color:#000;
	position: absolute;
	left: 690px;
}
#topSidemenuPan ul{width:198px;  margin:0 0 0 20px;}
#topSidemenuPan ul li{width:99px; height:277px; float:left;}
#topsearch {width:245px; margin:0 0 0 1px;}
#topad {width:245px; margin:0 0 0 1px;}
#topbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat; margin: 240px 0px 0px 0px;}
#topspace {
	margin: 0;
}
#topspace img {
	margin:10px 0 3px 0;
}
/*----Middle Panel----*/
#middlePan{
	width:273px;
	float:left;
	background:url(images/rightpanbg.gif) 0 0 repeat-y;
	position: relative;
}
#middlePan p{padding:0 16px 0 14px;}
#middlePan p span{font-weight:bold;}
#middlePan p.adtext{
	font-weight: normal;
	text-align:center;
}
#middlePan p.adtext a{width:180px; height: 30px; color:#61A804; font-weight:normal; text-decoration:none;}
#middlePan p.adtext a:hover{color:#2199F0; text-decoration:none;}
#middlePan ul{width:190px; margin:5px 0 10px 1px;}
#middlePan ul li{background:none; padding:0 0 0 2px; font-weight:normal}
#middlebottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}
#vertspace {
	width:221px;
	margin: 5px 0 10px 14px;
}
#vertspace img {
	margin:5px 0 15px 12px;
}
/*----/Middle Panel----*/
/*----/TOP PANEL----*/

#main {
	width: 1000px;
}
#content {
	width: 460px;
	padding: 10px;
	float: left;
	line-height: 1.3em;
}
#sidebar-right {
	width: 245px;
	float: right;
	margin-top: 10px;
}
#sidebar-left {
	width: 201px;
	float: left;
	margin-top: 10px;
}
.contain{margin:auto; width:100%;}
.slot1 {
	width: 20%;
	float:left;
	margin: 0 5% 20px 2.5%;
	color:#666666;
}
.slot2 {
	width: 20%;
	margin: 0 5% 20px auto;
	float:left;
	color:#666666;
}
.slot3 {
	width: 20%;
	margin: 0 5% 20px auto;
	float:left;
	color:#666666;
}
.slot4 {
	width: 20%;
	margin: 0 2.5% 20px auto;
	float:left;
	color:#666666;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding: 13px 0 0 0;
	background:#4C4C4C;
	color:#fff;
}
#footer.tags {
	height: 150px;
	width: 100%;
	text-align: center;
	padding: 13px 0 0 0;
	color:#000;
	background-color:#FFFFFF;
}
#footerPan{
	width:100%;
	float:left;
	position:relative;
}
#footerPan img{
	width:300px;
	height:52px;
	position:absolute;
	top:-27px;
	right:11px;
}
#footerPan p.copyright{background:#4C4C4C; color:#79D000; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; left:58px;}
/*===END SECTION 1===*/

/*===START SECTION 2 - general classes===*/
.description {
	clear: left;
	padding: 5px 0 5px 35px;
}
.post {
	padding: 5px;
	font-size: .9em;
}
.entry-content, .entry-excerpt {
	clear: left;
}
.navigation {
  clear: both;
}
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}
.entry-meta {
  margin: 0 0 10px 0;
}
.underpost {
	font-size: .9em;
}
/*===END SECTION 2===*/

/*START SECTION 3 - style content and footer links*/
#content a:link, #content a:visited {
	padding: 2px;
}
#content a:hover {
	text-decoration: none;
}
#footer a:link, #footer a:visited {
	color: #79d000;
}
#footer a:hover {
	text-decoration: none;
}
/*===END SECTION 3===*/

/*===START SECTION 4 - style for menu, page links in the header===*/
#menu{width:195px; height:130px; position:absolute; top:119px; left:23px; color:#FFFFFF; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/dot-line.gif) 0 100% repeat-x;}
#menu a{display:block; height:24px; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;text-decoration:none; padding:0 0 0 12px;}
#menu a:hover{text-decoration:underline; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/bullet2.gif) 0 9px no-repeat;} 
#menu ul{width:195px; height:124px; position:absolute; top:119px; left:23px;}
#menu ul li{width:195px; height:24px; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/dot-line.gif) 0 100% repeat-x;}
#menu ul li a{display:block; width:195px; height:24px; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;text-decoration:none; padding:0 0 0 12px;}
#menu ul li a:hover{text-decoration:underline; background:url(http://blog.jvisiondesigns.com/wp-content/themes/jvstyle/images/bullet2.gif) 0 9px no-repeat;} 
#menu ul li.resources{width:195px; height:24px; background:none;}

/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
#sidebar-left ul, #sidebar-right ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar-left li a:link, #sidebar-left li a:visited{
	display: block;
	text-decoration: none;
	margin-bottom: 0.1em;
	padding: 1px;
	color:#61A804; 
	text-decoration:none;
}

#sidebar-left li a:hover {
	color: #2199F0;
    text-decoration:none;
}

#sidebar-right li a:link, #sidebar-right li a:visited {
	display: block;
	text-decoration: none;
	margin-bottom: 0.1em;
	padding: 1px;
	color:#2199F0;
	text-decoration:none;
}

#sidebar-right li a:hover {
	color: #61A804;
    text-decoration:none;
}


#sidebar-right li a:visited {
	display: block;
	text-decoration: none;
	margin-bottom: 0.1em;
	padding: 1px;
	color:#2199F0;
	text-decoration:none;
}

#sidebar-left ul ul, #sidebar-right ul ul {
  margin-left: 10px;
}

#sidebar-left ul ul li, #sidebar-right ul ul li {
  font-size: .9em;
  margin-left: 10px;
}
#tag-cloud ul li {
  margin-left: 8px;
  list-style-image:none;
}
#tag-cloud ul li a:link,{
	display: inline;
	text-decoration: none;
	margin-bottom: 0.1em;
	padding: 1px;
	color:#2199F0;
	list-style-image:none;
}
#tag-cloud li a:hover {
	color: #61A804;
    text-decoration:none;
}

#tag-cloud a:link,{
	display: inline;
	text-decoration: none;
	margin-bottom: 0.1em;
	padding: 1px;
	color:#2199F0;
	list-style-image:none;
}
#tag-cloud a:hover {
	color: #61A804;
    text-decoration:none;
}
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#header h1 a:link, #header h1 a:visited {
	font-size: 1em;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	width: 600px;
	padding: 1px 0 0 25px;
	clear: both;
}
#header h1 a:hover {
	text-decoration: underline;
}
#content h1 {
	font-size: 1.5em;
}
#sidebar-left h1, #sidebar-right h1 {
	font-size: 1.4em;
}
#sidebar-left h2, #sidebar-right h2 {
	font-size: 1.1em;
}
.post h2 {
	font-size: 1.8em;
	margin: 20px 0 10px 0;
	padding: 0;
}
.post h3 {
  font-size: 1.8em;
  margin: 0;
  padding: 0;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
.entry-date {
	height: 64px;
	width: 92px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(images/datebg.gif);
}
.entry-month {
	font-size: 19px;
	width: 40px;
	text-align: center;
	height: 28px;
	margin: 22px 0 0 0;
	font-weight: bold;
	padding: 0 0 2px 0;
	float: left;
}
.entry-day {
	font-size: 24px;
	text-align: center;
	height: 30px;
	width: 30px;
	margin: 15px 0 0 8px;
	font-weight: bold;
	line-height: 30px;
	float: left;
}
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#respond p {
	font-size: .9em;
}
#commentform input {
	
}
#commentform textarea {
	
}
#commentform {	
	padding: 10px;
}
li.author {
	padding: 5px;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	margin: 15px 0 0 0;
}
#content ol.commentlist li a {
	text-decoration: underline;
}
/*===END SECTION 8===*/

/*===START SECTION 9 - oh you're so fancy with those blockquotes....===*/
blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 345px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}
blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Georgia, "Times New Roman", Times, serif;
}
/*===END SECTION 9===*/

/*===START SECTION 10 - images when inserted into a post.===*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
/*===END SECTION 11===*/

/* Search Form */
/* sidebar search */

#searchtab{
  background: transparent url(images/search-bg.png) no-repeat left top;
  height: 40px;
  position: relative;
}

#searchtab .inside{
  background: transparent url(images/search-go.png) no-repeat right top;
  height: 40px;
}

#searchtab input{
  border: 0;
  background: none;
  font-size: 12px;
  padding: 0px;
}

#searchtab input.searchfield, #searchtab input#s{
  position: absolute;
  top: 6px;
  left: 46px;
  color: #949496;
  padding: 0px;
  margin: 0;
  width: 50%;
}

#searchtab input.searchfield:focus, #searchtab input#s:focus{ color: #000; }

#searchtab input.searchbutton, #searchtab input#searchsubmit{
  position: absolute;
  right: 37px;
  top: 6px;
  color: #e5e5e5;
  text-transform: uppercase;
  padding: 0px;
  margin: 0;
}

#searchtab label{ display: none; }
#searchtab input.searchbutton:hover{ color: #fff; }