/* @override 
	http://www.makemac.com/wp-content/themes/makemac3/style.css */

/*
Theme Name: Makemac
Author: Makemac

Created for the glory of Apple, iOS and OS X!!

*/

@import url(http://fonts.googleapis.com/css?family=Varela+Round|Open+Sans);

/* Default */
body {
	font: 13px/1.692 Helvetica,"Lucida Sans",Arial,Sans-Serif;
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 25px;
}
h2 {
	font-size: 36px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}
li {
	margin-left: 0;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
}
/* network */
#anchor_network{
	font-weight:bold;
	color:#d2d1d1;
	letter-spacing:-1px;
	font-size:14px; line-height:14px;
}
#list_network ul li,#list_network ul li a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:12px;
	text-decoration:none;
}
/* post */
.entry{
	color:#333333;
	padding: 0; margin: 0;
	width: 600px;
}
.entry h1{
	font-size: 2em;
	line-height: 0.846154em;
}
.entry h2{
	font-size: 1.692308em;
	line-height: 1em;
}
.entry h4 {
	margin: 10px 0 5px 0;
	font: bold 1.1em/1em "Varela Round", Helvectica, Arial, sans-serif;
}
.entry img {
	margin: 5px 0 ;
}
.post_title{
	color: #000097;
	clear:both;
	margin: 5px 0 10px 0;
	font: bold 2.2em/1em "Varela Round", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.post_title a{
	text-decoration:none;
}
.post_meta{
	color:#999;
	overflow:hidden;
	font: 8px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; 
}
.post_meta a{
	color:#999;
	text-decoration:none;
}
.entry a{
	color:#2a5591;
	font-weight:bold;
	text-decoration:none;
}
.fb_share_count_inner{
	font-weight:normal !important;
}
#related-post{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
/* sidebar */
.widget,.widget a{
	text-decoration: none;
}

.twitter a {
	display: inline;
}
#social {
	display: block;
	padding: 5px 0;
	overflow: hidden;
}
#social .left {
	height: 38px;
	float: left;
	width: 80px;
	margin-right: 10px;
}
#social .right {
	float: left;
	width: 100px;
	margin-right: 10px;
}
#social .farright {
	float: right;
	width: 90px;
}
#social a {
	font-size: 20px;
}
#social a img {
	vertical-align: middle !important;
	padding-right: 5px;
}
/* footer */
#footer_wrap,#footer_wrap li a{
	color:#666666;
	font-size: 0.923077em;
	line-height: 1.2em;
	text-decoration:none;
	font-weight:bold;
}

/* caption */
.wp-caption {
	color:#666666;
	font-size: 0.923077em;
	line-height: 1.833333em;}

/* comment */
.desc_title{	
	font-size: 1.384615em;
	line-height: 1.222222em;
	color:#999999;
}
.comment a{
	text-decoration:none;
}
.comment p{
	font-size: 0.923077em;
	line-height: 1.5em;
}
.comment_author,.comment_author a, .comment-meta .url{
	font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
	background:none;
}
.comment_date{
	color:#666666;
	font-weight:normal;
	font-size: 0.923077em;
	line-height: 1.833333em;
}

.trackback-text {
	padding-left: 40px;
}
.trackback-meta {
	font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
	background:none;
}
.trackback-meta a.url {
	background: none !important;
		font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
}
.trackback_date {
	color:#666666;
	font-weight:normal;
	font-size: 0.923077em;
	line-height: 1.833333em;
}
/* START SKINS */

body {
	background:#333 url(images/linenblack.jpg) repeat;
	line-height: 1;
}

#wrapper {
	background: #fff;
	display:block;
	margin:0 auto;
	width: 960px;
	border-radius: 6px;
	border: 1px solid #aaa;
}

#header_wrap, #navigation_wrap, #page_wrap, #footer_wrap{
	width:960px;
	margin:0 auto;
}
/* header & nav */
#header_wrap{
	height:98px;
	position:relative;
}
	#logo{
		float:left;
		padding:20px 0 0 20px;
	}
	#logo h1{
		display:none;
	}
	#network{
		position:absolute;
		top:44px;
		right:25px;
		width:171px;
		height:39px;
		background:transparent url(../images/makemac_network.png) left top;
	}
		.idle_network{
			background-position:left top !important;
		}
		.hover_network,.active_network{
			background-position:right top !important;
		}
		#anchor_network{
			padding:12px 10px 8px 10px;
		}
		#list_network{
			background:transparent url(../images/makemac_networklist_bot.png) left bottom no-repeat;
			padding-bottom:6px;
		}
		.list_network_top{
			height:5px;
			background:transparent url(../images/makemac_networklist_top.jpg) left bottom no-repeat;
			line-height:5px;
		}
		#list_network ul{
			overflow:hidden;
			margin:0;
			padding:0;
			background:transparent url(../images/makemac_networklist.jpg) left top repeat-y;
			
		}
		#list_network ul li{
			margin:0;
			padding:0;
			list-style:none;
			background:transparent url(../images/makemac_network_list.jpg) left bottom repeat-x;
			padding:10px 15px;
			margin:0 1px;
		}

