/*  

Theme Name: AntiSocial

Version: 1.0.0

Description: Designed by <a href="http://woothemes.com">WooThemes</a>.

Author: WooThemes

Author URI: http://woothemes.com

*/



/* Default styles */

@import "reset.css";



/* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/EFFECTS.CSS */



/*-----------------------------------------------



INDEX:



1. SETUP

-1.1 Defaults

-1.2 Hyperlinks



2. SITE STRUCTURE & APPEARANCE

-2.1 Containers

-2.2 Sites

-2.3 Logo

-2.4 Navigation

--2.4.1 Drop-down menus

-2.5 Content

-2.6 Footer



3. WIDGETS



4. POSTS

-4.1 Typographic Elements

-4.2 Images



5. COMMENTSAREA

-5.1 Comments

-5.2 Comments Form



6. GENERAL STYLES



-----------------------------------------------*/







/*-----------------------------*/

/* 1. SETUP */

/*-----------------------------*/



/* 1.1 Defaults */



body  {

	font: 12px "Lucida Grande", Helvetica, Sans-serif;

	line-height: 1.5;  /*unitless for proper inheritance*/

	color: #333;

	background: url(images/bgtile.jpg) repeat left top;

}



h1, h2, h3, h4, h5, h6  {

	margin: 0;

	color: #000;

}



h1  {font-size: 18px} h2  {font-size: 16px} h3  {font-size: 16px}

h4  {font-size: 14px} h5  {font-size: 12px} h6  {font-size: 12px}



p  {margin: 18px 0;}



/* 1.2 Hyperlinks */



a:link, a:visited  { text-decoration: none; }

a:hover  {  }



h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,

h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {

	text-decoration: none;

}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}







/*-----------------------------*/

/* 2. SITE STRUCTURE & APPEARANCE */

/*-----------------------------*/



/* 2.1 Containers */



#container  {



}



.column  {

	float: left;

	padding-top: 20px;

	padding-bottom: 20px;

}



/* 2.2 Sites */



#sites  {

	width: 80px;

	padding: 12px 0 30px 0;

	font-size: 11px;

	text-align: center;

	background: #262626 url(images/sitestile.jpg) repeat-y left top;

}



#sites ul  {

	border-bottom: 1px solid #353535;	

}



#sites ul li a  {

	display: block;

	padding: 10px 0 8px 0;

	color: #ccc;

	border-top: 1px solid #353535;

	border-bottom: 1px solid #111;

}



#sites ul li a span.button  {

	display: block;

	width: 40px;

	height: 40px;

	margin: 0 20px 5px 20px;

	background: url(images/icons/sitesoverlay.png) no-repeat left top;

}



#sites ul li.twitter a span.button  { background-color: #66cccc; }

#sites ul li.facebook a span.button  { background-color: #336699; }

#sites ul li.delicious a span.button  { background-color: #0066cc; }

#sites ul li.lastfm a span.button  { background-color: #cc3366; }

#sites ul li.brightkite a span.button  { background-color: #B1D61F; }

#sites ul li.deviantart a span.button  { background-color: #53695D; }

#sites ul li.digg a span.button  { background-color: #1B5790; }

#sites ul li.flickr a span.button  { background-color: #FF0084; }

#sites ul li.friendfeed a span.button  { background-color: #BFD6F3; }

#sites ul li.linkedin a span.button  { background-color: #0B7CAC; }

#sites ul li.posterous a span.button  { background-color: #FFE071; }

#sites ul li.stumbleupon a span.button  { background-color: #46B663; }

#sites ul li.vimeo a span.button  { background-color: #4EBAFF; }

#sites ul li.youtube 

#sites ul li.tumblr a span.button  { background-color: #37536F; }



#sites ul li.empty a  { color: #666666; }



#sites ul li.empty a span.button  {

	background: url(images/icons/sitesempty.png) no-repeat left top;

}



/* 2.3 Logo */



#logo  {

	width: 60px;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

}



#logo h1, #logo h2  {display: none;}



#vcard  {

	position: relative;

	z-index: 200;

	margin: 0 0 20px 0;

}



#vcard a  {

	display: block;

}



#vcard .tooltip  {

	display: none;

	position: absolute;

	top: 6px;

	left: 43px;

}



/* 2.4 Navigation */



#navigation  {

	width: 160px;

	background: #cbcbcb url(images/navtile.jpg) repeat-y left top;

}



#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none; 

	line-height: 1;

	z-index: 100;

}



#nav li {

	border-top: 1px solid #d0d0d0;

	border-bottom: 1px solid #aeaeae;

}



