/*
Theme Name: nsidemedia.com v 1.0
Theme URI: http://www.nsidemedia.com/
Description: 
Version: 1.0
Author: Benjamin Hunsaker
Author URI: http://ben.unsake.net
Tags:

*/
/* CSS Document */

/***
	Feel Free to look at this and study it.
	You can use it to learn, and experiment BUT 
	DO NOT COPY this in anyway.  
	It will come back to you.
*/
/**
	COLORS:
	background			#212127
	text				#cccccd
	links				#4a7b99
	hover				#5690b3
	h1-6				#8d6527
***/

@media screen, projection {
/**
 * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * read more here: http://developer.yahoo.com/yui/fonts/
 * version: 0.11.0
*/

  body                            	{font:17px arial,helvetica,clean,sans-serif; }
  table                           	{font-size:inherit; font-size:100%;}
  select, input, textarea         	{font:99% Helvetica,Verdana,sans-serif; vertical-align:middle; background:#DAD7C5;}
  pre, code                       	{font:115% monospace;}
/** end Yahoo Fonts */


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,body,html,p,blockquote,
fieldset,input						{margin:0;padding:0;}
body								{font-family:,Helvetica,Verdana,sans-serif; background:#212127; color:#cccccd; /*text-shadow:black 0 0 0; */ line-height:1.5;}
img									{border:none;}
a									{text-decoration:none; color:#4a7b99;}
a:hover								{color:#5690b3;}
ul, ol								{margin:0 0em;}
ol									{margin:30px;}
ul									{list-style:url(../images/listDot.png);}
ul li								{margin:0; padding:0px 0 0 0px; height:2em;}/*
ul.show ul							{margin:0px; padding:0px;}
ul.show li							{background:url(../images/listDot.png) 0px 2px no-repeat; padding-left:25px;}*/
p									{}
code                          		{background:#ccc; padding:1px 2px; font-size:92%; font-family:Monaco, "Courier New", Courier, mono;}
h1,h2,h3,h4,h5,h6					{color:#8d6527;}
h1									{font-size:150%;}
h2									{font-size:140%;}
h3									{font-size:130%;}
h4									{font-size:120%;}
h5									{font-size:110%;}
h6									{font-size:80%;}
img.border							{border:5px solid #8d6527;}
/**
	Steve used cite, blockquote, .post and pre here.
	I don't know what they are so I will not use them
	here because at the moment I don't have those tags.
*/
#wrapper							{width:900px; margin:0px auto; position:relative;}
#content							{width:590px; margin-left:310px; background:#303033; padding-top:84px;}
#sidebar							{width:300px; padding-top:80px;}
.contentText						{padding:0px 26px;}
.sidebarList						{margin-left:20px;}
ul#feeds							{list-style:url(images/rssList.png);}
/***	Water Mark / Navbar	***/
h1#waterMark a, div#navbar,#sidebar	{position:absolute; top:20px;}
/***	Watter Mark		***/
h1#waterMark a						{left:0px;display:block; overflow:hidden; text-indent:-9999px; background:url(images/logo.png) 0px 0px no-repeat; width:253px; height:64px;}
h1#waterMark a:hover				{background-position:0px -65px;}
/***	Navbar	***/
div#navbar							{right:0px;}
ul#navbarList						{list-style:none; display:block; width:590px; height:65px; overflow:hidden; margin:0px; }
ul#navbarList li					{float:left; display:block; width:118px; height:64px; position:relative;}
ul#navbarList li a					{position:absolute; top:0px; left:0px;display:block; width:118px; height:64px;text-indent:-999px; overflow:hidden; background:url(images/navbar.png) no-repeat;}

li#navListHome a#linkHome			{background-position:0px 0px;}
li#navListHome a#linkHome:hover		{background-position:0px -66px;}
li#navListHome a#linkHome:active	{background-position:0px -130px;}
li#navListHome a#linkHomeCurrent	{background-position:0px -130px;}
li#navListServ a#linkServ			{background-position:-118px 0px;}
li#navListServ a#linkServ:hover		{background-position:-118px -65px;}
li#navListServ a#linkServ:active	{background-position:-118px -130px;}
li#navListServ a#linkServCurrent	{background-position:-118px -130px;}
li#navListPort a#linkPort			{background-position:-236px 0px;}
li#navListPort a#linkPort:hover		{background-position:-236px -65px;}
li#navListPort a#linkPort:active	{background-position:-236px -130px;}
li#navListPort a#linkPortCurrent	{background-position:-236px -130px;}
li#navListArti a#linkArti			{background-position:-354px 0px;}
li#navListArti a#linkArti:hover		{background-position:-354px -65px;}
li#navListArti a#linkArti:active	{background-position:-354px -130px;}
li#navListArti a#linkArtiCurrent	{background-position:-354px -130px;}
li#navListCont a#linkCont			{background-position:-473px 0px;}
li#navListCont a#linkCont:hover		{background-position:-473px -65px;}
li#navListCont a#linkCont:active	{background-position:-473px -130px;}
li#navListCont a#linkContCurrent	{background-position:-473px -130px;}

/***	compIntro	***/
h1#motto							{display:block; height:75px; width:590px; text-indent:-999px; overflow:hidden; background:url(images/motto.png) 25px 15px no-repeat;}
div#compIntro p						{display:block; height:220px; width:530px; padding:23px 30px 0px; font-size:145%; background:url(images/fillBG.png) 0px 0px repeat-x;}

/***	portfolio Sample	***/
h1#portSamp							{display:block; height:43px; width:590px; text-indent:-999px; overflow:hidden; background:url(images/portSamples.png) 25px 4px no-repeat;}
div.portPreview						{display:block; height:215px; width:590px; padding:12px 0px 23px; background:url(images/fillBG.png) 0px 0px repeat-x;}
div.portPreview img					{width:590px; height:215px;}
p#morePort							{margin-left:25px; margin-bottom:0px; display:block; height:45px; width:160px; }
p#morePort a						{display:block; height:35px; width:100%; background:url(images/morePort.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden;}
p#morePort a:hover					{background-position:0px -35px;}

/***	meIntro	***/
div#meIntro							{display:block; width:250px; height:110px; margin-top:2px;}
div#meIntro h1						{display:block; width:100px; height:100px; text-indent:-999px; overflow:hidden; background:url(images/me100.jpg) top left no-repeat; border:3px solid #8d6527;}
div#meIntro p						{display:block; width:125px; heigth:200px; font-size:85%; margin-left:15px;}
div#meIntro a						{color:#8d6527;}
div#meIntro *						{float:left;}
div#meIntro:hover h1				{border:3px solid #b28032;}
div#meIntro:hover a					{color:#b28032;}

/***	blogReview		***/
div#blogReview						{margin-top:15px;}
div#blogReview h1					{display:block; width:245px; height:50px; background:url(images/recentArt.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden; }
div#blogReview ul					{list-style:none;}
div#blogReview a					{color:#212127;}
div#blogReview a:hover				{color:#b28032;}
div#blogReview li:hover a			{color:#b28032;}
div#blogReview li:hover				{background-position:0px 0px;}
div#blogReview ul li				{display:block; height:60px; width:255px; background:url(images/listSquare.png) 0px -70px no-repeat; padding-left:25px; padding-top:10px; margin-bottom:10px;}
div#blogReview ul li a				{display:block; height:30px; width:250px; }

/***	services	***/
h2.pictHeader						{display:block; height:45px; width:300px; text-indent:-999px; overflow:hidden; margin:10px 0px 5px;}
div#services						{padding-bottom:13px;}
div#services ul						{margin-left:20px;}
h2#technology						{background:url(images/technology.png) 0px 0px no-repeat;}
h2#design							{background:url(images/design.png) 0px 0px no-repeat;}
h2#function							{background:url(images/function.png) 0px 0px no-repeat;}
div#clientComments h1				{display:block; height:45px; width:250px; text-indent:-999px; overflow:hidden; margin:10px 0px 5px; background:url(images/clientComment.png) 0px 0px no-repeat;}

/***	portfolio	***/
div.portEntry						{display:block; height:325px; position:relative; background:url(images/bottomGradient.png) bottom right no-repeat;}
div.portEntry div.descript			{padding-bottom:10px;}
div.portEntry h2					{display:block; height:30px; width:200px; text-indent:-999px; overflow:hidden; background:url(images/involvement.png) 0px 0px no-repeat;}
div.portDescript					{display:block; position:absolute; top:10px; left:-305px; width:280px; height:300px; font-size:95%;}
img.previewOption					{display:block; width:118px; height:43px; float:left; margin-left:15px; border:5px solid #8d6527; }

/***	Archive		***/
div#postList						{min-height:500px;}
div#postList h1						{margin:15px 25px 5px;display:block; width:400px; height:50px; text-indent:-999px; overflow:hidden; background:url(images/thoughts.png) 0px 0px no-repeat;}
div#searchItem 						{position:relative; font-size:70%; padding:10px 25px 15px; border-bottom:5px solid #8d6527;}
div#liveSearch						{position: absolute; top:2px; right:25px;font-size:180%;}
div.articleListing					{background:url(images/bottomGradient.png) bottom right no-repeat;}
div.articleListing a				{display:block; width:97%; height:100%; padding:10px 25px 13px; position:relative;}
div.articleListing a p				{position:absolute; left:500px; top:10px;}
div#delivery h1						{display:block; width:280px; height:50px; margin:20px 0px 5px; text-indent:-999px; overflow:hidden; background:url(images/delivery.png) 0px 0px no-repeat;}

/***	Single Posts	***/
div#postContent						{margin-bottom:80px;}
div#post h1							{font-size:220%; padding:0px 26px;}
div#post h2							{display:block; background-color:#cccccd; margin:10px 0px 20px;}
div#post code						{background:#212127; display:block; margin:10px 20px 10px 0px; padding:10px; overflow:auto; height:100%; font-size:62%;}
div#postMetadata p					{margin:15px 0px; font-size:80%;}
div#postMetadata h5					{font-size:100%; margin-top:10px;}
div#postMetadata h1					{display:block; width:280px; height:40px; text-indent:-999px; overflow:hidden; background:url(images/postInfo.png) 0px 0px no-repeat;}

/***	Comments	***/
h4#numberComments					{background:url(images/bottomGradient.png) bottom right no-repeat; font-size:180%;}
div.comment							{position:relative; min-height:100px; padding-top:10px; padding-bottom:10px; margin-right:0px; background:url(images/bottomGradient.png) bottom right no-repeat;}
div.comment div.commentmetadata		{position:absolute; top:0px; left:-305px; display:block; padding:20px 10px 0px; width:290px; height:90px; border:solid 3px #303033;}
div.commentmetadata img				{border:3px solid #8d6527;}
div.commentInfo						{position:absolute; top:13px; left:70px; font-size:90%;}
div.commentInfo h4					{font-size:110%;}
div.commentInfo p					{font-size:90%;}
div#commentForm						{padding-bottom:20px; background:url(images/bottomGradient.png) bottom right no-repeat; position:relative; padding-top:20px;}
div#commentForm input,
div#commentForm textarea			{border:none; padding:4px 2px 1px;}
div#commentForm input#submit		{display:block; width:140px; height:40px; margin-top:10px; border:none; background:url(images/post.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden;}
div#commentForm input#submit:hover	{background-position:0px -50px;}
div#commentSide						{display:block; width:280px; position:absolute; top:20px; left:-305px;}
div#commentSide h3					{display:block; height:40px; width:280px; text-indent:-999px; overflow:hidden; background:url(images/makeComment.png) 0px 0px no-repeat;}
div#commentSide p					{padding-left:5px;}

div.adminComment					{background-color:#49494e;}
div.adminComment div.commentmetadata	{border-color:#49494e;}

/***	Contact	***/
div#contactForm textarea			{width:590px; height:215px; border:none;}
div#contactForm input				{border:none;}
div#contactForm label				{display:inline-block; width:154px;}
div#contactForm						{position:relative; font-size:80%; padding-bottom:20px;}
div#contactForm h2					{display:block; width:400px; height:40px; margin:10px 26px; background:url(images/emailMe.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden;}
div#contactForm input#submitButtom	{display:block; width:140px; height:40px; margin-top:10px; border:none; background:url(images/send.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden; margin-left:26px;}
div#contactForm 
input#submitButtom:hover			{background-position:0px -50px;}
h1#loveToHear						{display:block; width:400px; height:50px; margin:15px 26px; background:url(images/loveToHear.png) 0px 0px no-repeat; text-indent:-999px; overflow:hidden;}
div#contactSideForm					{position:absolute; top:60px; left:-308px; }
div#contactSideForm p				{display:block; height:39px;}
p#contaceTextArea 					{padding:12px 0px; background:url(images/fillBG.png) 0px 0px repeat-x;}
div#contactForm h3					{color:#49494e;}
div#contactSidebar					{font-size:90%;}
div#contactSidebar h2				{font-size:95%;}
div#contactSidebar h1				{display:block; width:280px; height:40px; text-indent:-999px; overflow:hidden; background:url(images/contactInfo.png) 0px 0px no-repeat; }
div#contactSidebar ul.contactList	{margin-left:30px;}
div#mailSent						{padding-bottom:20px;}
h3#sentSuccesful, h3#sentFailed		{display:block; width:500px; height:50px; margin:10px 0px; text-indent:-999px; overflow:hidden; background:0px 0px no-repeat;}
h3#sentSuccesful					{background-image:url(images/sentSuccesful.png);}
h3#sentFailed						{background-image:url(images/sentFailed.png);}

/***	404 error	***/
div#content404 h1					{display:block; height:50px; width:300px; text-indent:-999px; overflow:hidden; background:url(images/confused.png) 0px 0px no-repeat; margin-top:10px;}
div#content404 h2					{display:block; height:35px; widht:500px; text-indent:-999px; overflow:hidden; background:url(images/lookingArt.png) 0px 0px no-repeat; margin:10px 0px}

/***	Footer		***/
div#footer							{position:relative; font-size:80%;}
div#footer p#badKarma				{position:absolute; top:0px; right:0px;}
}