/* main content */
#page_wrap{
	background: #fff;
	overflow:hidden;
	display:block;
	position:relative;
}
/* search */
.widget_search {
	margin-top: 20px;
}
#searchform, #searchform div{
	height:32px;
	width: 298px;
}
#s{
	background-color:white;
	border:none;
	height: 30px;
	width:221px;
	margin:0; padding-left: 5px;
	border-radius: 6px 0 0 6px;
	float: left;
	
}
#searchsubmit {
	width:71px;
	background: ;
	border: none;
	margin: 0;
	padding: 8px;
	border-radius: 0 6px 6px 0;
	background-color: #cccccc;
  background-image: -moz-linear-gradient(90deg, #838586, #cccccc);
  background-image: -ms-linear-gradient(90deg, #838586, #cccccc);
  background-image: -o-linear-gradient(90deg, #838586, #cccccc);
  background-image: -webkit-linear-gradient(90deg, #838586, #cccccc);
  background-image: linear-gradient(90deg, #838586, #cccccc);
	font-weight: bold;
	text-shadow: #e0e0e0 0 1px 0;
	cursor: pointer;
	height: 32px;
}
	/* post */
	#content{
		width:590px;
		margin-left:20px;
		float:left;
	}
		.post{
			margin-bottom:40px;
			clear:both;
			display:inline-block;
		}
		.single_post .post{
			margin-bottom:20px;
		}
		.post_meta div{
			margin-right:0;
		}
		.photo_thumbnail{
			margin-top:10px;
			margin-right: 20px;
			-webkit-box-shadow: #999 0 2px 6px;
			-moz-box-shadow: #999 0 2px 6px;
			float: left;
			
}
		.photo_thumbnail a,.photo_thumbnail img{
			display:block;
		}
		.post_thumbnail .entry{
			width:390px;
			float:left;
		}
		.entry ul,.entry ol{
			list-style: circle;
		}
		.entry ul li,.entry ol li{
			margin:0;
			margin-left:20px;
			margin-bottom: 0.7em;
			line-height: 1.5em;

		}
		.entry ul li p,.entry ol li p {
		 	
		}
		.entry img{
			-webkit-box-shadow: #999 0 2px 6px;
			-moz-box-shadow: #999 0 2px 6px;
			box-shadow: #999 0 2px 6px;
		}
		
		.readmore{
			float: left;
			background:transparent url(images/makemac_more.jpg) left top no-repeat;
			width:98px;
			height:28px;
			margin-top:-5px;
			margin-left: 20px;
			display:block;
			font-size: 11pt !important;
			text-align: left !important;
			color: white !important;
			text-shadow: #3b3b3b 0 1px 0 !important;
			vertical-align: middle !important;
			padding-top: 10px;
			padding-left: 10px;
		}
		.tambahkomen {
			background: url(images/komen-bg.jpg) left top no-repeat;
			width: 43px; height: 33px;
			display: block;
			float: left;
			margin-top:-5px;
			font-size: 11pt !important;
			text-align: center !important;
			color: white !important;
	text-shadow: #3b3b3b 0 1px 0 !important;
			padding-top: 10px;
}
		.box-white{
			background-color:#fff;
			padding:10px 25px;
			display:block;
			-moz-border-radius: 7px;
			-khtml-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			border:1px solid #cccccc;
			margin-bottom:20px;
		}
		.box-blue{
			background-color: #eaeaea;
			padding: 10px 0 !important;
			display:block;
			-moz-border-radius: 7px;
			-khtml-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			border:1px solid #cccccc;
			margin-bottom:20px;
			overflow:hidden;
			
		}
		#author-info{
			padding:10px 0;
		}
		#sharing{
			padding-left:20px;
			overflow:hidden;
			width:238px;
			float:left;
			color:#383838;
		}
		
		#sharing p a{
			color:#000;
			font-weight:bold;
		}
		
		.fb_like {
		background: #f3f3f3;
		border: 1px solid #dadada;
			-moz-border-radius: 20px;
			-khtml-border-radius: 20px;
			-webkit-border-radius: 10px;
			padding: 10px;
			-webkit-box-shadow:inset 0px -1px rgba(255,255,255,100);
}

	
		.twitter_button, .facebook_button{
			float:left !important;
			margin: 0 10px 0 0 !important;
		}
		.buzz_button{
			margin: 0 10px 0 10px !important;
		}
		
		#about-author{
			width:300px;
			float:right;
			padding:0 10px;
			height: auto !important;
		}
		#about-author .avatar{
			margin:0 10px 10px 0;
		}
		
		.twitterfollow {
			padding: 3px;
			border: 1px solid #9db9cb;
			border-radius: 4px;
			background-image: -moz-linear-gradient(90deg, #d5e6ef, #f7fafd);
			background-image: -webkit-linear-gradient(90deg, #d5e6ef, #f7fafd);
			background-image: -o-gradient(linear, 90deg, #d5e6ef, #f7fafd);
			color: #1b78a0;
					}
		/*related-post*/
		#related-post{
			padding-bottom:20px;
		}
		#related-post ol{
			margin:0;
			padding:0;
			width:100%;
			display:inline-block;
			list-style:none;
		}
		#related-post ol li{
			list-style:none;
			width:144px;
			float:left;
			margin:0;
			padding:0;
			padding:0 18px;
			border-right:1px solid #ccc;
		}
		
		#related-post .photo_thumbnail{
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 0;
			float:left;
			margin:0;
			margin-top:18px;
		}
