/*
Theme Name: Sign-Up.to Knowledge
Theme URI: http://howto.sign-up.to
Description: Knowledge section of Sign-Up.to. Adopted from Howto.
Version: 1.3
Author: Matt / Brenden (SUT)
Author URL: http://www.sign-up.to
*/


/*=== Setup ===*/
*{
	border: 0;
	padding: 0;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #cacaca 1px solid;
	font-size: 12px;
	padding: 5px;
        margin:5px 0;
}
select{
	padding: 0;
}
li{
	list-style: none;
}
body{
	color:#000;
}

/* General text settings */
h1, h2, h3, h4 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:150%;
	text-align:center;
	margin-bottom:2px;
	font-smooth:always;
}
h1 em {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing:1px;
	font-style: normal;
}
p {
	line-height: 150%;
}

/*=== Layout ===*/

#top{
	clear: both;
	height: 23px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	font-size:11px;
}

/*========= TOP NAVIGATION =========*/

/*- Nav1 -*/
.nav1{
	float: left;
}
.nav1 li{
	float: left;
}
.nav1 li a{
	color: #a0a09b;
}
.nav1 li a{
	display: block;
	text-align: center;
	float:left;
}
.nav1 li.active a, .nav1 li a:hover, .nav1 li.current_page_item a {
	color: #e8a02c;
	text-decoration: none;
}
.nav1  { list-style: none; margin: 0px; padding: 0px;}
.nav1 li { padding: 0px; margin: 0px 20px 0 0; display: inline; line-height: 14px; }


/*- Subscribe -*/
.subscribe{	color: #a0a09b; float:right;}
.subscribe a { color: #e8a02c; }
.subscribe a:hover { text-decoration:underline; }


/*- Nav / Dropdowns-*/
#nav, #nav ul{
	padding: 0;
	float:left;
	list-style: none;
}
#nav {
	padding: 0;
}
#nav a {
	display: block;
}
#nav li {
	float: left;
	line-height:33px;
}
#nav li a:hover {
background: none;
}
#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:1000;
}
#nav li ul li {
    background: #FFFFFF url(images/bgr-box-trans.png) repeat-x top;
	border-bottom:1px solid #dedbd1;
	border-left:1px solid #dedbd1;
	border-right:1px solid #dedbd1;
	line-height:28px;
	width:15em;
}



/*- RSS -*/
#rss{
	position:absolute;
	top:-10px;
	right:0px;
	height: 38px;
	width: 39px;
	display: inline;
	float:right;
}
/*- Search -*/
#search{
	background: url(images/bgr-search.gif) no-repeat;
	height: 32px;
	margin: 0 0 10px;
}
#search input{
	background: transparent;
	border: 0;
	color: #a3a192;
	float: left;
	font-size: 12px;
	margin: 7px 0 0 10px;
	width: 178px;
	padding:2px;
}
#search .btn{
	margin: 7px 0 0;
	padding: 0;
	width: auto;
}

/*=== typography ===*/


h2{
	font-size: 24px;	
	line-height: 30px;
}
h2 a{
	color: #336699;
	text-decoration: none;
}
h1, h2, h3, h4, h5 {
	color: #000;
	margin: 0 0 10px;
}
h1 {
    text-decoration:none;
    font-size:32px;
}
#headKside {
    font-size:20px;
    text-align:left;
}
#sidebar h3{
	font-size: 20px !important;
	padding:5px 8px 5px 0;
	display: block;
	margin: 0 0 15px 0;
	text-align: left;
	height:16px;
}
#centercol h3 {
	margin: 0 0 20px 0px;
	text-align: left;
	font-size:18px;
}
#featuredpost h2 { font-size:30px; }
.news a, .subpage a {
    text-decoration:underline;
}
.subpage h1 a, .subpage h2 a, .subpage h3 a {
    text-decoration:none;
}
.subpage h1 a:hover, .subpage h2 a:hover, .subpage h3 a:hover {
    color:#000;
}
.subpage h1 {
	margin: 0 0 20px 5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}
/*- SideTabs -*/
.idTabs{
	font-size: 12px;
	float:left;
	margin: 0 0 8px 0;
}
.idTabs li{
	float:left;
}
.idTabs li a{
	background:#ffffff;
	color:#363636;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 7px 0 0;
	text-align: left;
	border: 1px solid #dedbd1;
}
.idTabs li.last a{
	margin: 0
}
.idTabs li a:hover,
.idTabs .selected{
	background:#ebe9e1;
	text-decoration: none
}

