/*  
Theme Name: SF New Tech
Theme URI: http://sfnewtech.com/
Description: Custom designed and built.
Version: 1.0
Author: Tractor
Author URI: http://tractor.tv
*/


/* UNIVERSAL */
/* Generic Classes */
.fleft { float: left; }
.fright { float: right; }
.aright { text-align: right; }
.acenter { text-align: center; }
.aleft { text-align: left; }
.clear { clear: both; }
.noPaddingTop { padding-top: 0px; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: #252525;
	margin: 0px;
	padding: 0px;
}
h1 { font-size: 20px; margin: 0px 0px 10px 0px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; margin: 10px 0px 0px 0px; }

/* Misc */
b, strong {	color: #565656;	font-weight: bold; }
p { margin: 0px; padding: 0px 0px 10px 0px; }
hr { border: 1px solid #f1f1f1; height: 1px; background-color: #f1f1f1; clear: both; margin: 0px; display: block; }
.hr { margin: 0px; padding: 25px 0px; clear: both; background: transparent url('images/css/hr.png') center repeat-x; }
.hr-top { margin: 0px; padding: 0px 0px 25px 0px; font-size:1px; clear: both; background: transparent url('images/css/hr.png') 0px 10px repeat-x; }
.hr-bottom { margin: 0px; padding: 25px 0px 0px 0px; font-size:1px; clear: both; background: transparent url('images/css/hr.png') 0px 10px repeat-x; }
p#tractor {
	margin-top: 50px;
	text-align:center;
}

/* Links */
a img { border: none; }
a { color: #c63434; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Buttons */
.btn .more-info { width: 126px; background-image: url('images/css/btn-more-info.png'); }
.btn .entire-article { width: 115px; background-image: url('images/css/btn-entire-article.png'); }
.btn .visit-our-flickr-page { width: 126px; background-image: url('images/css/btn-visit-our-flickr-page.png'); }
.btn .arrow-left { width: 24px; background-image: url('images/css/btn-arrow-left.png'); }
.btn .arrow-right { width: 24px; background-image: url('images/css/btn-arrow-right.png'); }

.btn a {
	background-color: #fbfbfb;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
}
.btn a span { display: none; }
.btn a:hover { background-position: bottom left; }


/* LAYOUT */
body {
	font-size: 12px;
	font-family: Geneva, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #F5F5F5 url('images/css/page-bg.gif') 0px 0px repeat-x;
	color: #7e7e7e;
	margin: 0px;
	padding: 0px;
}

#page {
	margin: 38px auto 20px auto;
	width: 952px;
}

#footer {
	font-size: 10px;
	color: #5c5c5c;
	padding-top: 5px;
	clear: both;
}

#header {
	background: transparent url('images/css/header-bg-pic.jpg') no-repeat bottom center;
	height: 391px;
	margin-bottom: 10px;
}

#content {
	float: left;
	width: 495px;
	margin-left: 10px;
}
#content-wide {
	float: left;
	width: 765px;
}

#sidebar1 {
	float: left;
	width: 260px;
}

#sidebar2 {
	float: right;
	width: 177px;
}


/* HEADER */
#header-nav {
	height: 77px;
	overflow: hidden;
	background: transparent url('images/css/header-bg.png') no-repeat;
}

h1#logo {
	position: absolute;
	margin: 25px 0px 0px 19px;
}

h2#tagline {
	text-align: right;
	margin: 47px 20px 0px 0px;
}


/* MAIN NAVIGATION */
#nav {
	overflow: hidden;
	height: 38px;
	background: transparent url('images/css/header-nav-bg.png') no-repeat;
}
#nav ul {
	margin: 0px;
	padding: 0px 6px;
	list-style: none;
}
#nav li {
	float: left;
	display: block;
	padding: 0px 13px;
}
#nav a {
	font-size: 12px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	min-width: 10px !important;
	width: auto !important;
	width: 10px;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	color: #e7e7e7;
}
#nav a:hover {
	background: transparent url('images/css/nav-hover-bg.png') bottom left repeat-x;
}
#nav .current a {
	background: transparent url('images/css/nav-current-bg.png') bottom left repeat-x;
}
#nav #nav-rss  {
	float: right;
}
#nav #nav-rss a,
#nav #nav-rss a:hover {
	background: transparent url('images/css/icon-rss.png') center right no-repeat;
	padding-right: 28px;
}

#nav #nav-fcukzuck a, 
#nav #nav-fcukzuck a:hover {
	background:transparent url(images/css/fcukzuck.png) no-repeat;
	padding-right:28px;
}

#nav #nav-twitter a, 
#nav #nav-twitter a:hover {
	background:transparent url(images/css/tw1tter.png) no-repeat;
	padding-right:28px;
}


/* TOUTS */
.tout {
	margin-bottom: 10px;
	background: #F8F8F8 url('images/css/tout-content-left.png') top left repeat-y;
}
.toutContent {
	background: transparent url('images/css/tout-content-right.png') top right repeat-y;
	padding: 20px 20px 0px 20px;
	clear: both;
}
.toutHeader {
	overflow: hidden;
	background: #a12a2a url('images/css/tout-header-left.png') top left no-repeat;
}
.toutHeader h3 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #e7e7e7;
	height: 40px;
	line-height: 40px;
	margin: 0px 0px 0px 20px;
	padding: 0px 20px 0px 0px;
	background: #a12a2a url('images/css/tout-header-right.png') top right no-repeat;
}
.toutFooter {
	background: transparent url('images/css/tout-footer-left.png') top left no-repeat;
}
.toutFooter div {
	height: 30px;
	margin: 0px;
	margin-left: 20px;
	/* padding-right: 20px; */
	background: transparent url('images/css/tout-footer-right.png') top right no-repeat;
}


/* POSTS */
h2 a { color: #000; text-decoration: none; }
.entry { padding: 25px 0px; }
.postmetadata { padding-bottom: 15px; }
.postmetadata.alt { font-size: 10px; }
.navigation { padding-bottom: 60px; }
.navigation.bottom { padding: 60px 0px 0px 0px; }


/* LISTS */
ul {
	list-style: none;
	margin: 0px;
}
#content-wide li:before,
#content-narrow li:before {
	content: "\00BB \0020";
}

.sidebar ul { list-style: none; padding: 0px; }
.sidebar li { list-style: none; margin: 0px; padding: 5px 0px 10px 0px; }

.sidebar .linkcat h2 { display: none; }


/*
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
} 

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
*/













/* 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.centered {
	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
}


/* FORMS */
#searchform {
	margin: 0px auto;
	padding: 10px 3px; 
	text-align: center;
}

#searchform #s {
	margin: 5px auto;
	width: 108px;
	padding: 2px;
}

#searchsubmit {
	margin: 5px auto;
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}


/* COMMENTS */
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	padding: 10px 5px 10px 0;
}

#commentform p {
	padding: 5px 0;
}

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

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


/* 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 Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
/* End Various Tags & Classes*/






/* EVENTBRITE */

#event-desc {
	font-size: 11px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
.event-spacer {
	padding: 10px 0px;
	margin: 0px;
	height: 1px;
	clear: both;
}



/* FLICKR WIDGET */

#flickr-image-holder {
	text-align: center;
	background: transparent url('images/css/tout-content-right.png') top right repeat-y;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
	height: 100%;
}
#flickr-counter {
	width: 170px;
	font-size: 14px;
	line-height: 24px;
}