.related {
		font-family: "Varela Round", Helvetica, Arial, Sans;
	margin: 0;
}	
.listrelated {
	margin: 0 0 0 20px;
	
}	
.listrelated li {
	margin: 5px 0;
}
	/* sidebar */
	#sidebar{
		width:300px;
		margin-right:20px;
		float:right;
	}
	#cse-search-box input {
	height: 24px
}
		.widget{
			border-radius: 6px;
			-moz-border-radius: 6px;
			background: #eaeaea;
			margin-bottom:20px;
			border: 1px solid #a7a7a7;
		}
		.widget_title{
			margin:0;
			padding: 8px 0;
			text-align:center;
			border-bottom: 1px solid #a6a7a7;
			background-color: #f0f0f0;
  			background-image: -moz-linear-gradient(90deg, #d4d4d4, #f0f0f0);
  			background-image: -ms-linear-gradient(90deg, #d4d4d4, #f0f0f0);
  			background-image: -o-linear-gradient(90deg, #d4d4d4, #f0f0f0);
  			background-image: -webkit-linear-gradient(90deg, #d4d4d4, #f0f0f0);
  			background-image: linear-gradient(90deg, #d4d4d4, #f0f0f0);
  			border-radius: 6px 6px 0 0;
}
		.widget_foot{
			height:14px;
			line-height:14px;
		}
		
		.textwidget{
			padding-left:18px;
			padding-right:18px;
		} 
		.widget li{
			list-style:none;
			margin:0;
			padding:10px 0px;
			border-bottom: 1px solid #d8d8d8;
			line-height: 1.3em;
}
		.widget li:last-child{
		border: none !important;
		}
		
		/* twitter widget */
		#twitter_widget .widget_head a img{
			display:block;
			float:left;
		}
		.twitter-item .twitter-link{
			overflow:hidden;
		}
		#wp125adwrap_2c{
			padding-bottom:20px !important;
			overflow:hidden !important;
		}
		#wp125adwrap_2c .odd{
			margin-right:10px;
		}
		.wp125ad{
			padding:0 !important;
			width:125px !important;
			float:left !important;
		}
		
		.adinjwidget {
			background: none;
			border: none;
		}
/* footer */
#footer_wrap{
	height:45px;

}
	.footer{
		padding-top: 15px;
		margin: 10px 20px;
		height: 32px;
		border-top: 1px solid #e4e4e4;
}
	.footer ul{
		margin:0;padding:0;list-style:none;
		display:block;
	}
	.footer ul li{
		float:right;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0 8px 0 5px;
	}

/* code / pre / blockquote */
pre code, code, pre {
	background-color: #4e5560;
	padding:10px 10px;
	display:block;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #283b5a;
	margin-bottom:20px;
	font-family: "Courier New", Courier, mono;
	color: #c1c9d5;
	line-height: 24px;
	font-weight: bold;
	text-shadow: 0 1px 1px #262a2f;
}
blockquote  p {
	display:block;
	margin: 20px !important;
	font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.alignnone{
	display: block;
	margin: 0 0 0 7px;
	text-align:left;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 5px 12px;
	display: inline;
	}

img.alignleft {
	margin: 0 12px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.alignnone{
	
}
/* End Images */

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.wp-caption {
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	padding: 7px 7px;
	margin:5px 0 20px 0;
}
.wp-caption img {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin: 0;
	padding: 0;
	border: 0 none;
	display:block;
}
.wp-caption p.wp-caption-text {
	padding: 0px;
	margin: 0;
}
div.alignright {
	float: right;
	margin-left:12px;
	}

div.alignleft {
	float: left;
	margin-right:12px;
	}
/* End captions */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Comments*/
#comment_wrap{
	position:relative;
	display:block;
	width:560px;
}
#add_comment_btn{
	position:absolute;
	top:0;
	right:0;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:0;
	margin-top:40px;
	text-align: justify;
	display:inline-block;
	width:560px;
	}
.commentlist #respond{
	margin-left:-10px;
}
.commentlist li {
	margin:0;
	padding:0;
	list-style: none;
	margin-bottom:30px;
	width:550px;
	display:inline-block;
	padding-left:10px;
}
.comment-body{
	display:inline-block;
	width:550px;
	padding:5px 0;
}

.avatar{
	 background:#fff;
	 padding:3px 3px;
	 display:block;
	 float:left;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}
.comment-meta{
	padding-bottom:5px;
}
.comment-text{
	position:relative;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	width:435px;
	float:right;
	background-color:#f3f3f3;
	border:1px solid #ccc;
	padding:10px 10px 10px 20px;
}
.commentlist .children{
	margin:0;
	padding:0;
	width:470px;
	margin-left:80px;
}
.children li{
	margin:0;
	margin-top:20px;
}
.children li,.children .comment-body{
	width:460px;
}
.children .comment-text{
	width:345px;
}
.commentlist .children .children {
	width:380px;
}
.children .children li,.children .children .comment-body{
	width:370px;
}

.children .children .comment-text{
	width:260px;
}
.children #respond{
	margin-left:-100px;
}
.children .children #respond{
	margin-left:-200px;
}

.comment-body:hover .comment-text{
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}
.comment-corner{
	position:absolute;
	top:12px;
	left:-22px;
	background:transparent url(../images/makemac_comment_corner.jpg) left top no-repeat;
	width:22px;
	height:38px;
}
.comment-body:hover .comment-corner{
	background:transparent url(../images/makemac_comment_corner_hov.jpg) left top no-repeat;
}
.comment_author, .comment-meta .url{
	padding-right:5px;
}
.commentlist p {
	margin:0;
	padding-bottom:10px;
}
.children { padding: 0; }

