/*  
Theme Name: Square Orange, LLC 
Theme URI: http://squareorangellc.com
Description: Custom Wordpress theme for http://squareorangellc.com.
Version: 1.0
Author: Jason
Date: 08.18.2009
*/

/* Base Stuff */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #F9F5F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2F2F2F;
	text-align: center;
 }

/* Span Stuff */
	.small        {font-size: x-small;}
	.large        {font-size: xx-large;}
	.right        {float: right; display: inline;}
	.left         {float: left; display: inline;}
	.center       {margin: 0 auto; text-align: center;}
	 div.center   {margin-bottom: 15px;}
	 .space		  {height: 40px;}
	.br           {clear: both; height: 10px;}
	.br2          {clear: both; height: 20px;}
	.help	      {cursor: help;}
	.hr		      {width: 100%; height: 3px; background-image: url(images/greyline.jpg); background-repeat: repeat-x; margin-top: 5px; margin-bottom: 5px;}
	.hrgreen      {width: 100%; height: 3px; background-image: url(images/greenline.jpg); background-repeat: repeat-x; margin-top: 5px; margin-bottom: 5px;}
	.charticon    {list-style-image: url(images/chart_bar.png);}
	.hearticon    {list-style-image: url(images/heart.png);}
	.goldstaricon {list-style-image: url(images/star.png);}
	.moneyicon    {list-style-image: url(images/money.png);}
	.shieldicon   {list-style-image: url(images/shield.png);}
	.seoicon      {list-style-image: url(images/magnifier.png);}
	.layersicon   {list-style-image: url(images/layers.png);}
	.usericon     {list-style-image: url(images/user.png);}
	.phoneicon    {list-style-image: url(images/phone.png);}
	
	
	
/* Site Container */
#container { 
	width: 900px;
	height: 100%;
	text-align: left;
	margin: 0 auto;
}

/* Global Link Styles */
a {
	color: #5F873B;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #a0c469;
	font-weight: bold;
	text-decoration: none;
}

/* Global Image Styles */
img {
	border: none;
}

/* Header */
#header {
	width: 900px;
	height: 200px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

/* Navbar */
#navbar {
	width: 900px;
	height: 69px;
	background-color: #F9F5F2;
	background-image: url(images/navbar_bg.jpg);
	background-repeat: no-repeat;
}
#navcenter {
	width: 795px;
	height: 69px;
	margin: 0 auto;
	text-align: center;
}
.navitem {
	height: 69px;
	float: left;
	display: inline;
	background-image: url(images/nav_divider.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.navitem a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	color: #F9F5F2;
	text-decoration: none;
	font-weight: bold;
	padding-right: 25px;
	padding-left: 23px;
	padding-top: 24px;
}
.navitem a:hover {
	color: #F79925;
}
body#pagehome a.pagehome, body#pageservices a.pageservices, 
body#pageportfolio a.pageportfolio, body#pageblog a.pageblog, 
body#pageabout a.pageabout, body#pagecontact a.pagecontact {
	color: #F79925;
}
/* Site Content */
#content {
	width: 600px;
	float: left;
	display: inline;
}
#welcomebox {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#welcomebox ul {
	margin-left: 25px;
	margin-bottom: 15px;
}
#welcomebox li {
	list-style-image: url(images/bullet_go.png);
	margin-bottom: 5px;
	padding-left: 5px;
}
#welcomebox h1 {
	font-size: 28px;
}
#welcomebox h2 {
	font-size: 18px;
}
#welcomebox h3 {
	font-size: 10px;
	margin-bottom: 10px;
}
#welcomebox p {
	padding-bottom: 15px;
	line-height: 22px;
}
#latestnews {
	width: 280px;
	padding: 10px;
	float: left;
	display: inline;
}
#latestnews h1 {
	font-size: 24px;
}
#latestnews h2 {
	font-size: 18px;
}
#latestnews h3 {
	font-size: 10px;
	margin-bottom: 10px;
}
#latestnews p {
	padding-bottom: 10px;
	line-height: 22px;
}
.readmore {
	background-image: url(images/page_white_text.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}
#servicesbox {
	width: 280px;
	padding: 10px;
	float: right;
	display: inline;
}
#servicesbox ul {
	margin-left: 35px;
	margin-bottom: 10px;
}
#servicesbox li {
	margin-bottom: 5px;
	padding-left: 5px;
}
#servicesbox h1 {
	font-size: 24px;
}
#servicesbox p {
	padding-bottom: 10px;
	line-height: 22px;
}

/* Sidebar Content */
#sidebar {
	width: 290px;
	float: right;
	display: inline;
	margin-left: 10px;
	margin-top: 13px;
}
.sidebar-box-top {
	width: 290px;
	height: 20px;
	background-image: url(images/sidebar-box-top.jpg);

}
.sidebar-box-content {
	width: 270px;
	background-color: #373634;
	color: #F9F5F2;
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar-box-content h1 {
	font-size: 24px;
	padding-bottom: 5px;
}
.sidebar-box-content p {
	padding-bottom: 10px;
	font-size: 14px;
}
.sidebar-box-bottom {
	width: 290px;
	height: 20px;
	background-image: url(images/sidebar-box-bottom.jpg);
	background-position: top left;
}

/* Projects Page */

.projscreen {
	width: 250px;
	height: 175px;
	float: left;
	display: inline;
}
.projdesc {
	width: 320px;
	height: 175px;
	float: right;
	display: inline;
	padding-left: 10px;
}


/* Footer */
#footer {
	width: 900px;
	height: 50px;
	background-color: #F9F5F2;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
}
#footercenter {
	width: 655px;
	height: 32px;
	margin: 0 auto;
	text-align: center;
	padding-top: 18px;
	color: #F9F5F2;
	font-size: 12px;
	font-weight: bold;
}
#footer a {
	color: #F9F5F2;
	font-size: 12px;
	font-weight: bold;
}
#footer a:hover {
	color: #F79925;
	font-size: 12px;
	font-weight: bold;
}