/*
Theme Name: Green Spot
Theme URI: http://greenspotantiques.com/
Description: customized
Author: V. Jelenic
Version: 1.0
Tags: buddypress
*/

a{text-decoration:none;outline:none;color:#205b87;}a:hover{text-decoration:underline;}

img{border:0;}

body{color:#0f0202; margin:0 auto; font-size:14px; padding:0; background:#0e3a2c; }

h1 a,h2 a,h3 a,h4 a,h5 a{color:#164b2e;}

textarea{width:97%;}

#leftontent table{border:0;}

#leftontent table td{border:1px solid #eee; padding:5px 10px; }

#leftontent table th{border:1px solid #eee; padding:5px 10px; background:#eee;}

#header{background:#E6F0E6; float:left; width:1024px;margin:0}

#headerad{width:1024px;} 

#login{height:6px; width:1024px; font-size:12px; color:#fff; text-align:right; padding:10px 0px 15px; /* background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/nav.png); */ background-color:##0E3A2C; }

#login a{color:#fff;}

#login ul{padding:0;margin:0;}

#login ul li{display:inline;}.dot:before{content:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/whitedot.png) " ";}

#title{font-size:38px; margin:6px 0px 0; padding:0; line-height:40px;}

#title a{color:#222;}

#title a:hover{color:#c00; text-decoration:none;}

#description{font-size:12px; margin:10px 2px 0; padding:0;}

#navigation{margin:3px 0 3px; float:left; clear:both; width:100%; /* background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/nav.png);*/ position:relative; z-index:10;}

#mainwrapper{width:100%; float:left; padding:15px 10px; margin:0; border-top:2px solid #ccc; border-bottom:2px solid #ccc; background:#fff;}

#sidebar{float:left; margin:0 2px; padding:2px 0 0;  background-color:#E6F0E6;}

#secondsidebar{float:right; margin:0 2px; padding:2px 0 0 5px; background-color:#E6F0E6;}

/* additions by vince. */
 #sidebar10{float:right; margin:0 2px; padding:2px 0 0 5px; background-color:#E6F0E6;}  

#bottomsidebar{float:left; margin:10px 10px; padding:5px 10px 10px 5px; background-color:#FFFFFF; /* #FFFFFF;*/ }

#sidebar3, #sidebar4, #sidebar5 , #sidebar6, #sidebar8 ,#sidebar7, #sidebar9 {width:99%;float:left; margin:0px 10px ; padding:5px 10px 10px 5px;}

.side{line-height:20px; font-size:18px; margin-bottom:0;}

.side-widget{float:left; margin:0 0 5px; padding:0 5px 5px; /*background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/bg-hatch.gif); */ /*border:1px solid #ddd; border-right-color:#ccc; border-bottom-color:#ccc; */}

.side-widget ul{padding:0; margin:0; list-style-type:none;}

.side-widget ul li{padding:0; margin:0; font-size:13px;}

.side-widget ul li{padding-left:5px; margin:2px 0;}

.side-widget h2{font-size:14px; padding:10px 0 5px; margin-top:0; text-align:center; text-transform:uppercase; /* background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/h2line.gif) repeat-x bottom; */}

.side-widget .storycontent{ /* border-bottom:1px solid #ddd; */}

.side-widget .noline{border-bottom:0;}

.side-widget #s{margin-top:15px; padding:2px; width:98%;}

.storycontent{line-height:22px; font-size:18px;}

.posts{border-bottom:1px solid #eee; margin-bottom:10px; float:left; width:100%;}

.posts h2{margin:10px 0 0;}

.posts img{margin:10px 10px 10px 10px; float:left;}

.readmore{color:#c00;}

#footer{clear:both; float:left; width:100%; padding:10px 0; text-align:center; font-size:11px; border-top:1px solid #888; background:#fff;}

#leftcontent{float:left; margin:0 10px; padding:0;}

#leftcontent h5.latest{font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0;color:#c00; margin-bottom:5px; font-size:14px;}

#leftcontent h1{margin:0; padding:0; font-size:24px; line-height:28px;}

#leftcontent .post h1,

#leftcontent .ind-post h1,

#leftcontent .twopost h1,

#leftcontent .pages h1,

#leftcontent h1.catheader,

#leftcontent .threepost h1{margin-top:5px;font-size:22px;font-family:Georgia,Times,serif;font-weight:normal;line-height:26px;color:#164b2e;}

#leftcontent h1.catheader{color:#c00; margin-bottom:15px;}

#leftcontent .twopost h1{font-size:22px; line-height:26px;}

#leftcontent .threepost h1{font-size:20px; line-height:22px;}

#leftcontent .postmetadata{clear:both;font-size:18px; line-height:20px;}

#leftcontent .post .entry{font-size:18px; line-height:20px;}

#leftcontent .date{margin-bottom:5px; font-style:italic; color:#888;}

#leftcontent .meta{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#444;}

#leftcontent .catdesc{background:#f7f7f7;border:3px double #ddd;padding:0 10px;color:#666;font-size:13px;line-height:15px;margin-bottom:10px;}

#leftcontent p.sub{font-size:24px;line-height:26px;font-weight:bold;font-style:italic;margin:10px 0 0;}

#leftcontent .entry .pullquote{width:250px;font-size:24px;line-height:26px;float:right;margin:0 0 0 30px;padding:0;font-style:italic;}

#leftcontent .entry .pullquote p{padding:0;margin:0;}

#leftcontent a.more-link{clear:both;width:160px;text-align:center;display:block;color:#fff;margin:12px 0;background:#aaa;padding:0 8px;font-size:11px;line-height:20px;}

#leftcontent a:hover.more-link{text-decoration:none;background:#666;}

.tags a{color:#c00;}

.ind-post,.post{float:left;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;width:100%;}

.ind-post img{margin:0 10px 5px 0;}

#twocol{float:left;margin-bottom:3px;padding:10px 0 0;background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/line.gif) repeat-y 50% 0;}

#twocol img{margin:0 8px 5px 0;}

#twocol hr.two{height:0;border:0;clear:both;border-bottom:1px solid #eee;}

.mainhr{float:left;background:#eee;clear:both;width:100%;height:1px;margin:10px 0;}

.twopost{width:46%;float:left;}

.twopost2,.twopost4{margin-left:7.5%;}

.twopost3,.twopost4{border-top:1px solid #eee;padding-top:5px;}

.twopost1,.twopost3{clear:left;}#threecol{float:left;background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/line.gif) repeat-y 31.5% 0;margin-top:3px;width:100%;}

#threecol2{float:left;padding:0;background:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/line.gif) repeat-y 67% 0;width:100%;}

#threecol img{margin:0 5px 5px 0;}

.threepost{width:29%;float:left;border-top:1px solid #eee;padding-top:10px;}

.threepost2,.threepost5{padding:10px 0 0;margin:0 6%;}

.threepost1,

.threepost2,

.threepost3{border-top:0;}

.threepost1,

.threepost4{clear:left;}

/* Pagination */	
	
.pagination {margin: 20px 0 10px; float: left; background: #eee; width: 97%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 12px 1% 10px; }	

.pagination a { padding: 3px 4px 2px 4px;  margin: 2px; text-decoration: none; border: 1px solid #ccc;color: #666;background-color: #FFFFFF;}

.pagination a:hover { border: 1px solid #444; color: #444;background-color: #FFFFFF;}

.pagination span.pages {padding: 3px 4px 2px 4px;  margin: 2px 2px 2px 2px; color: #666; border: 1px solid #ccc; background-color: #FFFFFF;}
.pagination span.current { padding: 3px 4px 2px 4px;  margin: 2px; border: 1px solid #666; color: #444; background-color: #FFFFFF;}
.pagination span.extend { padding: 3px 4px 2px 4px;  margin: 2px;border: 1px solid #ccc; color: #444; background-color: #FFFFFF;}

.red,.entry a{color:#c00;}

#tagcloud{width:400px;text-align:center;margin:auto;padding:20px;}

#tagcloud a{color:#c00;}

#postcomments{padding-top:20px;}
h3

#comments,

#respond h3{color:#333;font:normal 200% georgia,times,serif;margin:10px 0;clear:left;}

#respond p{font-size:11px;margin:0 0 1em;}

ol.commentlist{list-style:none;margin:0;padding:0;float:left;}

ol.commentlist li{margin:0 0 10px;padding:20px 0 20px 20px;}

.commentlist .even{background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

.commentlist .avatar{float:right;padding:5px;border:1px solid #ddd;margin:0 20px 10px 10px;background:#fff;}

.commentlist .comment-author{font-size:12px;}

.commentlist .comment-text{padding:0 20px 0 0;}

.commentlist .url{font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;}

ol.commentlist li div.reply{background:#999;border:1px solid #666;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#fff;font:bold 9px/1 helvetica,arial,sans-serif;padding:6px 5px 4px;text-align:center;width:36px;}

ol.commentlist li div.reply:hover{background:#c00;border:1px solid #c00;}

ol.commentlist li div.reply a{color:#fff;text-decoration:none;text-transform:uppercase;}

ol.commentlist li ul.children{margin:16px 20px 0 0;padding:0 0 0 20px;list-style-image:url(http://c2.twojjs.com/wp/wp-content/themes/magazine-basic/images/commentarrow.png);}

ol.commentlist ul.children li.odd{background:#fff;}

ol.commentlist ul.children li.even{background:#eee;}

.aligncenter,div.aligncenter{display:block;margin:5px auto;}

.alignleft,div.alignleft{float:left;margin:5px 15px 5px 0;}

.alignright,div.alignright{float:right;margin:5px 0 5px 15px;}

.alignnone{margin:5px 0;}

.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:0;-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;}

#today{color:#c00;}

#wp-calendar{margin:auto;}

/* additions by vince. */

  #authorlist ul{list-style: none;width: 600px;margin: 0;padding: 0;}
    #authorlist li {margin: 0 0 5px 0;list-style: none;height: 90px;padding: 15px 0 15px 0;border-bottom: 1px solid #ececec;}

    #authorlist img.photo {width: 200px;height: 200px;float: left;margin: 0 15px 0 0;padding: 3px;border: 1px solid #ececec;}

    #authorlist div.authname {margin: 20px 0 0 10px;} 

    /*  For comment avatars, */ 
.avatar {float: left;  padding: 2px; margin: 0; border: 1px solid #ddd; background: white; }
   /*  For avatars in post content, */
 .post_avatar { padding: 2px; margin: 0; border: 1px solid #ddd; background: white; }

.la_avatar {float: right;  padding: 2px; margin: 0; border: 1px solid #ddd;background:white; }

/* html .multiwidget_author_avatars .author-list .user {padding: 0;} */

/* for floating buttons area */

#floatnav {position:fixed; z-index: 20; right: 0pt; bottom: 40pt; top: auto;display: inline; height: 480px; margin: 0pt;vertical-align: baseline; visibility: visible; width: 51px;}
 #floatnavbar {font-family:Arial, Helvetica, sans-serif;}

#floatnavbar li {list-style-type: none;list-style-image: none;clear:both;text-align:left; padding-top:2px;padding-bottom:0px;text-transform:uppercase;font-size:.85em;font-weight:normal;letter-spacing:.1em;width:51px;margin-left:0px;margin-top:0px;margin-bottom:0px;}


#floatnavbar ul {list-style-type: none;list-style-image: none;width:51px;float:right;margin:0px;padding:0px; }

 /* for menubar dropdowns  NO LONGER USED , keep as backup, have text in stored page called PLACEHOLDER */
.vjmenu{border:0px;margin:0px;padding:0px;font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.vjmenu ul{background:#003300;height:25px;list-style:none;margin:0;padding:0;}
	 .vjmenu li{float:left;padding:0px;} 
        
	.vjmenu li a{color:#FFFFFF;display:block;font-weight:bold;line-height:20px;margin:0px;padding:0px 15px;text-align:center;text-decoration:none;}
		
.vjmenu li a:hover, .menu ul li:hover a{ /*  background: #000000 url("http://c2.twojjs.com/navs/menu/images/hover.gif") bottom center no-repeat; --end comment out */ color:#33FF33;text-decoration:none;}
	.vjmenu li ul{background:#003300;display:none;height:auto;padding:10px, 10px;margin:0px;border:0px;position:absolute;width:240px;z-index:200;}
	.vjmenu li:hover ul{display:block;
		
		}
	.vjmenu li li { display:block;float:none;margin:0px;padding:0px;width:240px;}
	.vjmenu li:hover li a{background:none;color:#FFFFFF;}
	.vjmenu li ul a{display:block;height:25px;font-size:12px;font-style:normal;margin:0px;padding:10px 5px 0px 10px;text-align:left;}
		.vjmenu li ul a:hover, .menu li ul li:hover a{border:0px;color:#33FF33;text-decoration:none;}
	.vjmenu p{clear:left;}

/* hack added, vince, to handle grid of images, does not seem to work in widgets at bottom of page, perhaps because there are two containers with same name? */

div.vj_gridcontainer {text-align: center;width:100%;}
div.vj_gridspacer { clear: both;}
div.vj_gridfloat { float: left; margin-left: 2px; margin-right:2px; /* white-space:normal;*/ word-wrap: break-word; width:180px; border:0px; }
 
div.vj_gridfloat p{ text-align: center;/* white-space:normal;*/word-wrap: break-word;}


div.floaterright {
width: 302px;
height: 252px;
float: right;
margin: 8px 8px;
margin-right: 8px;
padding: 10px;
border: 1px solid #006600;
overflow: no;

}
div.floaterleft {
width: 350px;
margin: 8px 8px;
margin-left: 8px;
padding: 10px;
border: 1px solid #006600;
background-color: #006600;
float: left;
overflow: no;
}

.hiddenPic {display:none;}	
.GSfastloadPic{display:none;}