#respond p{
	padding-bottom:5px !important;
	padding-left:5px !important;
	margin:5px 0;
}
#respond .sub_title{
	padding-bottom:10px !important;
}
#commentform #comment{
	width:510px;
}
.comment-reply-link{
	width:58px;
	height:15px;
	clear:both;
	float:right;
	background-color: #d1d1d1;
	text-align: center;
	padding: 4px 0 4px 0;
	border-radius: 16px;
	background-color: #cccccc;
  background-image: -moz-linear-gradient(90deg, #838586, #cccccc);
  background-image: -ms-linear-gradient(90deg, #838586, #cccccc);
  background-image: -o-linear-gradient(90deg, #838586, #cccccc);
  background-image: -webkit-linear-gradient(90deg, #838586, #cccccc);
  background-image: linear-gradient(90deg, #838586, #cccccc);
	color: #fff;
	font-weight: bold;
	text-shadow: #525252 0 -1px 0;
	border: 1px solid #868686;
}
.comment-reply-link:hover{
	opacity:0.8;filter:alpha(opacity=80)
}

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

a:focus {
	text-decoration: none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}


/*---------------- start style----------------------- */
a{
	color:#2a5591;
	text-decoration:none;
	outline:none !important;
}
/* network */
p{
	padding-bottom: 15px !important;
	margin:0;
	line-height: 1.4em;
	font-family: "Helvetica Nueue", Helvetica, Arial;
}
#anchor_network{
	font-weight:bold;
	color:#d2d1d1;
	letter-spacing:-1px;
	font-size:14px; line-height:14px;
}
#list_network ul li,#list_network ul li a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:12px;
	text-decoration:none;
}
/* post */

.entry h1{
	font-size: 2em;
	line-height: 0.846154em;
}
.entry h2{
	font-size: 1.692308em;
	line-height: 1em;
}
.entry h3{
	margin: 0 0 5px 0 !important;
	font: 1.384615em/1.222222em "Varela Round","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


.entry a{
	color:#2a5591;
	font-weight:bold;
	text-decoration:none;
}
.fb_share_count_inner{
	font-weight:normal !important;
}
#related-post{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
#related-post a{
	color:#333;
}
/* sidebar */

.widget_head,.widget_head h3,.widget_head a{
	color: #262626;
	font-size: 16px;
	text-decoration: none !important;
	text-shadow: #fefefe 0 1px 0;
}
#rekan {
	background: none;
}
.rekanan {
	background: url(../images/rekanan.png) no-repeat !important;
	width: 262px; height: 48px;
	margin-top: 15px;
}
.rekanan h3 {
	color:#fff;
	font-size: 1em;
	font-weight:bold;
	line-height: 1.692308em;
	text-decoration:none;
	margin-left: 55px;
	padding-top: 10px;
}
#rekan img {
	margin: 5px 0 5px 0;
}

/* comment */
.sub_title{
	font-size: 1.846154em;
	line-height: 0.916667em;
	margin:0 !important;
	color:#333333;
}
.desc_title{	
	font-size: 1.384615em;
	line-height: 1.222222em;
	color:#999999;
}
.comment a{
	text-decoration:none;
}
.comment p{
	font-size: 0.923077em;
	line-height: 1.5em;
}
.comment_author,.comment_author a, .comment-meta .url{
	font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
	background:none;
}
.comment_date{
	color:#666666;
	font-weight:normal;
	font-size: 0.923077em;
	line-height: 1.833333em;
}
.textarea, .input_text{
	font-family:Helvetica,"Lucida Sans",Arial,Sans-Serif;
	font-size: 1em;
	line-height: 1.571429em;
	color:#999999;
}

.trackback-text {
	padding-left: 40px;
	background: url(../images/link.png) no-repeat left top;
}
.trackback-meta {
	font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
	background:none;
}
.trackback-meta a.url {
	background: none !important;
		font-size: 1.076923em;
	line-height: 1.571429em;
	color:#121d31;
}
.trackback_date {
	color:#666666;
	font-weight:normal;
	font-size: 0.923077em;
	line-height: 1.833333em;
}
/* START SKINS */

/* header & nav */
#header_wrap{
	height:98px;
	position:relative;
}
	#logo h1{
		display:none;
	}
	#network{
		position:absolute;
		top:44px;
		right:25px;
		width:171px;
		height:39px;
		background:transparent url(../images/makemac_network.png) left top;
	}
		.idle_network{
			background-position:left top !important;
		}
		.hover_network,.active_network{
			background-position:right top !important;
		}
		#anchor_network{
			padding:12px 10px 8px 10px;
		}
		#list_network{
			background:transparent url(../images/makemac_networklist_bot.png) left bottom no-repeat;
			padding-bottom:6px;
		}
		.list_network_top{
			height:5px;
			background:transparent url(../images/makemac_networklist_top.jpg) left bottom no-repeat;
			line-height:5px;
		}
		#list_network ul{
			overflow:hidden;
			margin:0;
			padding:0;
			background:transparent url(../images/makemac_networklist.jpg) left top repeat-y;
			
		}
		#list_network ul li{
			margin:0;
			padding:0;
			list-style:none;
			background:transparent url(../images/makemac_network_list.jpg) left bottom repeat-x;
			padding:10px 15px;
			margin:0 1px;
		}

