/*   
Theme Name: Reignite WP
Theme URI: http://www.reignite.com.au
Description: wordpress theme for the reignite website
Author: Anton Ball
Author URI: http://www.reignite.com.au
Version: 1
*/
@charset "utf-8";

body {
	background:						#192348;
	min-width:						990px;
}

p {
	color:							#505050;
	font-family:					Verdana, Geneva, sans-serif;
	font-size:						.8em;
	margin:							0 0 1.2em 0;
}

li,
label {
	font-family:					Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color:							#1D2955;
	font-family:					"Century Gothic", Tahoma, Geneva, sans-serif;
	font-weight:					normal;
	margin:							0 0 0.4em 0;
}

h1 {
	font-size:						1.6em;
}

h2 {
	font-size:						1.4em;
}

h3 {
	font-size:						1.2em;
}

a {
	color:							#ea8d22;
	text-decoration:				none;
}

strong {
	color:							#EA8D22;
}

/* =generic
----------------------------------------------- */
.regButton {
	background: 					#e44b25 url(../images/button_bg.jpg) repeat-x;
	border:							1px solid #ca421d;
	border-radius: 					6px 6px 0 6px;
		-moz-border-radius: 			6px 6px 0 6px; 
		-webkit-border-radius: 			6px 6px 0 6px;
	color:							#fff;
	display:						inline-block;
	font-family:					"Century Gothic", Tahoma, Geneva, sans-serif;
	padding: 						.4em;
	text-align:						center;
	text-decoration:				none;
	width:							100px;
}

.sml {
	width: 80px;
}

.mdm {
	width: 120px;
}

.lrg {
	width: 200px;
}

.regButton:hover {
	background-position:			0 -68px;
	border-color:					#4e7b1e;
}

.clear {
	clear:							both;
}

.txtRight {
	text-align:						right;
}

.txtLeft {
	text-align: 					left;	
}

.right {
	float: 							right;
}

.left {
	float:							left;
}

.tiny {
	font-size:						.6em;
}

.reigniteRadius {
	border-radius: 					6px 6px 0 6px;
		-moz-border-radius: 			6px 6px 0 6px; 
		-webkit-border-radius: 			6px 6px 0 6px;
}

/* =header
----------------------------------------------- */
#header {
	background:						#192348 url(../images/header_background.jpg) no-repeat center bottom;
	border-top:						1px solid #344894;
	
}

#headerContainer {
	width:							94%;
	margin:							0 auto;
	max-width:						1240px;
	padding:						10px 0 0 20px;
	overflow:						auto;
}

#logo {
	background:						url(../images/reignite_logo.png) no-repeat;
	float:							left;
}

#logo a {
	display: 						block;
	height:							70px;
	text-indent:					-9999em;
	width:							133px;
}

/* =navigation
----------------------------------------------- */
#navigation {
	margin:							30px 0 0 180px;
	overflow:						auto;
	text-transform:					lowercase;
}

#navigation ul {
	list-style:						none;
	overflow:						auto;
}

#navigation ul li {
	font:							1.3em "Century Gothic", Tahoma, Geneva, sans-serif;
	background:						url(../images/nav_seperator.png) no-repeat right;
	float:							left;
	padding:						.5em;
}

#navigation ul li:last-child {
	background:						none;	
}

#navigation ul li a,
#navigation ul li a:visited {
	background:						none;
	color:							#fff;
	display: 						block;
	height:							44px;
	text-decoration:				none;
}

#navigation ul li a span {
	background:						none;
	display: 						block;
	height:							44px;
	margin:							0 0 0 5px;
	padding: 						0 5px 0 0;
}

#navigation ul li a:hover {
	background:						url(../images/bubble.png) no-repeat left top;
}

#navigation ul li a:hover span {
	background:						url(../images/bubble.png) no-repeat right -44px;
}

