/*
Theme Name: Android Patterns 2
Description: Android patterns
Author: Bart Schoenmakers & Shen-Hau Cheng
Author URI: www.unitid.nl
*/

/* Reset browser defaults */
/* @import "css/reset.css"; */


/* COLORS 
Font color				#363034
background footer 		#D9D9D9
Rood (links, ol li)		#FF0000
Headers main/sub		#999999
Headers main/sub:hover	#363034
background plusminus	#CCC
background headers sub	#E1E1E1
*/

/* Layout|||||||||||||||||||||||||||||||||||*/
html 					{height: 100%;}
body 					{margin: 0; background-image: url(images/bg_ruit.gif); 
					 	font-family: "Lucida Sans Unicode","Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; font-size: 12px; font-weight: lighter; color: #363034; text-decoration: none; line-height: 18px; padding: 0; width: 100%; height: 100%;}
#all 					{background-attachment: fixed; 
						 background: url(http://unitid.nl/androidpatterns/wp-content/themes/AndroidPatterns2/images/android.png) no-repeat fixed 50% 0%; background-image: url(http://www.androidpatterns.com/wp-content/themes/AndroidPatterns2/images/android.png); background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-position-x: 50%; background-position-y: 0%; background-origin: initial; background-clip: initial; background-color: initial; min-height: 100%; padding: 0; position: relative; margin: 0;}
#wrapper 				{width: 920px; margin: auto; padding: 0 0 250px 40px; overflow: auto; min-height: 100%; height: auto !important;
					 	height: 100%;}  
	#header 			{width: 920px; padding: 0; margin:0 auto 10px; /*height: 145px;*/ display: block;}
		#blog-title		{width: 330px; display: block;	float: left;}		
		#blog-title span a	{width: 320px; height: 105px;text-indent: -9000px;	display: block;	float: left;
						 background: url(http://unitid.nl/androidpatterns/wp-content/uploads/logo_open.png) no-repeat left bottom;}
		#poweredby 		{clear: both; float: left; margin: 4px 0 0 1px; font-size: 10px;}
	#main 				{width: 640px; float:left; display:inline; margin: 36px 20px 75px 0; clear:both;}
#main_index	#main 		{margin: 33px 20px 75px 0;}
		.content 		{padding:0 0 18px; margin: 0;}
#main_index .content	{width: 580px;}		
	.sidebar 			{margin: 17px 0 0; padding: 0; width: 250px; float: right;}
	form#searchform		{padding: 0 0 18px;}
.footer_wrapper			{clear: both; font-size: 11px; width: 100%; min-width: 960px; padding: 0;margin: 20px auto auto; background: #D9D9D9; height: 250px;
					 	 position: absolute; bottom: 0;}
	#footer 			{width: 920px; margin: auto; padding: 20px 0 20px 40px; background: #D9D9D9;} 
	.footer_bottom		{clear: both; width: 880px;	height: 100%; padding: 30px 0 0;}
	.footer_category_nav{width: 200px; margin: 0 20px 20px 0;}
	
/* sidebar */	
.sidebar li 			{list-style-image: none; list-style: none; }
.sidebar li.widgetstart {margin: 19px 0 18px;}
.sidebar li.widget, .sidebar li.RSS-link, .sidebar li.contribute		{margin: 1em 0 2em;}
.listing li				{list-style-image:none; list-style:none;}
.listing li a			{background: url(images/bullit.png) no-repeat left; padding: 0 0 0 14px;margin:0 0 0 2px;}
.listing li a:hover		{background: url(images/bullit_red.png) no-repeat left; padding: 0 0 0 14px;margin: 0 0 0 2px}

.sidebar ul.listing		{margin: 1em 0 2em;	}
.image_row				{clear: both;}
.sidebar 				{padding-bottom: 20px;}
.sidebar .contribute a	{border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #363034; color: #363034;
								 text-decoration: none; font-weight: bold;	}
.sidebar .contribute a:hover					{border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #FF0000; color: #FF0000;
								 text-decoration: none;	}
/* footer */
  
 
/* PATTERN PAGE*/
/* content */
#main .content h1 				{padding-bottom: 19px; margin-bottom: 18px; background-image: url(images/stippellijn.png); 
						 		 background-repeat: repeat-x; background-position: bottom;}
.content .uap_pattern ol		{line-height: 18px;margin: 18px 0 ;padding: 0 0 0 16px;}
.content .uap_pattern ul		{line-height: 18px;margin: 18px 0 ;padding: 0 0 0 16px;}
.content .uap_pattern ul li		{margin	: 0 0 0 10px; font-weight: normal;}
.content .uap_pattern ol li 	{margin	: 0 0 0 10px; color: #FF0000; font-weight: bold;}
.content .uap_pattern ol li p	{color: #363034; font-weight: normal; margin: 0; }
/* when to use */
.use_when 						{margin-top: 16px; padding-top: 22px; background-image: url(images/stippellijn.png); 
								 background-repeat: repeat-x; background-position: top;}
/* plusminus |||||||||||||||||||||||||||||||||||*/
.plusminus 						{clear: both; margin-top: 18px; padding-top: 14px; margin-bottom: 40px;}
.plus, .minus					{width:280px; float: left; margin:0 20px 30px 0; display: inline;}
.plus h3						{font-size: 14px; background-image: url(images/plus_bg.png); background-repeat: no-repeat; display: block;
								 padding-left: 26px; padding-top: 2px; padding-bottom: 2px;}
.minus h3						{font-size: 14px; background-image: url(images/min_bg.png); background-repeat: no-repeat; display: block;
								 padding-left: 26px; padding-top: 2px; padding-bottom: 2px;}
.plusminusForm					{width: 220px; background-color: #CCC; padding: 5px;margin:0 0 0 21px;}
/*.plusminus .toggle				{padding: 0 0 0 26px;}*/
.plusminus ul					{margin: 15px 0 0 ;padding: 0 0 0 16px;}
.FBPcomments				 	{margin: 0 0 18px;}
.plusminus .FBPcomments ul		{margin: 0 ;padding: 0 0 0 16px;}
.plusminus li 					{margin-left: 10px;}
.minus .plusminusForm form h4 	{font-size: 14px; font-weight: normal; background-image: url(images/min_bg.png); 
								 background-repeat: no-repeat; display: block; padding-left: 26px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px;	margin-bottom: 10px;}
.plus .plusminusForm form h4 	{font-size: 14px; background-image: url(images/plus_bg.png); background-repeat: no-repeat; display: block;
								 padding-left: 26px; padding-bottom: 2px; margin-bottom: 10px; margin-top: 2px;}
/* examples */
.examples						{clear: both; margin-top: 17px;	padding-top: 22px; background-image: url(images/stippellijn.png); 
								 background-repeat: repeat-x; background-position: top;}
.example_2, .example_3			{clear: both; margin-top: 18px; padding-top: 18px; background-image: url(images/stippellijn-klein.png);
								 background-repeat: repeat-x; background-position: top;}
.image_portrait					{float: left; margin: 0 20px 30px 0; width: 180px; display:block; }
.image_landscape				{float: left; margin: 0 20px 30px 0; width: 300px; display:block; }
.image_grid img					{border: solid 2px #363034;}
.examples h2					{margin: 0 0 1em;}
/*.image_grid						{overflow: hidden;}*/
/* comments */
.commentsection					{margin-top: 17px; padding-top: 22px; background-image: url(images/stippellijn.png); 
								 background-repeat: repeat-x; background-position: top; clear: both;}
.commentsection label 			{vertical-align: top;}

/* BREADCRUMBS*/
.breadcrumbs					{margin: 0 0 3em 0;}

/* HOMEPAGE ||||||||||||||||||*/
#main .category-link a h2		{color: #363034; line-height: 21px;}
#main .category-link a:hover h2	{ color: #FF0000 ;}
#main .category-link a p		{padding: 5px 0; margin: 5px 0 0;}
#main .category-link a, #main .subcategory-link a, #main .category-link a:hover, #main .subcategory-link a:hover{border: 0px hidden;}
#main .category-link a img, #main .subcategory-link a img{border: 2px solid; border-color: #363034;}
#main .category-link a:hover img, #main .subcategory-link a:hover img{border-color: #FF0000;}
.category-link					{float: left; display: inline;	margin: 0 16px 35px 0;width:184px;}

/* Category page ||||||||||||||||| */
.subcategory-link p							{margin: 0;}
#main .category-page h2						{margin: 0 0 8px;}
#main .subcategory-link a 					{/*padding: 5px 0 10px 0;*/	color: #363034;}
#main .subcategory-link a:hover 			{padding: 5px 0 10px 0;	color: #FF0000;}
.subcategory								{clear: both; padding: 10px 0 12px;}
.subcategory-link							{float: left; display: inline;	margin: 0 0 0 14px;width:184px;}
.category-page h3							{padding: 5px 14px; margin: 0 0 12px; background: #E1E1E1; clear:both; cursor: pointer;}
.subcategory h4								{padding: 0 0 16px 0;}
.subcategory-link h4						{padding: 0 0 18px 0; height: 2.5em}
.subcategory-link h2, .category-link h2		{margin: 0 ; }
.cat_description p 							{margin: 20px 0 16px;}
.subcategory-link a h4						{color: #363034; line-height: 18px; height: 36px;}
.subcategory-link a:hover h4				{color: #FF0000;}
.subtaxonomy .subcategory-link				{margin: 0 14px 0 0;}
.cat_description 							{margin: 0 0 4em;}
/* Typography ||||||||||||||||||||*/
h1, h2, h3, h4, h5 				{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e2e2e; 
								 font-weight: lighter; margin: 0;}
a								{text-decoration: none; color: #363034;}
.sidebar .RSS-link a img		{border: 0px;}
a:hover							{text-decoration: underline; color: #FF0000; }
#main h1 						{font-size: 21px; font-weight:normal; color: #363034;}
#main h2 						{font-size: 18px; font-weight:normal; color: #363034;}
.sidebar h3 					{font-size: 16px; /*background-image: url(images/overons.png);*/ display: inline; margin: 0 0 1em;}
#main a 						{border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #363034; color: #363034;
								 text-decoration: none; font-weight: bold;	}
#main a:hover					{border-bottom-width: 1px; border-bottom-style: dotted;	border-bottom-color: #FF0000; color: #FF0000;
								 text-decoration: none;	}
								 
#main .plusminus a 				{border-bottom-width: 0px; border-bottom-style: dotted;	border-bottom-color: #363034; color: #363034;
								 text-decoration: none; background: url(images/bullit.png) no-repeat left;padding: 0 0 0 16px;margin: 0 0 0 10px;	}
#main .plusminus a:hover		{border-bottom-width: 0px; border-bottom-style: dotted;	border-bottom-color: #FF0000; color: #FF0000;
								 text-decoration: none;	background: url(images/bullit_red.png) no-repeat left;padding: 0 0 0 16px;margin:0 0 0 10px;}
h3								{font-size: 14px; line-height: 21px;}
h4								{font-size: 14px;font-weight: bold;}
.examples strong				{font-weight: bold;	color: #FF0000;}
 input, textarea 				{border: 1px dotted #666;} 

#poweredby a 					{font-size: 10px; font-weight: bold; color: #363034;}

.index p						{margin: 0 0 1.5em;}
.index 						{background-image: url(images/stippellijn.png);background-repeat: repeat-x; background-position: bottom;}
.overview_nav				{margin: 3em 0 0;}


/* SEARCH */
.search .subcategory-link		{margin: 0 14px 0 0;}


/*typography footer*/
#footer h1						{font-size: 12px; font-weight: bold; color: #363034;}
#footer .footer_category_nav a	{font-size: 11px; font-weight: normal; color: #666666; text-decoration: underline; }
#footer .footer_category_nav a:hover {color: #363034;}
#footer .footer_bottom a 		{font-weight: bold;	color: #FF0000; clear:both;}
.footer_category_nav			{float: left;}
.footer_category_contribute		{float: left; display: block; width: 200px;color: #666666;}
.footer_category_contribute a	{text-decoration: underline;}

/*feedback_blurb*/
#feedback_blurb					{height: 97px; width: 155px; background-image: url(http://unitid.nl/androidpatterns/wp-content/uploads/comments_new6.png); background-repeat: no-repeat;
								 padding: 5px 15px 20px 70px;	 float: right;	background-position: right bottom; 	font-size: 12px; line-height: 16px; }
#feedback_blurb h2				{padding: 28px 0 10px 0; font-size: 20px; line-height: 14px; font-weight: bold;	
								 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#feedback_blurb ul 				{display: inline;}
#feedback_blurb li 				{display: inline;}
#feedback_blurb a 				{line-height: 16px;	font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
								 color: #FF0000;}
em								{font-style:italic}
p								{margin: 1.5em 0;}

#main .page a.download_toolkit{/*border-bottom: 0px; background: url(images/download_toolkit_n.png) no-repeat; padding: 8px 14px ;*/  font-size: 18px;	text-decoration: none;  margin: 2em 0 1em;
}
#main .page a.download_toolkit:hover{/*background: url(images/download_toolkit_hover_n.png) no-repeat; color: #363034;*/
	
}
/* LISTS */
ul, li							{margin: 0;	padding: 0;}
ul li  							{list-style-image: url(images/bullet.png); line-height: 18px;}
ol								{line-height: 18px; margin: 18px 0;}
.page ul li						{margin: 0 0 0 16px;}
.page .sidebar ul li					{margin: 0 ;}
/* SEARCH */
.search h1 						{margin-bottom: 18px;}
.category-page h3.off 			{background: #E1E1E1 url(images/plusheader.gif) no-repeat 610px;}
 .category-page h3.on 			{background: #E1E1E1 url(images/minheader.gif) no-repeat 610px;}
/* SOCIAL BUTTONS */
.social
{
position:relative;
top:95px;
}
.socialbutton
{
float:left;
width:95px;
height:18px;
margin:5px;
}
#facebook
{
width:85px;
}
/* RECENT TWEETS */
.tweet, .query {
  font-family: "Lucida Sans Unicode","Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
  font-size: 12px; 
  font-weight: bold;
  color: #363034; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: transparant; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
	   .tweet .tweet_text {
		   font-weight: lighter;
	   }
      .tweet .tweet_text a, .query .tweet_text a {
        color: #FF0000; }
		
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: transparant; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em; 
      border-bottom-width: 0px;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; border-bottom-width: 0px; }
		.tweet_time a {
	visibility: visible;
	text-decoration: none;
	font-size: 10px; 
	color: #363034;
	display: block; <-creates line-break b/f & after
	text-align: right; <-aligns time-stamp to the right
	target-name: new;
}



/*////// Guest author //////*/

/* sidebar */
.sidebar li.guest_author{margin: 19px 0 18px 0; padding:10px; background-color:#E1E1E1;}
.sidebar li.guest_author .guest_author_image img{border:2px solid #999; margin-top:10px;}
.sidebar li.guest_author .guest_author_text a{color:#F00;}
.sidebar li.guest_author .guest_author_text a.name{color:#000; font-size:14px; padding-bottom:3px; float:left; width:100%;}
.sidebar li.guest_author .guest_author_text a.name:hover{color:#F00;}

div.stippellijn{background-image: url("images/stippellijn.png"); background-position: center top; background-repeat: repeat-x; width:100%; float:left; height:12px;}



/*////// Author //////*/
div#single_author_icons{float:right;}
span.linkedin{background-image:url(images/icon_linkedin.jpg); width:20px; height:20px; float:left;}
span.twitter{background-image:url(images/icon_twitter.jpg); width:20px; height:20px; float:left; margin-left:5px;}

div#single_author_wrapper{background-color:#d9d9d9; width:610px; float:left; padding:15px; line-height:20px; margin-bottom:10px;}
#single_author_text{float:left; width:600px; margin-top:10px;}
#single_author_text span{float:left; width:450px;}
#single_author_text span.single_author_name{font-size:14px;}
#single_author_text span.single_author_profession{font-size:11px;}
#main span.single_author_url, #main span.single_author_url a{font-size:11px; font-weight:normal;}
span.single_author_publicationdate{margin-top:20px; float:left;}
a span.banner{display:none;}


/* guest author */
.guest_author div#single_author_arrowguest{background-image:url(images/arrow_guesteditor.jpg); width:84px; height:19px; float:left; background-color:#F00;}
.guest_author #single_author_avatar{float:left;}
.guest_author #single_author_avatar img{border:3px solid #999;}
.guest_author div#single_author_text span{padding-left:20px;}
.sidebar a.next_guest_editor{float:left; background-image:url("images/wanttobethenext.png"); width:220px; height:58px; display:block; border-bottom:0px; margin-bottom:15px;}
#main a.next_guest_editor{float:right; background-image:url("images/wanttobethenext.png"); width:220px; height:58px; display:block; border-bottom:0px; margin-bottom:5px;}

#page_guest_author{width:100%; float:left; background-image:url("images/stippellijn.png"); background-position:center top; background-repeat:repeat-x;}
#page_guest_author #page_guest_author_container{background-color:#d9d9d9; width:95%; float:left; margin-top:20px; padding:15px; padding-top:20px; margin-bottom:20px;}
#page_guest_author #page_guest_author_image{width:242px; height:150px; float:left; margin-right:20px; }
#page_guest_author #page_guest_author_info{width:320px; float:left; height:150px;}
#page_guest_author #name_author{width:200px; float:left; font-weight:bold; font-size:16px; margin-bottom:3px;}
#page_guest_author #social_author{width:45px; height:20px; float:right; text-align:right; position:absolute; z-index:10; margin-left:560px;}
#page_guest_author #social_author span{}
#page_guest_author #job_author{width:350px; float:left; font-size:11px;}
#page_guest_author #entry_author{width:100%; float:left; margin-top:10px;}
#page_guest_author #entry_author .entry_author_list li{line-height:23px; list-style-image: url("images/bullit.png");}
#page_guest_author #entry_author .entry_author_list a{font-weight:normal;}
#page_guest_author #bio_author{width:100%; float:left; margin-top:15px;}
#page_guest_author #bio_author h2{margin-bottom:3px;}
#page_guest_author #bio_author span{line-height:23px;}

/* shared by */
.shared_author div#single_author_arrowshared{background-image:url(images/arrow_sharedby.jpg); width:84px; height:19px; float:left; background-color:#F00;}
.shared_author #single_author_text{float:left; width:100%; margin-top:10px;}
.shared_author div#single_author_wrapper{width:440px;}
div#share_your_pattern{width:163px; float:left; height:160px;}
div#share_your_pattern a.share_your_pattern{background-image:url(images/share-your-pattern.png); width:163px; height:36px; float:left; margin-top:120px; text-decoration:none; border-bottom:0px;}