/* search */
#search{
	position:absolute;
	width:268px;
	right:50px;
}
	/* post */
		.photo_thumbnail img{
			padding:0;
			margin:0;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
		}
		
		.box-white{
			background-color:#fff;
			padding:10px 25px;
			display:block;
			-moz-border-radius: 7px;
			-khtml-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			border:1px solid #cccccc;
			margin-bottom:20px;
			
		}
		#sharing p, #about-author p{
			line-height:18px;
			padding-bottom:15px;
			font-size:12px;
		}
		#sharing p a{
			color:#000;
			font-weight:bold;
		}
		
		.fb_like {
		background: #f3f3f3;
		border: 1px solid #dadada;
			-moz-border-radius: 20px;
			-khtml-border-radius: 20px;
			-webkit-border-radius: 10px;
			padding: 10px;
			-webkit-box-shadow:inset 0px -1px rgba(255,255,255,100);
}

		#sharing h4{
			line-height:28px;
			font-size:24px;
			margin: 0;
			font-family: "Varela Round", Helvetica, Arial, Sans;
	text-shadow: #fff 0 1px 0;
}
		.twitter_button, .facebook_button{
			float:left !important;
			margin: 0 10px 0 0 !important;
		}
		.buzz_button{
			margin: 0 10px 0 10px !important;
		}
		
		#flattrbox {
		width: 560px;
		height: 101px;
		background: url(../images/flattr_bg.png) no-repeat;
		overflow: hidden;
		margin-bottom: 20px;
		
		}
		#flattrbox p {
	display: block;
	padding: 25px 0 0 110px !important;
	float: left;
	width: 370px;
	line-height: 1.4em;
}
	#flattrbox p strong {
	font-size: 11pt;
}
		.flattrwidget {
	margin-right: 20px;
	float: right;
		display: block;
		padding: 2px;
}
		#about-author h4{
			margin: 0 0 10px 0;
			font-size:14px;
			line-height:18px;
			font-family: "Varela Round", Helvetica, Arial, Sans;
	text-shadow: #fff 0 1px 0;
}
		#about-author .avatar{
			margin:0 10px 10px 0;
		}
		/*related-post*/
		#related-post{
			padding-bottom:20px;
		}
		#related-post h3{
			margin-bottom:10px;
			line-height:24px;
		}
		#related-post ol{
			margin:0;
			padding:0;
			width:100%;
			display:inline-block;
			list-style:none;
		}
		#related-post ol li{
			list-style:none;
			width:144px;
			float:left;
			margin:0;
			padding:0;
			padding:0 18px;
			border-right:1px solid #ccc;
		}
		
		#related-post .photo_thumbnail{
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 0;
			float:left;
			margin:0;
			margin-top:18px;
		}
		
	/* sidebar */
	
	#cse-search-box input {
	height: 24px
}
		.widget img{
			display:block;
		}
		.widget_head{
			clear:both;
		}
		.widget_foot{
			
			height:14px;
			line-height:14px;
		}
		.widget ul,.textwidget{
			display:block;
			margin:0;
			padding: 0 10px;
		}
		.textwidget{
			padding-left:18px;
			padding-right:18px;
		} 
		
		/* twitter widget */
		#twitter_widget .widget_head a{
			position:relative;
			display:block;
			vertical-align:middle;
			padding:8px 15px;
		}
		#twitter_widget .widget_head a img{
			display:block;
			float:left;
		}
		#twitter_widget .widget_head a span{
			position:relative;
			vertical-align:middle;
			margin-top:10px;
			padding-left:20px;
		}
		.twitter-item .twitter-link{
			overflow:hidden;
		}
		#wp125adwrap_2c{
			padding-bottom:20px !important;
			overflow:hidden !important;
		}
		#wp125adwrap_2c .odd{
			margin-right:10px;
		}
		.wp125ad{
			padding:0 !important;
			width:125px !important;
			float:left !important;
		}
	.footer ul{
		margin:0;padding:0;list-style:none;
		display:block;
	}
	.footer ul li{
		background:transparent url(../images/dot.jpg) no-repeat scroll right 4px;
		float:right;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0 8px 0 5px;
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.alignnone{
	display: block;
	margin: 0 0 0 7px;
	text-align:left;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 5px 12px;
	display: inline;
	}

img.alignleft {
	margin: 0 12px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.alignnone{
	
}
div.alignright {
	float: right;
	margin-left:12px;
	}

div.alignleft {
	float: left;
	margin-right:12px;
	}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

/* Begin Comments*/
#comment_wrap{
	position:relative;
	display:block;
	width:560px;
}
#comment_wrap .sub_title{
	margin-bottom:10px;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:0;
	margin-top:40px;
	text-align: justify;
	display:inline-block;
	width:560px;
	}
.commentlist #respond{
	margin-left:-10px;
}
.commentlist li {
	margin:0;
	padding:0;
	list-style: none;
	margin-bottom:30px;
	width:550px;
	display:inline-block;
	padding-left:10px;
}
.comment-body{
	display:inline-block;
	width:550px;
	padding:5px 0;
}

.avatar{
	 background:#fff;
	 padding:3px 3px;
	 display:block;
	 float:left;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}
.comment-meta{
	padding-bottom:5px;
}
.comment-text{
	position:relative;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	width:435px;
	float:right;
	background-color:#f3f3f3;
	border:1px solid #ccc;
	padding:10px 10px 10px 20px;
}
.commentlist .children{
	margin:0;
	padding:0;
	width:470px;
	margin-left:80px;
}
.children li{
	margin:0;
	margin-top:20px;
}
.children li,.children .comment-body{
	width:460px;
}
.children .comment-text{
	width:345px;
}
.commentlist .children .children {
	width:380px;
}
.children .children li,.children .children .comment-body{
	width:370px;
}