#nav a:link, #nav a:visited {

	display: block;

	line-height: 38px;

	padding: 0 10px 0 20px;

	position: relative;

	z-index: 100;

	font-weight: bold;

	color: #333333;

}



#nav li.home a span  {

	display: block;

	background: url(images/icons/home.png) no-repeat 110px center;

}



#nav .current_page_item  {

	border-top: 1px solid #b1b1b1;

	border-bottom: 1px solid #b1b1b1;

}



#nav .current_page_item a, #nav .current_page_item a:hover  {

	color: #000;

	background: #fff url(images/navcurrent.jpg) repeat-y left top;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

}



#nav a:hover  {

	color: #000;

	background: url(images/navhover.png) no-repeat right center;

}



#nav li.search  {

	padding: 10px;

	border-top: 1px solid #d0d0d0;

	border-bottom: 1px solid #aeaeae;

}



#nav li.search input.field  {

	width: 130px;

	padding: 6px 0 6px 10px;

	border: none;

	background: url(images/searchbox.png) no-repeat left center;

}



#nav li.rss  {

	padding: 10px 8px;

	border-top: 1px solid #d0d0d0;

	border-bottom: 1px solid #aeaeae;

}



#nav li.rss a  {

	padding: 0;

	border: none;

}



#nav li.rss a:hover  {

	background: none;

}



#address  {

	padding: 14px 0 0 0;

	font-size: 11px;

	color: #333;

	border-top: 1px solid #d0d0d0;

	border-bottom: 1px solid #d0d0d0;

	background: url(images/addresstop.png) no-repeat left top;

}



#address ul  {

	padding: 0 0 0 20px;

	background: url(images/addressmiddle.png) repeat-y left top;

}



#address ul li  {

	padding: 5px 0 7px 0;

	line-height: 14px;

	background: url(images/addressdivider.png) no-repeat left bottom;

}



#address ul li.adr span  {

	display: block;

}



#address ul li.last  {

	padding-bottom: 0;

	background: none;

}



#address .bottom  {

	width: 160px;

	height: 19px;

	border-bottom: 1px solid #aeaeae;

	background: url(images/addressbottom.png) no-repeat left bottom;

}



/* 2.4.1 Drop-down menus */



/* 2.5 Content */



#content  {

	width: 600px;

	min-height: 700px;

	padding-left: 20px;

	padding-right: 20px;

	background: #fff;

}



.archivehead h2  {

	margin: 0 0 20px 0;

	text-align: center;

	font-size: 20px;

}



#intro  {

	margin: 0 0 20px 0;

	padding: 19px 19px 1px 19px;

	background: url(images/introtile.png) repeat left top;

}



#intro p  {

	margin: 0 0 19px 0;

	font-size: 16px;

	font-weight: bold;

	line-height: 25px;

	color: #000;

}



#intro p a:link, #intro p a:visited  {

	padding: 2px 5px;

	margin: 0 4px;

}



#intro p a:hover  {}



#articles .box  {

	margin: 0 0 -1px 0;

	background: url(images/dividers/top.png) no-repeat top center;

}



#articles .box .bot  {

	margin-top: -30px;

	width: 600px;

	height: 52px;

	background: url(images/dividers/bottom2.png) no-repeat -1px bottom;

}



#articles .item  {

	float: left;

	width: 280px;

	padding: 20px 0 0 0;

}



#articles .item.left  { margin-right: 20px; }

#articles .item.right  { margin-left: 20px; }



#articles .item .meta  {

	margin: 0 0 10px 0;

	color: #333;

	font-size: 11px;

	font-weight: bold;

}



#articles .item .meta a:link, #articles .item .meta a:visited  {

	color: #333;

}



#articles .meta .date  {

	padding: 0 10px 0 20px;

}



#articles .meta .comments  {

	padding: 0 0 0 10px;

	background: url(images/metadivider.png) no-repeat left center;

}



#articles .meta .comments a  {

	padding: 0 0 0 20px;

}



#articles .more-link  {

	margin: 0;

}



#articles .more-link a  {

	padding: 0 17px 0 0;

	border-bottom: 1px solid #99b2cc;

}



/* 2.6 Footer */



#footer  {

	width: 620px;

	margin: 15px 0;

	padding: 0 0 0 340px;

}



#footer p  {

	float: left;

	margin: 0 0 2px 0;

	color: #ccc;

}



#footer p a:link, #footer p a:visited  {

	color: #fff;

}



#footer img  {

	float: right;

	margin: 6px 20px 0 0;

}



/*-----------------------------*/

