/*
Theme Name: ActGraphics Theme
Theme URI: http://elliotjaystocks.com
Description: Based on Starkers
Version: 1
Author: Vytas Rauckis with help of Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: actgraphics, starkers, naked, clean, basic
*/

/*
	Vytas Rauckis
	http://actgraphics.com
	
	Light Gray: #eaeaea
	Medium Gray: #a3a3a3
	Dark Gray: #777777
*/

@import "style/css/reset.css";


/*
	UTILITY
*/

.floatLeft					{ float: left; }
.floatRight					{ float: right; }
.clear						{ clear: both; }
.button						{ border: 1px solid #777777; background: white; padding: 2px 6px;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; color: 777777; font-size: 90%; }
.button:hover				{ background: #777777; color: #eaeaea; }

/*
	STRUCTURE
*/

#page-wrap					{ width: 960px; margin: 0px auto -50px; min-height: 100%; height: auto !important; height: 100%; }
#push						{ height:: 50px; }
#socialsidebar				{ width: 150px; float: left; margin-right: 15px; margin-top:20px; padding-left: 40px; }
#main-col					{ width: 540px; float: left; margin-top:20px; }
#linksidebar				{ width: 190px; float: right; margin-top:20px; }


/*
	HEADER
*/
h1#logo						{ width: 168px; height: 94px; text-indent: -9999px;	margin: 0px 24px 8px 40px; float:left; }
#top-bar					{ width: 100%; height: 100px; background:url(/images/top-bar-bg.png) top left no-repeat; } 								
#top-bar					{ padding: 0 0 0 0; }
p#description				{  text-indent: -9999px; margin: 40px 0px 0px 0px: color: #000000; width:400px; float: left; 
								font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; font-style: italic; }
form#searchform				{ margin:: 10px 0px 0px 0; padding: 10px 30px 0 0; float:right;	font-size: 90%; }

/* 
	MENU
*/
#menu-bar					{ width: 880px; margin: 0 auto 6px auto; padding: 6px 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 777777; }
ul#main-nav					{ width: 360px; float:left; margin: 0px 0 0 0; }
ul#extra-nav				{ width: 360px; float:right; text-align:right; margin: 0px 0 0 0; }
ul#main-nav li, ul#extra-nav li			{ display: inline; }
ul#main-nav li a, ul#extra-nav li a		{ font-weight:bold; text-transform: uppercase; color: #777777; font-size: 14px; 
											padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,	ul#extra-nav li a:hover	{background: #777777; color: #eaeaea; }

/* 
	WIDGETS
*/
.widget						{ background: #777777; width: 150px; border-right: 1 px solid #66666; border-bottom: 1px: solid #ffffff;
								-moz-border-radius: 10px; -webkit-border-radius:10px; margin:0 0 15px 0; }
.widget .inside				{ padding: 10px; }
.widget .inside h2			{ color: #eaeaea; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
								list-style-image:none; list-style:inside; }
.widget ul					{ list-style: square; margin-left: 15px; }
.widget ul a				{ display: block; padding: 2px; color: white; }
.widget ul li a:hover		{ background: #900; }

/* 
	FOOTER
*/
#footer						{ width: 874px; height:50 px; margin: 0 auto; background: #a3a3a3; padding: 10px 0 10px 30px; }
#footer-inside				{ width:800px; margin: 0 auto 0 auto; color: #eaeaea; }	

/*
	TYPOGRAPHY
*/
p, li						{ font-size: 1.0em; line-height: 1.2em; margin: 0 0 10px 0; }
p#intro-paragraph			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.0em; 
								font-style: italic; line-height: 1.4em ; margin-top: 5px; }
p#intro-paragraph span		{ font-size: 1.8em; font-weight: bold; }
p#intro-paragraph em		{ color: #990000; }
a							{ color: #990000; }
a:hover						{ background: #990000; color: white; }
h1							{ font-size: 3.0em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h2							{ font-size: 2.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h3							{ font-size: 2.0em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;
								margin: 0 0 10px 0; }
h4							{ color: white; font-size: 1.4em; margin-bottom: 15px; }

/*
	BLOG ENTRIES
*/
.post h2					{  }
.datebox					{ width: 36px; float: left; padding: 2px 5px 2px 5px; background: #990000; color: white; 
								text-align: center; margin: 0 10px 0 0; }
.day						{ font-size: 2.8em; font-weight: bold; margin: 0; }
.month						{ font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year						{ font-size: 1.2em; font-weight: bold; margin: 0; }