.children .children .comment-text{
	width:260px;
}
.children #respond{
	margin-left:-100px;
}
.children .children #respond{
	margin-left:-200px;
}

.comment-body:hover .comment-text{
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}
.comment-corner{
	position:absolute;
	top:12px;
	left:-22px;
	background:transparent url(../images/makemac_comment_corner.jpg) left top no-repeat;
	width:22px;
	height:38px;
}
.comment-body:hover .comment-corner{
	background:transparent url(../images/makemac_comment_corner_hov.jpg) left top no-repeat;
}
.comment_author, .comment-meta .url{
	padding-right:5px;
}
.commentlist p {
	margin:0;
	padding-bottom:10px;
}
.children { padding: 0; }

#respond{
	width:520px;
	margin-top:20px;
	padding:20px 20px 10px 20px;
	background:#d5d8de url(../images/makemac_commentform.jpg) left top repeat-x;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border:1px solid #cccccc;
}
#respond p{
	padding-bottom:5px !important;
	padding-left:5px !important;
	margin:5px 0;
}
#respond .sub_title{
	padding-bottom:10px !important;
}
#commentform{
	padding:0;
	margin:0;
}
#commentform #submit{
	width: 100%;
	display: block;
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, rgb(0,156,11)),
    color-stop(0.51, rgb(72,178,80))
);
	background: -moz-linear-gradient(
    center bottom,
    rgb(54,158,75) 38%,
    rgb(53,204,101) 51%
);
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 6px solid #2B2C2B !important;
	-webkit-box-shadow:inset 0px 2px 1px #35D73B;
	-moz-box-shadow:inset 0px 2px 1px #35D73B;
	cursor: pointer;
}
#commentform .input_text{
	width:148px;
	line-height:10px;
	margin-right:12px;
	padding-left:10px;
	float:left;
}
.textarea{
	margin:0;
	padding:0;
	width:100%;
	background-color:#f7f7f7 !important;
	margin-bottom:20px;
	padding:5px 5px;

	border:1px solid #bbbbbb;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.paddingwidget{
	padding:8px 18px;
}
.paddingwidget a {
	color: #444;
	font-size: 1em !important;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 14px;
	margin: 0 2px 2px 0px;
	padding: 4px 6px;
	line-height: 2.6em !important;
	white-space: nowrap;
	background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#E6E6E6), to(#B8B8B8));
	text-shadow: #dfdfdf 0 1px 0;
	-webkit-box-shadow:inset 0px 1px 1px #fff;
}
.paddingwidget a:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#E6E6E6), to(#A6A6A6));
	text-shadow: #dfdfdf 1px 1px 0;
}
.tags{
	line-height:1.6em !important;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/

.icon{
	float:left;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
}
.email{
	background:url(../images/makemac_icon_email.jpg) 5px 8px no-repeat;	
}
.url{
	background:url(../images/makemac_icon_url.jpg) 5px 8px no-repeat;	
}
.border{
	background:url(../images/makemac_network_list.jpg) left bottom repeat-x;
}
.noborder{
	border:none !important;
}
.nobg{
	background:none !important;
}
.hidden{
	display:none;
}
.show{
	display:inherit;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.margin0_right{
	margin-right:0 !important;
}

/* START MENU */

/* header nav */
ul#nav {
	margin: 6px 0 0 0;
	padding: 0;
} 

#nav, .nav ul, .nav li{ /* all lists */	list-style: none;
}

.nav a {
	display: block;
}

.nav li { /* all list items */
	float: left;
	list-style:none;
	text-shadow: #253445 0 1px 0px;
	margin:0;
}

.nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav li:hover ul, .nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* third level */
.nav li ul ul {
	margin: -1em 0 0 10em;
}

.nav li:hover ul ul, .nav li.sfhover ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul {
	left: auto;
}