/*=== Post ===*/

.date-comments{
	border-top: 1px solid #cacaca;
	color: #999999;
	font-size: 11px;
	height: 30px;
	line-height: 25px;
	margin: 0 0 10px;
}
.date-comments a { 	color: #999999; }

#centercol .date-comments p{
	line-height: 25px;
}
span.comments{
	background: url(images/ico-comments.gif) no-repeat left;
	padding: 0 0 0 20px;
}
span.continue{
	background: url(images/ico-continue-trans.png) no-repeat left;
	padding: 1px 0 1px 20px;
	line-height:20px;
}
span.continue-archives{
	background: url(images/ico-arrow-trans.png) no-repeat right center;
	padding: 0px 15px 0px 0px;
	margin-bottom:20px;
}
span.continue-archives-alt{
	background: url(images/ico-arrow-trans-left.png) no-repeat left center;
	padding: 0px 0 0px 15px;
	margin-bottom:20px;
}
span.continue-archives a, span.continue-archives-alt a {
	color:#777777;
	font-weight:bold;
	font-size:14px;
}
a.more{
	background: url(images/ico-arrow-trans.png) no-repeat left;
	color: #777777;
	font-size: 11px;
	padding: 0px 0 0 15px;
}

/*=== Styling Boxes ===*/

/*- Box (main column boxes) -*/
.box{
	margin-bottom: 15px;
	float: left;
}

.widget{
	margin-bottom: 15px;
}
.box img {
	/* border: 1px solid #999999;
	margin: 0 0 10px 0; */
}
.box p{
	padding: 0 0 10px;
}
.widget{
	padding-bottom:15px;
	padding-right:13px;
	padding-top:10px;
}

/*- Box2 (sidebar boxes) -*/
.box2{
	margin: 0 10px 15px 0px;
	padding:0px;

}
.box2 .nav1{
	float: none;
	padding: 0 0 0 0px;
}
.box2 .spacer.white{
	clear: both;
	margin: 0px;
}
.box2 .spacer.flickr img{
	background: #ffffff;
	border: 1px solid #dedbd1;
	margin: 4px 9px 4px 0px;
	padding: 7px;
}
.box2 .spacer.flickr img:hover{
	background: #ebe9e1;
	border: 1px solid #dedbd1;
}
/*- Ads -*/
.ads{
	height: 125px;
	margin: 0;
	padding:10px 15px;
}
.ads img{
	float: left;
	margin: 0 7px 0px 0px;
	border: 1px solid #dedbd1;
}
.ads img.last{
	margin: 0;
	float:right;
}
#mpu_banner {
	border: 1px solid #dedbd1;
}

/*=== Styling Lists ===*/