#pageBlog #navBlog,
#pageCompany #navCompany,
#pageServices #navServices,
#pageTech #navTech, 
#pageCareers #navCareers,
#pageContact #navContact {
	background:						url(../images/bubble.png) no-repeat left top;
}

#pageBlog #navBlog span,
#pageCompany #navCompany span,
#pageServices #navServices span, 
#pageTech #navTech span,
#pageCareers #navCareers span,
#pageContact #navContact span {
	background:						url(../images/bubble.png) no-repeat right -44px;
}

/* =focus
----------------------------------------------- */

#focusContainer {
	margin:							.5em auto;
	position:						relative;
	width: 							900px;
}

#focusContent {
	background:						#121933;
	background:						rgba(18,25,51,.5);
	border-radius: 					10px;
		-moz-border-radius: 			10px; 
		-webkit-border-radius: 			10px;
	height: 						150px;
	overflow: 						hidden;
	padding:						10px 0;
}

#focusList h2 {
	color:							#ea8d22;
	font-family:					"Century Gothic", Tahoma, Geneva, sans-serif;
	font-size:						1.6em;
}

#focusList p {
	color:							#fff;
	margin:							0 0 1em 0;
}

#focusList {
	width: 							2700px;
}

#focusList li {
	float: 							left;
	padding: 						0 20px;
	width: 							860px;
	font-size:						100%;
}

#focusList .options {
	text-align:						right;	
}

#focusList #riaFocus .icon,
#focusList #mobileFocus .icon,
#focusList #enterpriseFocus .icon {
	float:							right;
	height: 						123px;
	margin:							0 0 0 10px;
	width:							117px;
}

#focusList #riaFocus .icon {
	background:						url(../images/ria_icons.png) no-repeat center -55px;
}

#focusList #mobileFocus .icon {
	background:						url(../images/mobile_icons.png) no-repeat center -55px;
}

#focusList #enterpriseFocus .icon {
	background:						url(../images/enterprise_icons.png) no-repeat center -55px;
}

#focusPoint {
	background:						url(../images/focus_point.png) no-repeat;
	display:						none;
	height:							12px;
	position:						absolute;
	top:							170px;
	width:							24px;
}

#focusNav {
	overflow:						hidden;
	margin:							10px 0 0 20px;
}

#focusNav li {
	float:							left;
}

#focusNav li a {
	color:							#767d95;
	display:						block;
	font-size:						1.2em;
	font-family:					"Century Gothic", Tahoma, Geneva, sans-serif;
	padding:						18px 0 18px 60px;
	width:							150px;
}

.riaFocus {
	background:						url(../images/ria_icons.png) no-repeat;
}

.mobileFocus {
	background:						url(../images/mobile_icons.png) no-repeat;
}

.enterpriseFocus {
	background:						url(../images/enterprise_icons.png) no-repeat;
}

#focusNav li a:hover {
	color:							#FFF;
}

#focusNav li a.focusActive {
	color:							#FFF;
}

/* =content
----------------------------------------------- */
#content {
	background:						#fff url(../images/content_bg.jpg) repeat-x;
	border-top:						1px solid #fff;
	padding:						1em 0;
}

#content p {
	line-height:					1.4em;
}

#content ul {
	list-style:						disc inside;
	margin:							0 0 1.2em 0;
}

#content li {
	color:							#505050;
	font-family:					Verdana, Geneva, sans-serif;
	font-size:						.8em;
	margin:							0 0 .4em 0;
}

#contentContainer {
	width:							94%;
	margin: 						0 auto;
	max-width:						1240px;
}

#contentSidebar {
	margin:							0 220px 0 0;
}

.column {
	float:							left;
	width:							44%;
}

#map {
	border: 						6px solid #344894;
	height:							300px;
	width: 							100%;
}

/* =blog
----------------------------------------------- */
.entry {
	margin:							0 0 1em 0;
}

#search {
	background: 					#192348;
	overflow: 						auto;
	padding: 						.5em;
}