/* start styling menu */
#navigation_wrap{
	margin: 10px 0 20px 0 ;  
	color:#fff;
	clear:both;
	background:; 
	padding: 5px 5px 5px 20px;
	height:32px;
	width: 935px;
	background-color: #e3e6e8;
  	background-image: -moz-linear-gradient(90deg, #a9b4bc, #e3e6e8);
  	background-image: -ms-linear-gradient(90deg, #a9b4bc, #e3e6e8);
  	background-image: -o-linear-gradient(90deg, #a9b4bc, #e3e6e8);
  	background-image: -webkit-linear-gradient(90deg, #a9b4bc, #e3e6e8);
  	background-image: linear-gradient(90deg, #a9b4bc, #e3e6e8);
}
#nav{
	font:bold 16px Helvetica, Arial, Sans ;
	float:left;
	padding-left:35px;
	margin:0;
}
#nav_page{
	font:bold 14px "lucida grande","Lucida Sans Unicode",Arial,Verdana,Tahoma, sans-serif,'Liberation Sans';
	float:right;
	padding-right:5px;
	padding-top:32px;
	margin:0;
}

.nav{
	display:inline-block;
}

.nav li a{
	text-decoration:none;
}
.nav li.home{
	margin-right:10px;
}
.nav li.home a{
	outline:none;
}
.nav li.page_item, .nav li.cat-item{
	/*background-color:#F0F0F0;*/
}

.nav li.page_item a, .nav li.cat-item a{
	padding:3px 10px 5px 0;
	text-decoration:none;
	text-align:center;
	margin-left:9px;
	line-height:14px;
	/*background-color:#F0F0F0;*/
}
.nav li.page_item a:hover, .nav li.cat-item a:hover{
	background:transparent url(../images/makemac_nav_right.jpg) right top no-repeat;
	/*background-color:#9d866e;*/
}
.nav_li_hover{
	/*background-color:#9d866e;*/
}
.nav_li_hover a{
	/*background-color:#9d866e;*/
}

.nav li.current_page_item a, .nav li.current-cat a, .nav li.current_page_ancestor a,.nav li.current-cat-parent a{
	background:transparent url(../images/makemac_nav_right.jpg) right top no-repeat;
	/*background-color:#a0692e;*/
}
.nav li.current_page_item, .nav li.current-cat, .nav li.current_page_ancestor, .nav li.current-cat-parent{
	background:transparent url(../images/makemac_nav_left.jpg) left top no-repeat;
	/*background-color:#a0692e;*/
}

/* child */
.nav li ul {}
.nav li li{}
.nav li li a{}
.nav li li.menu-foot{}
.nav li:hover{}
.nav_li_hover a{}
.nav li.current_page_item a, .nav li.current-cat a, .nav li.current_page_ancestor a,.nav li.current-cat-parent a{
	color:#fff;
}
.nav li.page_item a:hover, .nav li.cat-item a:hover {
	color: #38546b;
}
.nav li a{
	color: #162a3a;
	text-shadow: #fefffe 0 1px 0;
}
.nav li li a{ }
.nav li li a:hover { }

/* extra nav */
#nav_extra{
	font:bold 10px "lucida grande","Lucida Sans Unicode",Arial,Verdana,Tahoma, sans-serif,'Liberation Sans';
	line-height:10px;
	float:right;
	padding-left:10px;
	background:transparent url(../images/makemac_nav_separator.png) left 25px no-repeat;
	margin:0;
}
#nav_extra li{
	padding-right:5px;
	margin-left:5px;
	padding:2px 2px 5px 20px;
}

.nav_tweet{
	background:transparent url(../images/makemac_twit.jpg) left top no-repeat;
}

}
#commentform .input_text{
	width:130px;
	line-height:10px;
	margin-right:12px;
	padding-left:28px;
	float:left;
}
.input_text{
	margin:0;
	border:1px solid #bbbbbb;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:7px 5px;
	margin-bottom:20px;
	background-color:#fff !important;
}
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.paddingwidget{
	padding:8px 18px;
}
.tags{
	line-height:1.6em !important;
}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

/* End Various Tags & Classes*/

.noborder{
	border:none !important;
}
.hidden{
	display:none;
}
.show{
	display:inherit;
}
.floatright{
	float:right;
}
.margin0_right{
	margin-right:0 !important;
}



.nav a {
	display: block;
}



.nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav li:hover ul, .nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* third level */
.nav li ul ul {
	margin: -1em 0 0 10em;
}

.nav li:hover ul ul, .nav li.sfhover ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul {
	left: auto;
}


/* start styling menu */


#nav_page{
	font:bold 14px "lucida grande","Lucida Sans Unicode",Arial,Verdana,Tahoma, sans-serif,'Liberation Sans';
	float:right;
	padding-right:5px;
	padding-top:32px;
	margin:0;
}



.nav li.home a{
	outline:none;
}



.nav li.page_item:hover, .nav li.cat-item:hover{
	background:transparent url(../images/makemac_nav_left.jpg) left top no-repeat;
	/*background-color:#F0F0F0;*/
}
.nav_li_hover{
	/*background-color:#9d866e;*/
}
.nav_li_hover a{
	/*background-color:#9d866e;*/
}

.nav li.current_page_item a, .nav li.current-cat a, .nav li.current_page_ancestor a,.nav li.current-cat-parent a{
	background:transparent url(../images/makemac_nav_right.jpg) right top no-repeat;
	/*background-color:#a0692e;*/
}
.nav li.current_page_item, .nav li.current-cat, .nav li.current_page_ancestor, .nav li.current-cat-parent{
	background:transparent url(../images/makemac_nav_left.jpg) left top no-repeat;
	/*background-color:#a0692e;*/
}

/* child */
.nav li ul {}
.nav li li{}
.nav li li a{}
.nav li li.menu-foot{}

.nav_li_hover a{}
.nav li.current_page_item a, .nav li.current-cat a, .nav li.current_page_ancestor a,.nav li.current-cat-parent a{
	color:#fff;
}

.nav li li a{ }
.nav li li a:hover { }


.nav_feed{
	background:transparent url(../images/makemac_feed.jpg) left top no-repeat;
}

/*DOWNLOAD BUTTON */
.downloadbutton a {
	width: 100%;
	text-align: center !important;
	color: #fff;
	display: block;
}
.downloadbutton{

	width: 100%;
	display: block;
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.48, rgb(0,156,11)),
    color-stop(0.51, rgb(72,178,80))
);
	background: -moz-linear-gradient(
    center bottom,
    rgb(54,158,75) 38%,
    rgb(53,204,101) 51%
);
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	-webkit-border-radius: 20px;
	border: 6px solid #2B2C2B !important;
	-webkit-box-shadow:inset 0px 2px 1px #35D73B;
	cursor: pointer;
}

/* PAGE NAVI */

.wp-pagenavi{
	width:590px;
	height:35px;
	float:left;
	clear:both;
	font-weight:bold;
	color:#4d4c4c;
	border-top: 1px solid #b2b2b2;
}
.pages{
	float:right;
	padding:6px 10px;
	margin:1px 0;
}
.wp-pagenavi a,.wp-pagenavi span.current{
	float:left;
	color:#4d4c4c;
	text-decoration:none;
	padding:6px 10px;
}
.wp-pagenavi span.current,.wp-pagenavi .page:hover{
	text-shadow: #eff8ff 0 1px 0;
	background: #d8d8d8;
}


