/*
Theme Name: Xebidy Social Web Design
Theme URI: http://xebidy.com
Description: Wicked design.
Version: 2.0
Author: Mat Weir
*/
html { background: #D2BC8A url(images/background.gif) repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #454950; }
body { background: url(images/background.jpg) no-repeat center top; margin: 0; min-width: 990px; padding-top: 22px; }

h2 { font-size: 20px; line-height: 20px; margin: 15px 0 11px 0; font-weight: bold; text-transform: uppercase; color: #B60000; }
h1, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; margin: 1px 0 10px; font-weight: normal; color: #B7091F; line-height: 35px; }
h1 a, h3 a { border: 0; }
h4 { font-size: 18px; margin: 15px 0; font-weight: normal; text-transform: lowercase; color: #B7091F; }
h5 { font-size: 18px; margin: 15px 0; font-weight: normal; color: #353535; }
h6 { color: #B7091F; }

a { border-bottom: 1px solid #ddd; color: #353535; text-decoration: none; }
a:hover { border-bottom: 1px solid #353535; }
a strong, strong a, a:hover strong, strong a:hover { border: 0; color: white; text-transform: uppercase; padding: 2px 4px; background: #242324; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }

hr { height: 1px; border: 0; background: #D1D1D1; color: #D1D1D1; clear: both; }
.hr { height: 6px; background: url(images/hr-dots.png); clear: both; margin: 10px 0; }
.hr hr { display: none; }

ul { margin-left: 20px; }
ul li { list-style: square; line-height: 24px; }

blockquote { font-size: 15px; font-style: italic; color: #0E0E0E; background: url(images/quotation-open.gif) top left no-repeat; margin: 20px 0; padding: 0 0 0 25px; }
blockquote p { background: url(images/quotation-close.gif) bottom right no-repeat; padding: 0 25px 0 0; }

.left, .alignleft { float: left; }
.right, .alignright { float: right; }

td.right { float: none; text-align: right; }

.primary { float: left; width: 695px; overflow: hidden; min-height: 1px; }
.secondary { float: left; width: 231px; overflow: hidden; margin-left: 12px; min-height: 1px; }

.row { overflow: hidden; clear: both; padding: 0 4px; }
.row .column { width: 301px; margin-right: 20px; float: left; min-height: 1px; }
.row .wide { width: 622px;}
.row .last { margin-right: 0; }

.button { display: block; background: url(images/button-off.png); width: 162px; padding-right: 20px; text-align: center; height: 37px; border: 0; line-height: 37px; color: #B60000; text-transform: lowercase; }
.button:hover {  background: url(images/button-on.png); border: 0; }

.content { width: 952px; margin: 0 auto; position: relative; }

input[type="text"], input.text { width: 320px; height: 25px; padding: 12px 10px 0; border: 0 !important; background: url(images/input-background.png) !important; }
textarea { width: 462px; height: 99px; padding: 12px 10px; border: 0 !important; background: url(images/textarea-background.png) !important; }

#container {  }

#header { background: url(images/body-top.png) no-repeat top center; height: 354px; position: relative; }

	#logo { position: absolute; top: 38px; left: 8px; margin: 0; }
	#logo a { border: 0; }

	.nav ul { margin: 0; padding: 0; position: absolute; right: 0px; top: 123px }
	.nav ul li { float: left; list-style: none; line-height: 43px; height: 39px; width: 95px; margin-left: 1px; text-align: center; background: url(images/tab.png) no-repeat; }
	.nav ul li a { font-size: 13px; color: white; display: block; border: 0; text-transform: capitalize; font-weight: bold; }
	.nav ul li a:hover { color: silver; }
	.nav ul li.current_page_item a, ul.nav li a:hover { color: black; border: 0; }
	



#body { background: url(images/body-middle.png) repeat-y top center; min-height: 1000px; position: relative; }

	#body .content { top: -177px; padding: 1px 0px; }
	
	#introduction { height: 300px; background: url(images/feature-background.png) no-repeat 0 55px; position: relative; overflow: hidden; }
	#introduction h1 { font-family: Arial; color: #484848; font-size: 16px; line-height: 20px; margin: 0; padding: 0 4px; }
	#introduction h2 { color: #FFFFFF; font-size: 12px; text-transform: lowercase; position: absolute; top: 56px; left: 40px; margin: 0; line-height: 26px; }
	#introduction h3 { position: absolute; top: 90px; left: 0; }
	#introduction h3, #introduction h3 a { color: #FFFFFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border: 0; }
	#introduction p { color: #FFFFFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; position: absolute; top: 122px; left: 0; width: 570px; }
	#introduction ul, #introduction li { margin: 0; padding: 0; list-style: none; width: 870px; height: 300px; }
	#introduction ul { display: none; }
	.ready #introduction ul { display: block; }
	#introduction li { position: relative; overflow: hidden; margin-right: 0px; }
	#introduction .screenshot { position: absolute; top: -5px; right: 0; width: 291px; height: 295px; overflow: hidden; }
	#introduction .overlay { position: absolute; top: 5px; right: 0; width: 100%; height: 100%; z-index: 10; background: url(images/mac.png); }
	#introduction .screenshot img { position: absolute; top: 17px; left: 12px; }
	#introduction .button { position: absolute; top: 200px; left: 380px;}
	
	#teasers { margin-bottom: 50px; }
	#teasers .column {  }
	#teasers .column img { float: right; margin: 0 0 5px 15px; }
	#teasers .column p { text-align: left; }
	
	#main { width: 622px; }
	
		#xebidy-blog { margin: 0 0 20px 0; padding-bottom: 16px; position: relative; background: url(images/hr-dots.png) repeat-x bottom; }
		#xebidy-blog img { position: absolute; top: 0; left: 0; }
		#xebidy-blog h2, #xebidy-blog p { margin: 0; }
		#xebidy-blog h2 { font-size: 26px; padding: 0 0 5px 0; line-height: 26px; }
		#xebidy-blog p { font-size: 16px; color: #666; }
		
		.commentlist { margin: 5px 0 25px; padding: 0; }
		.commentlist li { list-style: none; position: relative; overflow: hidden; min-height: 115px; }
		.commentlist li.alt { background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.commentlist .eg-image { position: absolute; top: 26px; right: 5px; }
		/* this looks cool but doesn't work because non-existing avatars come in as 1x1px images  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #DDD; background: #EEE; padding: 3px; line-height: 1px; */
		.commentlist .eg-image a { border: 0; }
		.commentlist cite {  }
		.commentlist .meta { height: 20px; padding: 5px 10px; line-height: 20px; }
		.commentlist .meta a { border: 0; }
		.commentlist .commentmetadata { position: absolute; top: 5px; right: 10px; }
		.commentlist .comment { padding: 5px 100px 0 10px; }
		
		#commentform p { overflow: hidden; margin: 0.5em 0; }
		#commentform input, #commentform textarea { float: right; }
		#commentform label { width: 272px; line-height: 37px; display: block; text-align: right; }
		#commentform label:after { content: ":"; }
		#commentform label small { font-size: 14px; }
		
		.navigation { margin: 15px 0 50px; border: 1px silver #DDD; background: #EEE; padding: 0 7px; font-size: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
		.navigation a { border: 0; }
		
	#side { margin-top: -29px; } 
		
		#side h3 { margin: 30px 0 10px; }
		#tag-cloud p { text-align: center; }
		#Search  #s {background:transparent url(images/search-bg.jpg) no-repeat scroll 0 0 !important;}		
		#twitter { margin: 30px 0 0 0; text-align: right; }
			#twitter p { background: url(images/twitter-background2.png) no-repeat; padding-top: 10px; }
			
		#tweet { text-align: left; padding: 5px 0 5px 67px; background: url(images/twitter-background.png); }
			#tweet p { background: none; padding: 0; }
			
		.box { background: url(images/noise.png) #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; line-height: 20px; }
			
			.box h3 { color: white; margin: 0; }
			.box a { color: black; margin: 0; font-size: 14px; border: 0; }
			.box .post-stats { background: url(images/calendar-sm.png) no-repeat 2px 3px; font-size: 12px; line-height: 18px; font-style: italic; padding: 0 0 0 15px; display: block; font-weight: normal; }
			.box .author, .box .author a { font-size: 12px; color: #353535; float: none; margin: 0; }
			.box ul { margin: 0; }
			.box li { padding: 10px 10px; list-style: none; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 22px; }
			.box .clickable { cursor: pointer; }
			.box .clickable:hover { background: url(images/black-10p.png); }
			.box .hr { margin: 0; height: 2px; background: url(images/hr-line.png) repeat-x bottom; }
			
	.legal { margin-top: 250px;}

#bottom { background: url(images/body-bottom.png) no-repeat bottom center; height: 230px; }

	#bottom .content { height: 230px; }
	#choochoo { position: relative; top: -90px; margin: 0 auto; height: 230px; width: 750px; }

#footer { width: 952px; margin: 0 auto; color: white; }

	#footer h5 { color: #FFFFFF; font-size: 24px; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; background: url(images/hr-line.png) repeat-x bottom; margin: 5px 0; line-height: 34px; }


/* Posts */
.post { position: relative; }
.author, .comment_details { float: left; margin-bottom: 15px; color: #aaa; font-size: 12px; line-height: 12px; }
.author a, .comment_details a { color: #aaa; }
.postContent { clear: both; padding-left: 84px; }
.entry { padding-right: 25px; }
.title { padding-left: 84px; }
.post_date { position: absolute; top: 0; left: 0; width: 73px; height: 0; background: url(images/calendar.png); padding-top: 77px; overflow: hidden; }
.post_date img { position: absolute; top: 0; left: 0; }
.tags { margin: 15px 0 50px 78px; border: 1px silver #DDD; background: #EEE; padding: 0 7px; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: right; }
.tags a { border: 0; }
.tags, .tags a { color: #888; }
#sharepost a { border: 0; }
.page #sharepost { display: none; }

#contact .column {width:46% !important;}

.pagination * { float: left; margin: 0 1px; padding: 0 4px; min-width: 14px; text-align: center }
.pagination a { border: 1px solid silver; }
.pagination a:hover { background: silver; color: white; }

/* Clients */
.overview { margin:0 0 10px;overflow:hidden; }
.overview ul { margin:10px 5px; }
.overview ul li { list-style-type:none; }
.overview ul li ul { margin: 0 0 0 40px; float: none; }
.overview ul li ul li { list-style-type:square; }
.overview img { float: right; }

.clients { padding-top: 7px; }
.clients .clientThumb { padding: 4px; border: 1px silver solid; line-height: 1px; margin: 0 10px; }
.clients .post { position: relative; overflow: hidden; margin: 5px 0; float: left; width: 280px; margin: 0 15px; }
.clients .archivePost { padding: 10px; }
.clients .archivePost .entry { padding: 0; }
.clients h2 { position: absolute; top: 90px; left: 3px; height: 30px; margin: 0; background: url(images/clients/heading-bg.png) no-repeat; padding: 10px; line-height: 15px; }
.clients h2 a { color: white; font-size: 12px; border: 0; }

/* Calendar */
#wcompprop0 td, #wcompprop0 th {border: 0;}
#wcompprop0 a {cursor:pointer !important;}
span.amrical_credit {display:none;}