#search .text {
	float: 							left;
	margin: 						0 -200px 0 0;
	width: 							84%;
}

#search #searchsubmit {
	float: 							right;
}

.postHeader {
	overflow:	 					auto;
}

.postTitle {
	background: 					#192348;
	margin: 						.8em 0 0 0;
	padding: 						.5em;
}

.postTitle h2 a {
	color: 							#fff;
}

.tags {
	background: 					url(../images/tag_icon.gif) no-repeat left center;
	margin: 						0;
	padding: 						0 0 0 24px;
}

.avatar {
	float: 							right;
	height: 						92px;
	width: 							100px;
}

.justin {
	background: 					url(../images/justin_avatar.gif) no-repeat;
}

.entryInfo {
	float: 							right;
	margin: 						0 1em 0 0;
}

.entryInfo p {
	color: 							#fff;
	margin: 						0;
}

.date {
	font-size: 						.8em;
	line-height: 					.8em;
}

.entryFooter {
	border-bottom:					1px solid #ccc;
	clear:							both;
	overflow:	 					auto;
}

.entryFooter ul li {
	float: 							right;
}

.entryFooter ul li a {
	border-left: 					1px solid #ccc;
	border-top: 					1px solid #ccc;
	border-right: 					1px solid #ccc;
	color:							#505050;
	display: 						inline-block;
	margin: 						0 0 0 1em;
	padding: 						.5em;
}

.entryFooter ul li a:hover {
	color:							#fff;
}

.entryFooter ul li a.comments {
	background: 					#eee url(../images/comment_icon.gif) no-repeat 10px center;
	padding-left: 					30px;
}

.entryFooter ul li a.read {
	background: 					#eee url(../images/read_icon.gif) no-repeat right center;
	padding-right: 					30px;
}

.entryFooter ul li a.comments:hover, 
.entryFooter ul li a.read:hover {
	background-color:				#192348;
}

.blogImg {
	border: 						2px solid #192348;
	margin: 						20px;
}

.commentList {
	margin:							1em 0 0 0;
}

.commentList li {
	overflow:						auto;
	margin:							0 0 1em 0;
}

.commentList p {
	font-size:						1em;
}

.commentHeader, 
.commentHeaderStaff {
	float: 							left;
	width: 							180px;
	text-align: 					right;
}

.commentHeaderStaff p.poster {
	background:						url(../images/bubble_staff.png) no-repeat left top;
}

.commentHeaderStaff span {
	background:						url(../images/bubble_staff.png) no-repeat right -44px;
}

.commentHeader p.poster {
	background:						url(../images/bubble.png) no-repeat left top;
}

.commentHeader span {
	background:						url(../images/bubble.png) no-repeat right -44px;
}

.commentHeader p.poster,
.commentHeaderStaff p.poster {
	color:							#fff;	
	float: 							right;
	height: 						44px;
}

.commentHeaderStaff span, 
.commentHeader span {
	display: 						inline-block;
	height: 						44px;
	margin: 						0 0 0 5px;
	overflow:						hidden;
	padding: 						5px 1em 0;
}

.commentHeaderStaff p.poster span {
	font-weight:					bold;
	color: 							#EA8D22;
}

.commentDate {
	background:						url(../images/calendar_icon.gif) no-repeat right center;
	clear: 							both;
	padding:						0 20px 0 0;
}

.comment {
	margin:							0 0 0 200px;
}

.blogComment {
	width:							700px;
}

.blogComment li {
	overflow: 						auto;
	margin:							0 0 1em 0;
}

.blogComment li label {
	color: 							#1D2955;
	float: 							left;
	margin:							0 1em 0 0;
	padding: 						10px 0 0 0;
	text-align:						right;
	width:							180px;
}

.blogComment li .text {
	float: 							left;
}

.blogComment li .textArea {
	height: 						200px;
	width: 							490px;
}