/* 3. WIDGETS */

/*-----------------------------*/



#widgets  {

	margin: 0 0 20px 0;

	background: url(images/dividers/top.png) no-repeat top center;

}



#widgets .bottom  {

	width: 600px;

	height: 59px;

	margin: -40px 0 0 0;

	background: url(images/dividers/bottom2.png) no-repeat top center;

}



#widgets .left  {

	float: left;

	width: 280px;

	margin: 0 20px 0 0;

}



#widgets .right  {

	float: left;

	width: 280px;

	margin: 0 0 0 20px;

}



.widget  {

	margin: 20px 0 0 0;

}



.widget h3  {

	margin: 0 0 15px 0;

}



.widget_default ul  {



}



.widget_default ul li  {

	font-weight: bold;

	background: url(images/widgetlibg.png) repeat-x left 14px;

}



.widget_default ul ul  {

	padding: 0 0 0 15px;

}



.widget_default ul ul li  {	background: none!important;

}



.widget_default ul li a:link, .widget_default ul li a:visited  {	line-height: 30px;

	padding: 0 10px 0 0;

	background-color: #fff;

}



.widget_recent_comments li  {

	background: none!important;

}



.widget_search #searchsubmit  {

	float: right;

	margin: 2px 3px 0 0;

}



.widget_search #s  {

	width: 130px;

	padding: 6px 10px 6px 10px;

	margin: 0 0 0 5px;

	border: none!important;

	background: url(images/searchbox.png) no-repeat left center;

}



#list-widget ul li  {

	font-weight: bold;

	background: url(images/widgetlibg.png) repeat-x left center;

}



#list-widget ul li a:link,

#list-widget ul li a:visited  {

	display: block;

	line-height: 30px;

}



#list-widget a span.name  {

	padding: 0 10px 0 0;

	background-color: #fff;

}



#list-widget a span.count  {

	display: block;

	float: right;

	width: 30px;

	height: 20px;

	padding: 0 0 10px 10px;

	text-align: center;

	font-size: 13px;

}



#list-widget ul li a:hover  {}



#comment-widget li  {

	margin: 0 0 10px 0;

}



#comment-widget .head  {

	height: 20px;

	padding: 4px 0 0 8px;

	background: url(images/recentcommenthead.jpg) repeat-x left top;

	border-style: solid;

	border-color: #999;

	border-width: 1px 1px 0 1px;

}



#comment-widget .head a  {

	color: #333;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

}



#comment-widget .body  {

	padding: 8px;

	border-style: solid;

	border-color: #999;

	border-width: 0 1px;

}



#comment-widget .foot  {

	position: relative;

	padding: 15px 0 0 30px;

	background: url(images/recentcommentfoot.png) no-repeat left top;

}



#comment-widget .foot .gravatar  {

	float: left;

	padding: 0 10px 0 0;

}



#comment-widget .foot .author  {

	float: left;

}



#comment-widget .foot .author span  {

	display: block;

	line-height: 14px;

	font-size: 11px;

	color: #666;

}



#comment-widget .foot .author span a  {

	font-size: 12px;

	font-weight: bold;

	color: #333;

}



.foot a.go  {

	position: absolute;

	display: block;

	top: 17px;

	right: 10px;

	height: 0;

	overflow: hidden;

	padding-top: 20px;

	width: 20px;

}





#calendar_wrap, #giraffe_calendar  {

	position: relative;

	width: 280px;

}



table#wp-calendar  {

	width: 280px;

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	border-collapse: collapse;

}



table#wp-calendar caption  {

	margin: 0;

	padding: 19px 0 5px 0;

	font-size:13px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}



table#wp-calendar thead  {

	display: none;

}



table#wp-calendar #prev a,

table#wp-calendar #next a  {

	display: block;

	padding: 15px 0 0 0;

	position: absolute;

	height: 0;

	width: 16px;

	overflow: hidden;

	top: 22px;

}



table#wp-calendar #prev a {left: 15px;background:url(images/calendarprev.png) no-repeat left top;}

table#wp-calendar #next a {right: 17px;background:url(images/calendarnext.png) no-repeat left top;}



table#wp-calendar tfoot  {

	padding: 0;

	height: 20px;

	width: 280px!important;

	height: 20px;

}



table#wp-calendar tfoot td  {

	display: block;

	padding: 0;

	border: none;

}



table#wp-calendar tbody  {

	display: block;

	padding: 0 0 5px 1px;

	background: url(images/calendarbg.png) no-repeat center bottom;

}



table#wp-calendar tbody td:first-child  {

	border-left: none;

}



