/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#site-thumb img { display: block; width: 0; height: 0; }
.float-left { display: block; float: left; }
.clear { display: block; clear: both; }

.padding-right-16 { padding-right: 16px; }

.fb-spacer { display: block; height: 10px; font-size: 10px; }

.hide-overflow { overflow-x: hidden; }
.excerpt-hr { border-bottom: 1px solid #d3d3d3; margin-bottom: 35px; }
.syntax-highlighting-height { max-height: 500px; overflow-y: scroll; }

.clear { clear: both; }
.clear-right { clear: right; }
.post ul { margin-top: -10px; }
.stepcarousel a { font: bold 110% Georgia; letter-spacing: 0.05em; color: #ff6600; }

#accordion-list li { background-image: none!important; }

.light-font ul, .light-font p { margin: 0px; padding: 0; }
.light-font li { background-image: none!important; }

.accordion-header { cursor: pointer; font-size: 20px; }
.accordion-header:hover { text-decoration: underline; }
.accordion-collapsible { /*display: none;*/ }

.entry a { text-decoration: underline!important; }
.entry a:hover { text-decoration: none!important; }


.widget { position: relative; float: right; z-index: 1; margin: 0!important; padding: 0!important; }

.widget_twitter {  
	display: block; 
	position: relative; 
	z-index: 1; 
	margin: 0 50px 10px 0!important; 
	padding: 0!important; 
}


.widget_twitter #im-on-twitter { display: block; cursor: default; height: 71px; line-height: 71px; margin: -45px -5px -25px 0; }

	.widget_twitter #twitt_image { float: left; height: 71px; padding: 0; margin: -25px 0 0 0; position: relative; z-index: 2; }
	.widget_twitter #twit_text { font-size: 20px; letter-spacing: 1px; }
		#twit_text a { color: #cc0066; }
	

#twitter_timeline { 
	position: absolute; 
	background-color: #f0eee1; 
	display: none; 
	width: 300px;
	margin: 5px 0 0 10px;
	-moz-box-shadow: 0px  2px 18px #666;
	-webkit-box-shadow: 0px 2px 18px #666;
	box-shadow: 0px 2px 18px #666; 
}

#follow-twitterapi { 
	background: #949387; 
	text-align: right;
	display: block;  
	padding: 10px;
}

#twitter_update_list { height: 500px; overflow: hidden; overflow-y: scroll; }
	#twitter_update_list li { clear: both!important; display: block!important; position: relative; padding: 10px 10px 10px 20px!important; background-position: 2px 15px; }
	#twitter_update_list li span { position: relative; display: block!imporant; }
	#twitter_update_list a { color: #cc0066; }
	#twitter_update_list a:hover { text-decoration: underline; }
	



#tabs { margin: 0 0 -2px 0; height: 45px; }
	#tabs b { display: block; float: left; margin: 0px; background: #fff; font-weight: normal; }
		#tabs b.active { background: #e0d3e3; }
		#tabs b.active a { color: #663366; }
		#tabs b.inactive a:hover { background: #f5edf6; }
		
	#tabs b a { display: block; color: #a989b0; padding: 10px; border: 1px solid #d3d3d3; text-decoration: none; height: 25px; line-height: 25px; }
	#tabs b a:hover { background: #f5edf6; }

.tab { clear: both; width: 100%; height: 250px; margin: 0; padding: 0!important; overflow: hidden; overflow-y: scroll; background: #fff; border: 1px solid #d3d3d3; }
	.tab li { font-weight: normal; padding: 10px!important; margin: 0!important; border-bottom: 1px dotted #d3d3d3; cursor: pointer; color: #663366; background-image: none!important; }
		.tab li:hover { background: #e0d3e3; }
	.tab li.selected { background: #956a99; color: #fff; }
		.tab li.selected:hover { background: #b592b8; color: #fff; }
		
#sel-cat-tab { margin: 0 0 -2px 0; height: 45px; }
	#sel-cat-tab b { display: block; float: left; margin: 0px; background: #fff; font-weight: normal; }
		#sel-cat-tab b.active { background: #e0d3e3; }
		#sel-cat-tab b.active a { color: #663366; }
		#sel-cat-tab b.inactive a:hover { background: #f5edf6; }
		
	#sel-cat-tab b a { display: block; color: #a989b0; padding: 10px; border: 1px solid #d3d3d3; text-decoration: none; }
	#sel-cat-tab b a:hover { background: #f5edf6; }
#selected-categories-single { clear: both; width: 100%; height: 250px; margin: 0; padding: 0!important; overflow: hidden; overflow-y: scroll; background: #fff; border: 1px solid #d3d3d3; }
	#selected-categories-single li { font-weight: normal; padding: 10px!important; margin: 0!important; border-bottom: 1px dotted #d3d3d3; cursor: pointer; color: #663366; background-image: none!important; }
		#selected-categories-single li:hover { background: #e0d3e3; }
	#selected-categories-single li.selected { background: #956a99; color: #fff; }
		#selected-categories-single li.selected:hover { background: #b592b8; color: #fff; }