/*  
Theme Name: ROBOTRSALMON
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Tayber Voyer
Author URI: http://www.raincoatmedia.com/tayber
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

strong {
	color: #f5e7be;
	}
body {
	size: 90%;
	font-family: Garamond, Georgia, Arial, sans-serif;
	text-align: center;
	vertical-align: top;
	color: #13282a;
	background: url(images/bigrobot.png) #c0cacb no-repeat right 230px;
	}

	
a:link, a:visited {
	text-decoration: none;
	color: #333;
	}
a:hover {
	color: #5481bb;
	text-decoration: underline;
	}
p {
	padding: 10px 0 0 0;
	}
#globalnav {
	width: 380px;
	height: 45px;
	background: #7bb2b8;
	float: left;
	margin: 0 0 0 660px;
	z-index: 1000;

	}
#globalnav ul {
	margin-top: 20px;
	}
#globalnav li {
	display: inline;
	margin: 0 1em 0 1em;
	}

#globalnav a:link, #globalnav a:visited {
	color: #ddd;
	}
#globalnav a:hover {
	color: #333;
	}
#header {
	float: left;
	margin: -40px 0 100px 40px;
	background: none;
	height: 90px;
	padding: 0;
	}
#header h1 {
	font-family: Garamond, sans-serif;
	font-size: 0.85em;
	padding: 0 0 10px 0;
	margin: 0 0 0 190px;
	font-weight: bold;
	letter-spacing: 0.3em;
	float: left;
	clear: both;
	}
#header img {
	padding: 0;
	margin: 0;
	float: left;
}
#branding {
	clear:both;
	}
#nav {
	clear: both;
	float: left;
	margin: -80px 0 20px 40px;
	background: none;
	padding: 0;
	width: 1200px;
	}
#nav ul {
	list-style-type: none;
	}
#nav li {
	font-size: 0.8em;
	list-style-type: none;
	display: inline;
	float: left;
	}
#nav img {
	display: inline;
	float: left;
	margin: 0 0 15px 5px;
	}
#catnav {
	float: left;
	margin: 10px 0 0 0;
	}
#navauthor {
	float: left;
	margin: 10px 0 0 122px;
	}
#catnav h2, #navauthor h2 {
	float: left;
	font-size: 1.5em;
	}
.navicons ul {
	margin-top: 55px;
	}
.navicons li {
	padding: 0;
	margin: 0;
	}
.navicons li a:link, .navicons li a:visited {
	padding: 69px 0 0 0;
	}
.navicons li a:hover {
	background-position: 0 0;
	}

/* CSS sprite hover rules. */
.navicons ul li {
	padding: 0 50px 15px 0;
	}

.school a {
	background: url(images/school_icon.png) no-repeat;
	background-position: -61px 0;
	height: 10px;
	width: 61px;
	display: block;
	margin: 0 0 15px 0;

	}
.tech a {
	background: url(images/technology_icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
.design a {
	background: url(images/design_icons.png) no-repeat;
	background-position: -52px 0;
	height: 10px;
	width: 52px;
	display: block;
	}
.news a {
	background: url(images/news_icon.png) no-repeat;
	background-position: -52px 0;
	height: 10px;
	width: 52px;
	display: block;
	}
.tutorials a {
	background: url(images/tutorials_icons.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
/* 	end sprite classes for cat nav */
/*	start sprite classes for author nav */
.nicole a {
	background: url(images/nicole-icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
.kyle a {
	background: url(images/kyle-icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
.max a {
	background: url(images/max-icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
.tayber a {
	background: url(images/tayber-icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
.laura a {
	background: url(images/laura-icon.png) no-repeat;
	background-position: -40px 0;
	height: 10px;
	width: 40px;
	display: block;
	}
/* end sprite classes for author nav */

.pagenav {
}
#wrapper {
	margin: 10px 0 0 50px;
	width: 1200px;
	text-align: left;
	float: left;
	color: #888;
	}
#wrapper  a:link, #wrapper a:visited {
	color: #fff;
	}
#wrapper a:hover {
	color: #5481bb;
	}
#blogarrow {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: center;
	}
#blogarrow a:link, #blogarrow a:visited {
	color: #777;
	}

#blogarrow h3 {
	font-size: 0.9em;
	padding: 10px 0 10px 0;
	font-family: helvetica;
	text-transform: uppercase;
	font-weight: bolder;
	letter-spacing: -0.1em;
	}
#postlist {
	font-size: 0.8em;
	width: 90px;
	}
#postlist li {
	margin: 10px 0;
	}

#container {
	background: none;
	color: #bbb;
	float: left;
	width: 600px;
	margin-left: 50px;
	}

#INTE {
	padding: 10px 10px 0 40px;
	font-family: helvetica, arial, sans-serif;
	}
#INTE a img {
	margin: 10px 0 0 370px;
	padding-top: 10px;
	}
#INTE h3 {
	font-size: 1.4em;
	margin: 0 0 15px 15px;
	}
