/*
Theme Name: Random Group Theme
Theme URI: http://www.neillh.com.au/
Description: Random Group Theme by <a href="http://www.neillh.com.au/">Neill Horsman</a>.
Version: 1.0
Author: Neill Horsman
Author URI: http://neillh.com.au/
Tags: Neill, Horsman, Design

	Random Group v1.0
	http://neillh.com.au/
	Style sheet for Random Group
	http://www.randomgroup.net.au/

	Site designed and coded by Neill Horsman
	http://www.neillh.com.au/
	http://www.neillhorsman.com/

	960 grid system used
	http://www.960.gs/
*/
body { background:url(images/bg.gif) repeat; color:#4c4d4f; }

/* 960 grid styles */
.grid_8, .grid_4, .container_12, .grid_6 { background:#fff; }

/* Layout */
.tagline { margin:95px 0 0 60px; }

/* Nav */
#nav { width:278px; height:28px; margin:40px 0 0 280px; background:#dfdfdf; padding-top:6px; font-size:14px; text-align:center; border:1px #d5d5d5 solid; }
#nav ul li { list-style:none; display:inline; margin:0px 10px 0 6px;}
#nav a { color:#525252; text-decoration:none; }
#nav a:hover { color:#0198d7; }
/* Nav 2 */
#nav2 { width:556px; height:34px; position:absolute; }
#nav2 ul li { margin:0; padding:0; display:inline; }

/* Side bar right */
.sidebar { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:18px; position:relative; }
.sidebar ul li { list-style:none; width:305px; margin-left:0px; }
.sidebar ul li a { color:#4c4d4f; background:#f8f8f8; display:block; text-decoration:none; padding:10px; border-top:1px #c7c7c8 solid; border-left:1px #c7c7c8 solid; border-right:1px #c7c7c8 solid; }
.sidebar ul li:hover a { background:#dfdfdf; }
.sidebar ul li a.selected { color:#6c7c86; text-decoration:none; }
.sidebar ul .last { border-bottom:1px #c7c7c8 solid; }
.sidebar ul img { float:right; padding: 5px 0 10px 5px; }
/* Social Icons */
.social ul li { display:inline; list-style:none; margin:0 20px 0 22px; height:54px; }
.social a:hover { filter:alpha(opacity=85); -moz-opacity:.85; opacity:0.85; -khtml-opacity: 0.85; }
/* Twitter styling */
#tweet { font-size:14px; }
#tweet ul li { list-style:none;	margin:0 0 -1px 0; padding:10px; width:285px; background:#f8f8f8; border:1px #c7c7c8 solid; }
#tweet ul .time { font-size:85% !important; color:#FFFFFF !important; }
#tweet ul a { font-size:85%; color:#0198d7; }
#tweet ul a:hover { color:#999; }
/* Box (sub page) */
.box { background:#f8f8f8; border:1px #c7c7c8 solid; width:280px; height:80px; padding:10px 18px; margin-bottom:25px; }
.box a { color:#4c4d4f; text-decoration:none; }
.box a:hover h3 { color:#333; }
.box img { float:right; padding:1px 5px; vertical-align:bottom; }
.box a:hover img { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; -khtml-opacity: 0.85; }

/* Footer */
.footer { background:#fff; height:60px; font-size:12px; border-top:1px #c7c7c8 solid; padding-top:5px; }
.footer .right { text-align:right; }
.footer a { text-decoration:none; color:#525252; }
.footer a:hover { color:#0198d7; }
.footer a span { display:none; }

/* Text */
h1 { margin-bottom:4px; font-size:24px; }
h2 { margin-bottom:4px; font-size:17px; }
h3 { margin-bottom:4px; font-size:15px; }
h4 { margin-bottom:4px; font-size:14px; }
h5 { margin-bottom:4px; font-size:12px; }
.sidebar h3 { font-size:15px; color:#0198d7; margin-bottom:0px; }
.sidebar a:hover h3 { font-size:15px; color:#333; }
.box h3 { margin-bottom:-5px; font-size:15px; color:#0198d7; }
.main-content a { color:#0198d7; }
.main-content a:hover { color:#68696c; }
.red { color:#ff0000; }
.small { font-size:80%; }

/* jquery Navigation */

/*#menu ul li { list-style:none; display:inline; padding:0; margin:0 0 0 -3px; }*/
/* Firefox Dotted Outline Fix */
ul#menu a:active { outline: none; }
/* Firefox Dotted Outline Fix */
ul#menu a:focus { -moz-outline-style: none; }
/* Menu Body */
ul#menu { width:556px; height:34px; list-style:none; padding:0; }
/* Float LI Elements - horizontal display */
ul#menu li { float:left; }
/* Link - common attributes */
ul#menu li a { background:url(images/nav.png) no-repeat scroll top left; display:block; height:34px; position:relative; }
/* Specify width and background position attributes */
ul#menu li a.home { width:124px; }
ul#menu li a.about { width:170px; background-position:-124px 0px; }
ul#menu li a.services { width:82px; background-position:-294px 0px; }
ul#menu li a.contact { width:180px; background-position:-376px 0px; }
/* Span (on hover) - common attributes */
ul#menu li a span { background:url(images/nav.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; }
/* Span (on hover) - display pointer */
ul#menu li a span:hover { cursor:pointer; }
/* Shift background position on hover */
ul#menu li a.home span { background-position:0px -34px; }
ul#menu li a.about span { background-position:-124px -34px; }
ul#menu li a.services span { background-position:-294px -34px; }
ul#menu li a.contact span { background-position:-376px -34px; }


/* Form Styling */
input, textarea, select { -x-system-font:none; border:1px solid #CCCCCC; color:#454545; display:block; font-family:Arial,Tahoma,sans-serif; font-size:1.5em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0 0 15px; padding:5px; width:570px; }
textarea { -x-system-font:none; font-family:Arial,Tahoma,sans-serif; font-size:1.2em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:150px; line-height:normal; }
input:focus, textarea:focus { border:1px solid #454545; }
input.send { -x-system-font:none; background-color:#0198d7; border:1px solid #FFFFFF; color:#FFFFFF; display:block; float:left; font-family:Arial,Tahoma,sans-serif; font-size:1.1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0 10px 20px 0; padding:6px 0; text-transform:uppercase; width:140px; cursor:pointer; }
input.send:hover { background-color:#666666; }
input.reset { background-color:#33393C; }
input.submit:hover { background-color:#9FB03E; }
.hidden-text, .link-name { border:0; }