/*  
Theme Name: AntiSocial
Version: 1.1
Description: Designed by <a href="http://www.wicked-wordpress-themes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.wicked-wordpress-themes.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
-5.3 Pingbacks

6. GENERAL STYLES

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



/*-----------------------------*/
/* 1. SETUP -- http://www.wicked-wordpress-themes.com */
/*-----------------------------*/

/* 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 -- http://www.wicked-wordpress-themes.com  */
/*-----------------------------*/

/* 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 a span.button  { background-color: #D31B1B; }
#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, #nav .current-cat {
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}

#nav .current_page_item a, #nav .current_page_item a:hover, #nav .current-cat a, #nav .current-cat 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 -- http://www.wicked-wordpress-themes.com  */
/*-----------------------------*/

#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;
	overflow:hidden;
}

#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 -- http://www.wicked-wordpress-themes.com  */
/*-----------------------------*/

.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 -- http://www.wicked-wordpress-themes.com  */
/*-----------------------------*/

/* 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;
}

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 20px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-----------------------------*/
/* 6. GENERAL STYLES -- http://www.wicked-wordpress-themes.com  */
/*-----------------------------*/

.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;
}