/*- List1 -*/
.list1{
	padding-right: 10px;
}
.list1 li{
	background: url(images/ico-star-trans.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 22px;
}
.list1 li a{
	color:#222222;
}
/*- List2 -*/
.list2{
	clear: both;
}
.list2 li{
	background: #ffffff;
	border: 1px solid #dedbd1;
	margin: 0 0 5px 0;
	padding: 12px 10px;
}
.list2 p {
	line-height:16px;
}
/*- Widget lists -*/
.widget ul{
	line-height:20px;
	padding: 0px;
	font-size:14px;
}
.widget ul li{
	border-bottom: 1px solid #f1f1ed;
	padding: 5px 0px;
}
.widget ul li a{
	color:#333333;
}
.widget ul li ul{
	margin: 5px 0 0px 10px;
}
.widget ul li ul li{
	background: none;
	border-top: 1px solid #f1f1ed;
	border-bottom: none;
	padding: 5px 0px;
}
li .rsswidget {
	font-size:13px;	
}
.hl {
	font-size:18px;
	color:#336699;	
}

/*=== Misc. ===*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
	margin-right:10px;
	width:200px;
}
img.fl{
	margin: 0 12px 5px 0;
}
.fr{
	float: right;
	padding-left:5px;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.gravatar {
	float:left;
	border: 1px solid #DEDBD1;
	margin: 0px 7px 0 0;
	padding:4px;
	background:#FFFFFF;
}

/*========= VIDEO =========*/

.video{
	height: 250px;
	margin: 0 0 10px 0;
	width: 300px;
	display: inline;
}

/*- SideTabs -*/
.vidtabs .idTabs{
	font-size: 12px;
	margin: 10px 0 0 0;
	width:100%;
	float:none;
}
.vidtabs .idTabs li{
	padding:0px;
	float:none;
}
.vidtabs .idTabs li a{
	background:#ffffff;
	color:#363636;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	text-align: left;
	border:0px;
	margin:0;
}
.vidtabs .idTabs li.last a{
	margin: 0
}
.vidtabs .idTabs li a:hover,
.vidtabs .idTabs .selected{
	background:#ebe9e1;
	text-decoration: none
}

/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.4em !important;
	padding: 0 0 5px;
	color:#333 !important;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
.commentmetadata a {
	font-size:11px;
	color:#333333;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li {
	-moz-border-radius:20px 20px 20px 0px;
	-webkit-border-radius:20px 20px 20px 0px;
	border-radius:20px 20px 20px 0px;
	-moz-box-shadow:2px 2px 2px 2px #999999;
	-webkit-box-shadow:2px 2px 2px 2px #999999;
	box-shadow:2px 2px 2px 2px #999999;
	border:1px solid #666666;
	margin:10px;
	padding:20px 10px 10px;
	width: 600px;
}
ol.commentlist li.alt{
	-moz-border-radius:0px 20px 20px 20px;
	-webkit-border-radius:0px 20px 20px 20px;
	border-radius:0px 20px 20px 20px;
	-moz-box-shadow:0px 0px 0px 0px transparent;
	-webkit-box-shadow:0px 0px 0px 0px transparent;
	box-shadow:0px 0px 0px 0px transparent;
	padding: 18px 18px 5px 18px !important;
	background:#F8F8F4;
	border:1px dashed #DEDBD1;
	margin: -5px;
	width: 572px;
}
input#submit {
	font-size: 12px;
	color:#363636;
	font-weight:bold;
	padding:7px 10px;
	margin: 0 0 7px 0;
	text-align: left;
	border: 1px solid #DEDBD1;
	background:#F5F4F0;
}

.reply {
	text-align: right;
	padding-bottom: 10px;
}

/*========= SINGLE POST SPECIFIC =========*/
.post small {
	margin-right:15px;
	float:right;
	margin-top:-15px;
}
span.tags{
	background: url(images/ico-tags-trans.png) no-repeat left;
	padding: 1px 0 0 20px;
}
.singleh2 {
	font-size: 20px !important;
	padding-top:5px;
}
.entry { 
margin:0 0 5px 5px;
width:670px;
}
.entry p{
	text-align:left;
	}
.entry blockquote {
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;
	color: #777777;
	font-style: italic;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img {
	padding: 2px 2px 2px 2px;
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}

/*========= ARCHIVE SPECIFIC =========*/

.arclist ul li{
	color:#c0c0c0;
	font-size:12px;
	border-bottom: 1px solid #f1f1ed;
	padding: 5px 0px;
}
.catrss {
	background: url(images/ico-rss.gif) center left no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {
	clear:both;
}
.navigation a {
	color:#666666;
	font-weight:bold;
	font-size:14px;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}

/*========= AUTHOR INFO =========*/

.author_info {
	padding: 0px;
	margin-top:15px;
	color:#666666;
}

.author_photo {
	float:left;
	margin-right:10px;
	width:58px;
}

.author_photo img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #cccccc;
	width: 48px;
	height:48px;
	float:left !important;
}
.author_info p {
	font-size:12px;
	padding:0px;
	margin-bottom:10px;
}
.author_info a {
	color:#000000;
	text-decoration:none;
	padding:0;
}
.author_info a:hover {
	text-decoration:underline;
}
.author_info ul, .author_info li {
	margin:0px;
	padding:0px;
}
.author_info h3 {
	font-size:14px;
	margin-bottom: 10px;
	padding: 0px;
}

.author_email a {
	background-image: url(images/ico-email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration:none;
	font-weight:bold;
}

.box2 .tweetmeme_button, .box2 #tweetmeme_button {
		display: none;
}

.dividerRight {
		background: transparent url(assets/images/divider-hori-rtol.png) no-repeat top center;
		width: 152px;
		height: 3px;
		float: right;
		margin: 10px  0 10px 0;
}

.widget .dividerRight {
	margin-right: -13px;
}

.widget h2 {
	margin-bottom:10px;
	margin-top:15px;
	padding: 0px;
}

.social {
		padding: 5px;
}

.facebookfan {
		margin-left: -5px;
}

#headBlog {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:50px;
	margin-top: -5px;
	margin-bottom: 15px;
	margin-left: -10px;
}