table#wp-calendar tbody td  {

	width: 41px!important;

	vertical-align: middle;

	padding: 0!important;

	height: 29px;

	border-left: 1px solid #ccc;

}



table#wp-calendar tr  {

	height: 30px;

}



table#wp-calendar tbody td a:link,

table#wp-calendar tbody td a:visited  {	

	height: 23px;

	width: 36px;

	margin: 0 auto;

	padding: 2px 0 0 0;

	display: block;

}



table#wp-calendar tbody td a:hover  {}



#today  {}



#today a:link,

#today a:visited  {

	color: #fff!important;

}



#today a:hover  {

	color: #333!important;

}



table#wp-calendar #showit  {

	display: none;

}



#tags li  {

	float: left;

	margin: 0 8px 10px 0;

	padding: 0 0 0 20px;

	font-weight: bold;

	font-size: 11px;

}



#tags li a:link,

#tags li a:visited  {

	display: block;

	margin: 0 -2px 0 0;

	padding: 4px 10px 4px 0;

	color: #333;

}



#tags li:hover {

	opacity: 1.0 !important;

}



#flickr h3  {

	margin-bottom: 10px;

}



#flickr .flickr_badge_image  {

	margin: 4px 6px;

	float: left;

	width: 75px;

}



#twitter li  {

	margin: 10px 0;

}



#twitter a:link, #twitter a:visited  {

	display: inline;

	padding: 0;

	background-image: none;

	line-height: 18px;

}









/*-----------------------------*/

/* 4. POSTS */

/*-----------------------------*/



.post  {

	position: relative;

	margin: 0 0 20px 0;

	padding: 0 0 10px 0;

	background: url(images/dividers/single.jpg) no-repeat center bottom;

}



.post h2.title  {

	width: 480px;

	margin: 0 auto 20px;

	font-size: 24px;

	text-align: center;

}



.post h2.title a:link, .post h2.title a:visited  {



}



.post .meta  {

	padding: 9px 0 0 0;

	font-size: 11px;

	font-weight: bold;

	background: url(images/dividers/single.jpg) no-repeat center top;

}



.post .meta p  {

	margin: 0;

	padding: 0 0 9px 0;

	background: url(images/dividers/single.jpg) no-repeat center bottom;

}



.post .meta .date,

.post .meta .comments {	

	padding: 0 10px 0 0;

	margin: 0 8px 0 0;

	background: url(images/metadivider.png) no-repeat right center;

}



.post .meta .date span  {

	padding: 0 10px 0 20px;

}



.post .meta .comments a:link,

.post .meta .comments a:visited  {

	padding: 0 10px 0 20px;

}



.post .meta .category a:link,

.post .meta .category a:visited  {

	text-decoration: underline;

}



.post .tags span  {

	display: inline;

	margin: 0 7px 0 0;

	padding: 5px 0 6px 20px;

	font-weight: bold;

	font-size: 11px;

}



.post .tags span a:link,

.post .tags span a:visited  {

	margin: 0 -3px 0 0;

	padding: 5px 9px 7px 0;

	line-height: 30px;

	color: #333;

}



.entry  {



}



.pagenav  {

	float: left;

	width: 600px;

}



.pagenav.single  {

	position: absolute;

	top: 30px;

}



.pagenav.home  {

	float: none;

	margin: 10px 0;

}



.pagenav a:link,

.pagenav a:visited  {

	width: 50px;

	height: 19px;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

}



.pagenav .prev a  {

	float: left;

	padding: 3px 1px 0 20px;

}



.pagenav .next a  {

	float: right;

	padding: 3px 1px 0 10px;

}





/* 4.1 Typographic Elements */



.entry h1  {}

.entry h2  {}

.entry h3 {}

.entry h4 {}

.entry h5 {}

.entry h6 {}



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {

	margin: 0 0 15px 0;	

}



.entry blockquote  {

	padding: 10px 30px;

	color: #666;

}



.entry blockquote p  {

	margin: 0;

}



.entry ul  {

	margin: 0 0 20px 0;

	padding: 0 0 0 30px;

}



.entry ul ul  {

	padding: 0 0 0 15px;

	margin: 0;

}



.entry ul li  {

	list-style-type: circle;

}



.entry ul li ul li  {

	list-style-type: disc;

}



.entry ol  {

	padding: 0 0 0 30px;

}



.entry ol ol  {

	padding: 0 0 0 15px;

	margin: 0;

}



.entry  ol li  {

	list-style-type: upper-latin;

}



.entry  ol li ol li  {

	list-style-type: lower-latin;

}



