/*
		Jemma Louise Smith AKA theprgeek
		http://www.theprgeek.co.uk
		
		Pink: #EC1968
		Purple: #7309AB	
		Green: #D4FA19
		Orange: #FF7300
		Dark Grey: #333333
		Lighter Grey: #CCCCCC
		Lightest Grey: #EEEEEE
*/



/*
	RESET
*/

*								{ margin: 0; padding: 0; }
html							{ overflow-y: scroll; }
html, body						{ height: 100%; }
body							{ font-size: 62.5%; font-family: Helvetica, sans-serif; color: #333333; background-color: white; }
ul								{ list-style: none; }
ol								{ list-style: decimal inside; }
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 #333333; background: white; padding: 2px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333333; }
.button:hover					{ background: #FF7300; color: white; }





/*
	TYPOGRAPHY	
*/

p									{ font-size: 1.2em; line-height: 1.2em; margin: 0; margin: 0; padding: 0 0 1em; }
li									{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 0 0; }
p#intro-paragraph					{ font-family: Helvetica, sans-serif; font-size: 2.0em; line-height: 1.4em; margin-top: 5px; text-align: justify; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{ color: #FF7300; }
a									{ color: #FF7300; }
a:hover								{ color: #333333; }
h1									{ font-size: 3.6em; font-family: Helvetica, sans-serif; font-weight: normal; color: #7309AB; margin-bottom: 15px; }
h2									{ font-size: 2.0em; line-height: 1.4em; font-family: Helvetica, sans-serif; font-weight: normal; color: #333333; }
h3									{ font-size: 2.0em; font-family: Helvetica, sans-serif; font-weight: normal; color: #FF7300; margin: 0 0 15px 0; }
h4									{ font-size: 1.2em; font-family: Helvetica, sans-serif; font-weight: normal; color: #333333; margin-bottom: 15px; }
.post h4							{ font-size: 1.2em; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 0; color: #FF7300; }





/*
	FORMS
*/
input								{ padding: 3px; }





/*
	STRUCTURE
*/
#page-wrap						{ width: 960px; margin: 0px auto -50px; min-height: 100%; height: auto !important; height 100%; margin: 0 auto -50px; }
#push							{ height: 50px; }
#main-col						{ width: 755px; float: left; }
#sidebarwrap					{ width: 190px; float: left; margin-right: 15px; }
#socialsidebar					{ width: 190px; float: left; margin-right: 15px; }
#archivesidebar					{ width: 190px; float: left; margin-right: 15px; }
#twittersidebar					{ width: 190px; float: left; margin-right: 15px; }
#footer-wrap					{ width: 960px; height: 50px; float:left }





/*
	HEADER
*/
h1#logo											{ width: 609px; height: 135px;
												  background: url(/images/theprgeek_header.jpg) top left no-repeat; text-indent: -9999px;
												  margin: 0 10px 0 0;float: left; }
#main-pic										{ float: left; margin-right: 10px; }
#top-bar										{ padding: 20px 0 0 0; }
#top-bar p										{ color: #EEEEEE; width: 300px; float: left; }
form#searchform									{ margin: 90px 0 10px 0; float: right; }





/*
	MENU
*/

#menu-bar										{ padding-top: 11px; margin-bottom: 20px; }
ul#main-nav										{ width: 360px; float: left; margin: 10px 0 0 0; }
ul#extra-nav									{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav li, ul#extra-nav li					{ display: inline; }
ul#main-nav li a, ul#extra-nav li a 			{ color: #FF7300; font-size: 1.9em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a			{ background: white; color: #333333; }





/*
	WIDGETS
*/

.widget											{ background: #EEEEEE; width: 190px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; 
												  -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
.widget .inside									{ padding: 15px; }
.widget ul li									{ list-style: none inside; }
.widget ul li 									{ margin: 3px 0 3px 0; }
.widget ul li a 								{ padding: 2px; }
.widget ul li a:hover							{ color: #333333; }
.widget h2										{ font-size: 1.2em; line-height: 1.2em; font-family: Helvetica, sans-serif; font-weight: normal; color: #333333; }
.thumb											{ width: 62px; }
.flickr-thumb									{ height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 0 0; }
.categories li									{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 0 0; }





/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 45px 0; }
.datebox							{ width: 40px; float: left; padding: 0 5px 5px 5px; background: #EC1968; 
									  color: white; text-align: center; border-right: 1px solid #CCCCCC; 
									  border-bottom: 1px solid #CCCCCC; -moz-border-radius: 5px; 
									  -webkit-border-radius: 5px; margin: 0 10px 0 0; }
.day								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; margin: 0; padding: 0 0 0em; }
.month								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 0em; }
.year								{ font-size: 1.6em; font-weight: bold; margin: 0; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #FF7300; color: #FFFFFF; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0 10px 0; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }





/*
	FOOTER
*/

#footer								{ height: 50px; background: #FFFFFF; padding-top: 20px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: #333333; }
#footer a							{ color: #333333; }
#footer ul							{ color: #333333; }


/*
	TWITTER
*/

.twitterName						{ color: #EC1968; font-size: 0.7em; }
.twitterStatus						{ color: #7309AB; font-size: 0.7em; }
.twitterStatus a					{ color: #EC1968; font-size: 1.0em; }
.twitterStatus a:hover				{ color: #D4FA19; }
.twitterTime						{ color: #333333; font-size: 0.7em; }