.hideme{display: none;}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/*WELCOME PAGE*/
.left {
		float: left;
}
.right {
		float: right;
}
.front-top {
	margin-top:-30px;
	width:925px;
	padding:25px 25px 0 30px;
}
.front-top p {
	font-size:18px;
    line-height:150%;
}
.hr {
		width: 620px;
		height: 30px;
		background: transparent url(images/hr.png) no-repeat top center;
		margin:10px;
		margin: 0 auto;
}
.front-featured {
		padding:15px 15px 15px 30px;
}
.featured-title {
		padding-top:7px;
}
.featured-title {
		font-family: Arial,Helvetica,sans-serif !important;
		font-size: 26px !important;
		font-weight: bold !important;
	}
.howto {
		color: #FF9900;
		margin-right: 10px;
}
.featured {
	width: 619px;
	height: 345px;
}
.front-featured-options {
		width: 284px;
		float: right;
        padding-right:15px;
}
.front-featured-options h2 {
		color:#336699;
        font-size:22px;
        line-height:125%;
        font-weight:bold;
}
.front-featured-options p {
        font-size:16px;
        line-height:150%;
}

.blue, .blue a {
	color: #336699;
}
.blue a:hover {
	color: #336699;
	text-decoration: underline;
}
.front-search-input{
    background: transparent url(images/search-bg.png) no-repeat top center;
	float: left;
	padding:3px 20px;
	font-size: 20px;
	background-color: transparent;
	border: 0px;
	width: 235px;
	height: 43px
}
.front-search-btn {
		width: 52px;
		height: 51px;
		border: 0px;
		float: left;
}
#searchform label {
    float:left;
    font-size:18px;
    font-weight:bold;
    padding-top:20px;
}
#searchform {
   margin-left:220px;
}

/* Small Sidebar Search */
.front-search-input-small {
	background: transparent url(images/search-bg-small.png) no-repeat top center;
	width: 170px;
	height: 39px;
	border: 0px;
	float: left;
    margin-top:10px;
}
.front-search-input-small input {
	padding-left: 8px;
	font-size: 16px;
	background-color: transparent;
	border: 0px;
	padding-top: 0px;
	width: 152px;
	height: 30px
}
.front-search-btn-small {
		width: 39px;
		height: 39px;
		border: 0px;
		float: right;
}

/* Front page articles */
.front-articles {
		padding: 15px;
}

.front-articles ul {
		list-style: none;
		margin:0px;
}

.front-articles li {
		float: left;
		padding: 0px;
		width: 283px;
        font-size:13px;
        margin:15px;
}
.front-articles h2 {
		font-size:18px;
        margin-bottom:0;
}
.front-articles h2 a {
        text-decoration:none;
}
.front-articles h2 a:hover {
        color:#000;
}
.grey {
		background-color: #E9E9E9;
}
.front-articles .post {
		padding: 14px;
		background-image:url(images/sep-footer.png);
		background-position: top left;
		background-repeat: repeat-y;
}
.front-articles .postbody {
		margin-top: 10px;
}
.read-more a {
		margin-top: 10px;
}


/* News */
.news {
    padding: 30px;
}
.news h2 {
    font-size:24px;
    font-weight:bold;
}
.news p {
    font-size:16px;
    margin-bottom:15px;
}
.news li {
    font-size:14px;
    line-height:150%;
}
.news li p {
    font-size:13px;
    line-height:150%;
    margin-top:0;
}
.subpage h1 {
	margin-bottom:30px;
}

pre {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #F5F5F5;
border:1px solid #DADADA;
font-size:12px;
line-height:1.3em;
overflow:auto;
padding:11px;
}

code, pre {
font-family:Consolas,Monaco,"Courier New",Courier,monospace;
}

.fr h2 {
    text-align:left;
    font-size:20px;
}