/* 4.2 Images */



.entry img  {

	padding: 5px;

	border: 1px solid #333;

}



img.wp-smiley  {

	padding: 0;

	border: none;

}



.entry .alignleft  {

	float: left;

	margin: 10px 15px 10px 0;

}



.entry .alignright  {

	float: right;

	margin: 10px 0 10px 15px;

}



.entry .aligncenter  {

	text-align: center;

}







/*-----------------------------*/

/* 5. COMMENTSAREA */

/*-----------------------------*/



/* 5.1 Comments */



#comments  {

	margin: 0 0 10px 0;

	padding: 0 0 10px 0;

}



#comments ol  {



	background: url(images/dividers/single.jpg) no-repeat center bottom;

}



#comments .comments-title  {

	float: left;

	margin: 0 0 20px 0;

}



#comments .comments-title h3  {

	float: left;

	width: 460px;

}



#comments .comments-title a:link,

#comments .comments-title a:visited  {

	display: block;

	float: right;

	width: 130px;

	padding: 3px 5px;

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

	color: #fff;

}



#comments .comments-title a:hover  {

}



#comments ol.commentlist  {}



#comments ol.commentlist li {

	list-style-type:none;

	padding: 10px 0 5px 0;

}



#comments ol.commentlist li .wrapper  {

	padding: 10px;

	border: 1px solid #999;

}



#comments ol.commentlist li .comment-head {

	margin: -1px 0 10px 0;

	padding: 10px 0 0 50px;

	background: url(images/commentbubbletip.png) no-repeat 30px 0px;

}



#comments ol.commentlist li .comment-head .avatar img  {

	float: left;

	margin: 0 10px 0 0;

	border: 1px solid #ccc;

}



#comments ol.commentlist li .comment-head .user-meta  {

	float: left;

	line-height: 14px;

}



#comments ol.commentlist li .comment-head .user-meta span.name  {

	display: block;

	font-weight: bold;

}



#comments ol.commentlist li .comment-head .user-meta span.date  {

	font-size: 11px;

	color: #999;

}



#comments ol.commentlist li .comment-head .user-meta span.perma  {

	text-transform: uppercase;

	font-size: 11px;

	color: #999;

}



#comments ol.commentlist li .comment-entry p  {

	margin: 0 0 10px 0;

}



#comments div.reply a, .cancel-comment-reply { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; }



#comments ul.children { 

	margin:10px 0 0 0;

	padding:0 0 0 22px;

}



#comments ul.children li {

	padding-bottom: 0;

}



#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}

#comments .navigation a {

	display: block;

	padding: 5px 9px;

	margin-left: 4px;

	font-family:Georgia;

	font-weight:bold;

}



/* 5.2 Comments Form */



#respond  {

	margin: 0 0 20px 0;

	padding: 10px 0 0 0;

}



#respond h3  {

	margin: 0;

}



#respond .wrapper  {

	margin: 20px 0 0 0;

	padding: 5px 20px;

	background-color: #ccc;

}



#commentform  {



}



#commentform .details  {

	position: relative;

	float: left;

	width: 100%;

	z-index: 100;

	margin-top: -20px;

	padding: 0 0 20px 0;

	border-bottom: 1px solid #b2b2b2;

}



#commentform .details .image  {

	float: left;

	padding: 10px 0 0 50px;

	background: url(images/commentbubbletip.png) no-repeat 30px 0px;

}



#commentform .details .image img  {

	border: 1px solid #999;

}



#commentform .details .fields  {

	float: right;

	width: 360px;

	padding: 15px 0 0 0;

	text-align: right;

}



#commentform .details .fields p  {

	margin: 0 0 6px 0;

	font-size: 14px;

	font-weight: bold;

}



#commentform textarea  {

	width: 96%;

	padding: 10px;

}



#commentform textarea, #commentform input.text  {

	border: 1px solid #999;

}



#commentform input.text  {

	width: 240px;

	margin: 0 0 0 7px;

	padding: 7px 6px;

}



#commentform .formbottom  {

	margin: 0;

	padding: 10px 0;

	text-align: right;

	border-top: 1px solid #d9d9d9;

}



#commentform #submit  {

	padding: 4px 40px;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

	border: none;

}



/*-----------------------------*/

/* 6. GENERAL STYLES */

/*-----------------------------*/



.floatl  {float: left;}

.floatr  {float: right;}



.alignl  {text-align: left;}

.alignr  {text-align: right;}

.alignc  {text-align: center;}



/* http://sonspring.com/journal/clearing-floats */



html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}