#INTE h4 {
	font-size: 0.8em;
	margin: -10px 0 0 15px;
	color: #777;
	}
.post {
	padding: 10px 0 10px 0;
	background: #1e1f20;
	border: 10px solid #fff;
	margin: 0 0 5px  0;
	padding: 20px;
	color: ddd;
	}
.entry img {

	margin: 0 8px 8px 0;
	}

.post h2 {
	font-family: Garamond, Georgia, sans-serif;
	font-size: 1.5em;
	margin: 0 10px 3px 10px;
	}
.post h3 {
	font-family: helvetica, Georgia, sans-serif;
	font-size: 0.9em;
	margin: 10px 0 3px 0;
	}
.entry {
	line-height: 1.2em;
	margin: 0 5px 0 10px;
	padding: 0 0 0 10px;

	}
.entry p {
	font-weight: lighter;
	}
	
.post p.postmetadata {
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
	padding: 0 0 4px 0;
	}

.comments-template {
	margin-left: 20px;
	}
	
p.postmetadata {
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
	padding: 0 0 4px 0;

	}
p.Cpostmetadata {
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	}
.navigation {
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 18px;
}
.sidebar {
	float: left;
	width: 240px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 5px;
	background: #1e1f20;
	border: 10px solid #fff;
	display: inline;
	}
.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
	}
.sidebar ul li{
	padding: 5px 10px 0 10px;
	}
.sidebar ul li h2 {
	font-family: Georgia, sans-serif;
	font-size: 0.9em;
	}
.sidebar ul ul li {
	padding: 0;
	line-height: 1.3em;
	
	}
table#wp-calendar {
	width: 100%;
	}
.socialmedia h2 {
	margin: 0 0 60px 15px;
	color: #f5e7be;
	font-size: 1.1em;
	background: #304559;
	width: 170px;
	padding: 5px;
	}
.contact h2 {
	margin: 0 0 60px 15px;
	color: #f5e7be;
	font-size: 1.1em;
	background: #304559;
	width: 170px;
	padding: 5px 0 5px 0;
	}
.socialmedia ul {
	padding-bottom: 40px;
	}

.socialmedia li {
	padding: 10px 0 0 0;
	margin: 40px 0 0 0;
	display: inline;
}
.twitterbird ul {
	padding-bottom: 40px;
	}
.flicker li a {
	background: url(images/flicker.png) no-repeat;
	background-position: 0 0;	
}
.friendster li a {
	background: url(images/friendster.png) no-repeat;
	background-position: 0 0;	
}

.linkedin li a {
	background: url(images/linkedin.png) no-repeat;
	background-position: 0 0;	
}

.stumble li a {
	background: url(images/stumble.png) no-repeat;
	background-position: 0 0;	
}

.facebook li a {
	background: url(images/facebook.png) no-repeat;
	background-position: 0 0;	
}
.rss li a {
	background: url(images/rss.png) no-repeat;
	background-position: 0 0;	
}

.socialmedia li a:link, .socialmedia li a:visited  {
	padding: 42px 62px 0 0;

}
.socialmedia li a:hover {
	background-position: 0 -62px;
	}


#footer {
	padding: 75px 0 0 0;
	clear: left;
	width: 1100px;
	height: 110px;
	background: url(images/rainbow.png) no-repeat;
	text-align: left;
	color: #666;
	}
#footer p{
	line-height: 18px;
	padding-left: 260px;
	color: #333;

	}
//comments style from wpdesigner.com 
.comments-template{
	margin: 10px 0 0 10px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}