/*
			Michael Kedor
			http://www.paintingwithlife.com			
			Deep Dark Blue:  #0b1119
			Dark Blue:  #141f2e
			Light Blue (text):  #8796a2
			Light Blue (button highlight, borders):  #222a36
*/

/*
	RESET
*/

*											{ margin: 0; padding: 0; }
html										{ overflow-y:  scroll; }
html, body									{ height: 100%; }
body										{ font-size: 62.5%; font-family: Arial, sans-serif; color: #8796a2;
											  background: url(http://www.paintingwithlife.com/images/body-bg.jpg) top center no-repeat; #0b1119; }

ul											{ list-style: none; }
ol											{ 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; background: #141f2e; padding: 3px 8px;
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #8796a2;
											  border-radius: 5px; }
.button:hover								{ background: url(http://www.paintingwithlife.com/images/navButton.png); color: #8796a2; }
.searchbar									{ border: 0px; height: 20px; vertical-align: middle; color:#FFFFFF; font-size: 1.2em; font-family: Arial, sans-serif; 
											  background: url(http://www.paintingwithlife.com/images/searchbar.jpg); }

/*
	TYPOGRAPHY
*/
p, li										{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
p#intro-paragraph							{ font-family: Arial, sans-serif; font-size: 2.0em; line-height:  1.4em; margin-top: 5px; }
p#intro-paragraph span						{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em						{ color: #8796a2 }
a											{ color: #8796a2 }
a:hover										{ color: #8796a2; color: #FFFFFF }
h1											{ font-size: 2.5em; font-family: Arial, sans-serif; font-weight: bold; }
h2											{ font-size: 1.2em; font-family: Arial, sans-serif; font-weight: normal; }
h3											{ font-size: 2.0em; font-family: Arial, sans-serif; font-weight: bold; }
h4											{ color: #8796a2; font-size: 1.0em; margin-bottom: 15px; }
h5											{ font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }




/*
	STRUCTURE
*/
#page-wrap									{ width: 960px; margin: 0px auto -100px; min-height: 100%; 
											  height: auto !important; height: 100%;}
#push										{ height: 100px; }
#sidebar-left								{ width: 190px; float: left; margin-left: 25px; }
#main-col									{ width: 540px; float: left; }
#main-content								{ width: 540px; float: left; }
#sidebar-right								{ width: 190px; float: right; }

/*
	HEADER
*/
h1#logo										{ width: 960px; height: 200px;
											 text-indent: -9999px; margin: 30px 10px -20px 0; float: left; }						
#top-bar									{ padding: 0 0 0 0; }											  
#top-bar p									{ color: white; width: 300px; float: left; }

											  
/*
	MENU
*/
#menu-bar									{ padding-top: 0; margin-bottom: 40px; }
ul#main-nav									{ background: url(http://www.paintingwithlife.com/images/navBarMain.jpg) no-repeat; width: 960px; height: 45px; margin: -17px 0 0 18px; }
ul#main-nav li								{ display: inline; }
ul#main-nav li a							{ text-transform: capitalize; color: #8796a2; font-size: 1.6em; padding: 10px 25px;
											  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
ul#main-nav li a:hover						{ background: url(http://www.paintingwithlife.com/images/navButton.png) repeat-x; color: #8796a2; }
form#searchform								{ margin: -5px 30px 10px 0; float: right; }	

	
											  

/*
	SIDEBAR
*/

.sidebar									{ background: #141f2e; width: 120px; height: 300px; border-top: 1px; solid #222a36; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 50px 0; }
.sidebar .inside							{ padding: 10px; }
.sidebar ul									{ list-style: square; margin-left: 15px; }
.sidebar ul a								{ display: block; padding: 2px; }
.sidebar ul a li a:hover					{ background: #222a36; color: #8796a2; }
.thumb										{ width: 62px; float: left; margin: 0 0 10px 15px; }


/*
	PORTFOLIO NAV
*/

ul#port-nav									{ background: none; }
ul#port-nav li								{ display: inline; }
ul#port-nav li a							{ text-transform: capitalize; color: #8796a2; font-size: 1.2em; padding-left: 10px; padding-right: 10px;
											  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul#port-nav li a:hover						{ background: url(http://www.paintingwithlife.com/images/navButton.png) repeat-x; color: #8796a2; }

/*
	MAINCONTENT
*/

.aboutBox									{ background: url(http://www.paintingwithlife.com/images/aboutBox.jpg) no-repeat; width: 540px; height: 200px; border-top: 1px solid #222a36; 											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 10px 0; }
.aboutBox .inside							{ padding: 10px; }
.aboutBox ul								{ list-style: square; margin-left: 15px; }
.aboutBox ul a								{ display: block; padding: 2px; }
.aboutBox ul a li a:hover					{ background: #222a36; color: #8796a2; }

.tweetBox									{ background: url(http://www.paintingwithlife.com/images/tweetBox.jpg) no-repeat; width: 360px; height: 100px; border-top: 1px solid #222a36; 											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px; }
.tweetBox .inside							{ margin: 5px; padding: 5px; }
.tweetBox ul								{ list-style: square; margin-left: 15px; }
.tweetBox ul a								{ display: block; padding: 2px; }
.tweetBox ul a li a:hover					{ background: #222a36; color: #8796a2; }

.linkBox									{ background: url(http://www.paintingwithlife.com/images/linkBox.jpg) no-repeat; width: 360px; height: 90px; border-top: 1px solid #222a36; 											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px; }
.linkBox .inside							{ margin: 5px; padding: 5px; }
.linkBox ul									{ list-style: square; margin-left: 15px; }
.linkBox ul a								{ display: block; padding: 2px; }
.linkBox ul a li a:hover					{ background: #222a36; color: #8796a2; }

.postBox									{ background: #141f2e no-repeat; width: 920px; height: 300px; border-top: 1px solid #222a36; 											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 10px 0; }
.postBox .inside							{ padding: 10px; }
.postBox ul									{ list-style: square; margin-left: 15px; }
.postBox ul a								{ display: block; padding: 2px; }
.postBox ul a li a:hover					{ background: #222a36; color: #8796a2; }

.portListBox								{ background: url(http://www.paintingwithlife.com/images/portListBox.jpg) no-repeat; width: 250px; height: 280px; -moz-border-radius: 5px; 													                                             -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0; }
.portListBox .inside						{ padding: 10px; }
.portListBox ul								{ list-style: square; margin-left: 15px; }
.portListBox ul a							{ display: relative; padding: 2px; }
.portListBox ul a li a:hover				{ background: #222a36; color: #8796a2; }

.videoBox									{ background: url(http://www.paintingwithlife.com/images/videoBox.jpg) no-repeat; width: 660px; height: 410px; -moz-border-radius: 5px; 													                                             -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 0 0; }
.videoBox .inside							{ padding: 10px; }
.videoBox ul								{ list-style: square; margin-left: 15px; }
.videoBox ul a								{ display: block; padding: 2px; }
.videoBox ul a li a:hover					{ background: #222a36; color: #8796a2; }


/*
.mainboxSmall								{ background: #141f2e; width: 540px; height: 80px; border-top: 1px solid #222a36; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 5px 0; }
.mainboxSmall .inside						{ padding: 10px; }
.mainboxSmall ul							{ list-style: square; margin-left: 15px; }
.mainboxSmall ul a							{ display: block; padding: 2px; }
.mainboxSmall ul a li a:hover				{ background: #222a36; color: #8796a2; }

.mainboxMedium								{ background: #141f2e; width: 540px; height: 204px; border-top: 1px solid #222a36; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 50px 0; }
.mainboxMedium .inside						{ padding: 10px; }
.mainboxMedium ul							{ list-style: square; margin-left: 15px; }
.mainboxMedium ul a							{ display: block; padding: 2px; }
.mainboxMedium ul a li a:hover				{ background: #222a36; color: #8796a2; }

.mainboxMediumLarge							{ background: #141f2e; width: 580px; height: 240px; border-top: 1px solid #222a36; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 50px 0; }
.mainboxMediumLarge .inside					{ padding: 10px; }
.mainboxMediumLarge ul						{ list-style: square; margin-left: 15px; }
.mainboxMediumLarge ul a					{ display: block; padding: 2px; }
.mainboxMediumLarge ul a li a:hover			{ background: #222a36; color: #8796a2; }

.mainboxMap									{ background: #141f2e; width: 800px; height: 320px; border-top: 1px solid #222a36; 
											  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
											  margin: 0 0 50px 0; }
.mainboxMap .inside							{ padding: 10px; background: url(http://www.blackstonemediagroup.tv/test/images/map.jpg) no-repeat;"  }
.mainboxMap ul								{ list-style: square; margin-left: 15px; }
.mainboxMap ul a							{ display: block; padding: 2px; }
.mainboxMap ul a li a:hover					{ background: #222a36; color: #8796a2; }

*/




/*
	FOOTER
*/
#footer										{ height: 100px; background: url(http://www.paintingwithlife.com/images/footer.jpg) no-repeat; margin-top: 50px;
										      width: 960px; font-size: 1.0em; font-family: Arial, sans-serif; color: #8796a2; padding-left: 20px; padding-top: 6px;}
ul#footer-nav								{ background: url(http://www.paintingwithlife.com/images/navBarMain.jpg) no-repeat; width: 960px; height: 45px; margin: -17px 0 0 18px; }
ul#footer-nav li							{ display: inline; }
ul#footer-nav li a							{ text-transform: capitalize; color: #8796a2; font-size: 1em; padding: 10px 25px; }