/* =sidebar
----------------------------------------------- */
#sideBar {
	float:							right;
	overflow:						hidden;
	width:							200px;
}

.categories {
	margin:							0 0 1em .5em;
}

.categories li {
	margin:							0 0 .2em 0;
}

.categories li a {
	background: 					url(../images/tag_icon.gif) no-repeat 10px center;
	color:							#505050;
	display: 						inline-block;
	padding: 						.5em .6em .5em 35px;
	
}

.categories li a:hover {
	background-color: 				#192348;
	border-radius: 					6px 6px 0 6px;
		-moz-border-radius: 		6px 6px 0 6px; 
		-webkit-border-radius: 		6px 6px 0 6px;
	color:							#fff;
}

/* =footer
----------------------------------------------- */
#footer {
	background:						#192348 url(../images/footer_bg.jpg) repeat-x;
	border-top:						2px solid #192348;
	clear:							both;
	margin:							0 0 1em 0;
	padding:						1em;
}

#footer p {
	color:							#FFF;
}

#footerContainer {
	margin: 						0 auto;
	width: 							900px;
}

#footer h3 {
	background:						url(../images/bubble.png) no-repeat left top;
	color:							#fff;
	display: inline-block;
	height: 44px;
}

#footer h3 span {
	background:						url(../images/bubble.png) no-repeat right -44px;
	display: 						inline-block;
	height: 						44px;
	margin: 						0 0 0 5px;
	padding: 						5px 1em 0;
}

#linksFooter {
	float: 							left;
	width: 							120px;
	margin:							0 1.2em 0 0;
}

#linksFooter ul {
	list-style:						inside disc;
	color:							#EA8D22;
}

#linksFooter ul li a {
	color:							#fff;
}

#linksFooter ul li a:hover {
	color:							#EA8D22;
}

#contactFooter {
	color:							#fff;
	float: 							left;
	margin:							0 2em 0 0;
	width:							400px;
}

#mapContainer {
	background:						url(../images/map_shadow.jpg) bottom no-repeat;
	padding:						0 0 16px 0;
}

#miniMap {
	width: 							388px;
	height: 						188px;
	background: 					#344894;
	position:						relative;
	padding:						6px;
}

#mapDetail {
	background:						#344894;
	bottom:							0;
	margin:							0 6px 6px 0;
	padding:						.5em;
	position:						absolute;
	right:							0;
}

#mapDetail a {
	background:						url(../images/zoom_icon.gif) no-repeat center left;
	color:							#fff;
	display: 						block;
	font-family:					"Century Gothic", Tahoma, Geneva, sans-serif;
	padding:						0 0 0 1.4em;
}

#formFooter {
	float:							left;
	width:							310px;
}

#formFooter li {
	margin:							0 0 1em 0;	
}

#formFooter li label {
	display: 						block;
	margin:							0 0 .4em 0;
}

.text {
	background:						#fff url(../images/text_bg.jpg) repeat-x;
	border-radius: 					6px;
		-moz-border-radius: 		6px; 
		-webkit-border-radius: 		6px;
	border:							2px solid #344894;
	padding:						.5em;
	width:							290px;
}

.text:Focus,
.text:Hover {
	border-color:					#EA8D22;
}

#formFooter .tiny {
	color:							#FFF;
}

#formError,
#formSuccess {
	border: 						1px solid #000;
	display: 						none;
	padding:						.5em;
}

#formError {
	background-color:				#f78062;
	border-color: 					#e44b25;
	color: 							#951f01;
}

#formError p {
	margin:							0;
}

#formError ul {
	list-style:						disc inside;
	font-size:						.8em;
}

#formError p, 
#formError ul li {
	color: 							#951f01;
}

#formSuccess {
	background:						#95d849;
	border-color:					#4e7b1e;
}

#formSuccess p {
	color:							#4e7b1e;
	margin:							0;
}