/*tabs*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabs_widget {
	margin-top: 15px;
}
.ui-tabs-nav {;
	padding: 0;
	height: 27px;
    list-style: none;
    width: 278px;
    margin: 0;
	clear:both;
	border-bottom: 1px solid #a6a7a7;
	background-color: #f0f0f0 !important;
  	background-image: -moz-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -ms-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -o-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -webkit-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	border-radius: 6px 6px 0 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li:first {
	border-radius-left: 6px
}
.ui-tabs-nav li {
    float: left;
    margin:0;
	padding:0;
	text-align:center;
	width:60px;
	padding: 5px 5px;
	border-radius: 6px 0 0 0;
	border-right: 1px solid #a1a3a8;
	background-color: #f0f0f0 !important;
  	background-image: -moz-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -ms-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -o-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: -webkit-linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
  	background-image: linear-gradient(90deg, #d4d4d4, #f0f0f0) !important;
    /* min-width: 84px; be nice to Opera */
}
.ui-state-hover{
	background: #999;
}
.ui-state-active,.ui-state-focus{
	background-color: #6b6b6b !important;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#adadad)) !important;
 	background: -moz-linear-gradient(top, #6b6b6b, #adadad) !important;
	font-weight: bold;
	color: #fffefe !important;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0; margin:0;
    /*background: url(tab.png) no-repeat;*/
}
.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    white-space: nowrap; /* required in IE 6 */ 
    outline: 0; /* prevent dotted border in Firefox */
	color: #262626;
	font-weight: bold;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin: 0; padding: 0;
    color: #fff;
}
.ui-tabs-nav a span {
    /* width: 64px; IE 6 treats width as min-width
    min-width: 64px; */
    height: 32px; /* IE 6 treats height as min-height */
    min-height: 14px;
    padding: 0; margin: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
li.ui-state-active {
	margin: 0; padding: 0;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding: 4px 0 0 0px;
	margin: 0;
	height: 23px;
	color: white;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#adadad));
  	background: -moz-linear-gradient(top, #6b6b6b, #adadad);
	border-bottom: 1px solid #a6a7a7;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
 
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
 
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {

}
.ui-tabs-panel {
   
}
.ui-tabs-panel ul{
	background:none !important;
	padding-bottom:5px;
}
.ui-tabs-panel ul li{
	padding-right:0;
}
.ui-tabs-panel ul li a{
	padding-right:25px;
}
.ui-tabs-loading em {
    padding: 0 ;
   
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}



/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Special Classes*/

p.important {
	background: #eaeaea;
	border: 1px solid #8aa7db;
	font: bold 1.2em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 15px;
	padding: 10px 10px 10px 10px !important;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	
}

p.downloadbtn a {
	background: -moz-linear-gradient(90deg, #4b565d 0%, #303034 45.3%, #60666d 76.8%, #acb3b9 100%) #e2e1e2;
	background: -webkit-gradient(linear, left bottom, left top, from(#4b565d), color-stop(0.453, #303034), color-stop(0.768, #60666d), to(#acb3b9)) #e2e1e2;
	padding: 10px;
	border: 1px solid #717171;
	-moz-box-shadow: inset 0 1px 0 #dfe6ea;
	-webkit-box-shadow: inset 0 1px 0 #dfe6ea;
	box-shadow: inset 0 1px 0 #dfe6ea;
	color: #dde2e5;
	text-shadow: 0 1px 1px #222222;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	font-size: 14px;
	white-space: normal;
}

p.downloadbtn a:hover {
	background: -moz-linear-gradient(90deg, #5b6871 0%, #414146 45.3%, #6b727a 76.8%, #b9bfc4 100%) #e2e1e2;
	background: -webkit-gradient(linear, left bottom, left top, from(#5b6871), color-stop(0.453, #414146), color-stop(0.768, #6b727a), to(#b9bfc4)) #e2e1e2;
	-moz-box-shadow: 0 0 4px #3ad9fc;
	-webkit-box-shadow: 0 0 4px #3ad9fc;
	box-shadow: 0 0 4px #3ad9fc;
}
p.downloadbtn a:active {
background: -moz-linear-gradient(270deg, #4b565d 0%, #303034 45.3%, #60666d 76.8%, #acb3b9 100%) #e2e1e2;
background: -webkit-gradient(linear, left top, left bottom, from(#4b565d), color-stop(0.453, #303034), color-stop(0.768, #60666d), to(#acb3b9)) #e2e1e2;
-moz-box-shadow: inset 0 1px 0 #1d2225;
-webkit-box-shadow: inset 0 1px 0 #1d2225;	
}

#topbanner {
	width: 960px;
	margin: auto;
	text-align: center;
	padding: 10px 0;
}

#headerbanner {
	width: 468px;
	height: 60px;
	float: right;
	margin: 15px;
}
#text-4 .textwidget, #text-5 .textwidget {
	padding: 0;
}
#text-4, #text-5 {
	border: none;
	background: none;
}

.twtr-doc {
	border: 1px solid #a7a7a7;
}

.textwidget form {
	border: none !important;
	padding: 0 !important;
	width: 100%;
}

.textwidget form p {
	padding: 0 !important;
}

.textwidget form input {
width: 80% !important;
margin: 5px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}