/*
Theme Name: My port theme
Theme URI: http://smallestdecisions.net
Description: Portfolio theme
Author: me
Author URI: http://smallestdecisions.net
*/


/*Reset*/

*					{ margin: 0; padding: 0; }
html, body			{ height: 100% }
body					{ background: white;}
ul li					{list-style: none;} 
a					{outline: none; text-decoration: none;}
a img				{border: none;}
img					{vertical-align: middle;}
table					{border-collapse: collapse;}



/*Utility*/

.floatLeft			{float: left;}
.floatRight			{float: right;}
.clear				{clear: both;}
.button				{border: 1px solid black; background: white; color: black; padding: 3px;}
.button:hover		{border: 1px solid white; }



/*Typography*/


a						{color: black;}
a:hover, a:visited		{color: black;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; }



/*Structure*/


#page-wrap			{margin: 0px auto;  font-size: 62.5%; font-family: Arial, sans-serif; color: black;}
#main-col			{padding: 3px 0; font-size: 1.8em; line-height: 1.4em;} /* was padding: 20px 0; trying less so it's closer to top fade out thing */
#main-col a			{font-family: Georgia, serif;}
.inside				{width: 900px; margin: 0px auto;}


/*Header*/

#header				{}
#header-inside h1	{font-size: 44px; height: 50px; padding: 10px 0;}
#logo				{display: none;}
#skip				{display: none;}



/*Menu*/

#menu-bar			{display: none;}


/*Footer*/

#footer				{padding-top: 5px; font-size: 1.6em; line-height: 1.6em;}
#footer-inside		{padding-top: 5px;}
#footer-credits		{}
#footer-nav			{display: none;}
#searchbar			{display: none;}
#footer a 			{}
#footer a:hover		{}
#footer h4			{font-size: 1.3em; font-weight: normal;}

/*Specific page styling*/

/*main page*/
#firstline			{font-size:1.4em; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 8px 0;} /* took out font-style: italic;*/
#intro				{width: 425px; float: left;  padding: 0 20px 0 0;}
#intro h2			{font-size: 1.4em;}
#featured-project	{width: 400px; float: right; padding: 0 0 10px 0; }
#featured-project h2	{font-size: 1.4em;}
#featured-project p	{padding: 0 0 0px 10px;} /* smaller font size font-size: .8em; line-height: 1.1em; */
#featured-project h3  {font-size: 1.1em; padding: 15px 0 5px 10px;}
#featured-project img {border: 5px black solid; margin: 0 0 8px 0;}
#featured-project a	{font-size: 1.0em;}


/*services separate page*/
#services-page		{} 
#services-page h2	{font-size: 1.4em;}
#services-page h3	{font-size: 1.2em; padding: 0 0 10px 0;} /*still working on adjusting this, try out the padding see if it's better*/
#services-page li		{padding-left: 8px; padding-bottom: 6px;}
#services-page ul 	{padding-left: 8px; padding-bottom: 3px; text-indent: -1em;} 


/*FAQ page*/
.question			{font-weight: bold;}

/*Contact page*/
#form input:focus, #form select:focus, #form textarea:focus {background:#EBEBEB;}
#form-error			{color: red;}

/*Portfolio single pages*/
.thumbnail			{height: 300px; width: 400px; padding-right: 10px; float: left;}
.description		{width: 475px; float: right;}
.prev-next-design	{display: none;}

/*Portfolio thumbs*/

#port-thumbs		{display: none;}
#port-thumbs-print	{width: 900px; height: 780px;}

.thumbprint			{width: 290px; height: 150px; border: 5px black solid; float: right; overflow: hidden; }