/*
Theme Name: Full On Design
Theme URI: http://www.fullondesign.co.uk/
Description: Custom Theme for Full On Design
Version: 1.0
Author: Mike Rogers
Author URI: http://www.fullondesign.co.uk/
*/

/* Start by clearing the crazy Html deafults and set something more workable.*/
* {
	margin:0px;
	padding:0px;
	font-weight:normal;
	border:none;
}
html {
	background: #105e71 url('bg.png') repeat-x;
	padding: 0 0 20px 0;
}
body {
	float:left;
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background:url('header-bg.jpg') center 0px no-repeat;
	width:96%;
	padding: 0px 2%;
	text-align:left;
}
p {
	line-height:17px;
}
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
a {
	color: #06c;
	text-decoration: none;
}
a:hover {
	color: #147;
	text-decoration: underline;
}
.post a:visited {
	color: #b85b5a;
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size:1.2em;
}
h2 a:hover, h3 a:hover, .post h2 a:visited, .post h3 a:visited {
	color: #064e62;
}
#contents {
	width:90%;
	margin: 0 auto;
	padding: 10px 0;
	min-height: 520px;
	max-width:950px;
	min-width: 850px;
}
#contents #header #header-link {
	float:left;
	width:40%;
}
#contents #header h1 {
	font-size: 4em;
	color:#FFF;
	font-family: 'Myriad Pro', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#contents #header h1 .blue {
	font-size: 1em;
	color:#7aaee2;
}
#contents #header h2 {
	float:left;
	width:40%;
	margin: 0 1%;
	font-size: 1.4em;
	color:#FFF;
	font-family: 'Myriad Pro', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#navagation {
	float:right;
	min-width:31%;
	margin: 10px 0 0 0%;
	padding: 10px 10px;
	height: 50px;
	/*opacity:0.5;*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:url('50f.png');
	text-align:center;
}
#navagation a {
	margin: 0 1.5%;
	opacity:0.9;
}
#navagation a:hover {
	opacity:1;
}
#social_navagation {
	float:left;
	width: 100%;
	height: 40px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
#social_navagation a {
	float:left;
	height: 38px;
	width:30px;
	margin: 0 0 0 1.5%;
	padding:6px 3px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:#fff;
}
#social_navagation em {
	float:left;
	height: 33px;
	margin: 0 0 0 1.5%;
	padding:10px 3px;
}
#social_navagation img {
	opacity:0.9;
}
#social_navagation img:hover {
	opacity:1;
}
#social_navagation form {
	float:right;
	background:#fff;
	height: 42px;
	width:30%;
	margin: 0 2% 0 0;
	padding: 3px 2px 7px 0px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	text-align:center;
}
#social_navagation form label {
	padding:3px;
}
#social_navagation form label input {
	border:#999 1px solid;
	-moz-border-radius:3px;
	padding:4px;
	color:#333;
	margin: 6px 0 0 0;
}
#social_navagation form label input:hover {
	border:#03F 1px solid;
}
#social_navagation form input {
	border:none;
	margin:0 0 0 5px;
}
#social_navagation form input#searchsubmit {
	background:url('search.png') no-repeat;
	width:33px;
	height:27px;
	opacity:0.8;
}
#social_navagation form input#searchsubmit:hover {
	opacity:1;
}
#main {
	float:left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url('50f.png');
}
#main #content {
	float:left;
	width:100%;
	background:#FFF;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	border-radius:7px;
	margin: -5px 0% 0 0%;
	padding: 15px 0;
	min-height:200px;
}
#main #blog {
	float:left;
	width: 65%;
	margin: 0 0 0 1%;
}
#blog h2 {
	color:#06c;
}
#blog h2.pagetitle {
	color:#06c;
	text-align:center;
}
#main #blog li {
	padding: 2px 0;
}
/* SideBar */
#main #sidebar {
	float:left;
	width: 30%;
	margin: 0 0 0 2%;
}
#main #sidebar ul {
	margin: 3px 0 10px 15px;
	list-style:none;
	font-size:1.1em;
}
#main #sidebar ul li:before {
	content: "\00BB \0020";
}
#main #sidebar h2 {
	font-size:1.4em;
}
#main #sidebar ul ul {
	margin: 3px 0 3px 20px;
	list-style:none;
	font-size:1em;
}
#footer {
	float:left;
	width: 100%;
	margin: 0 0;
	min-height:40px;
	background:#114665 url('footer_bg.png') repeat-x;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	padding: 10px 0;
}
#footer a {
	color:#CCC;
}
#footer #left, #footer #right {
	float:left;
	width:44%;
	margin:2px 2% 0 1.5%;
	padding: 2px 1% 6px 1%;
	text-align:center;
	font-size:90%;
	color:#eff3f5;
	border-right:#295975 1px solid
}
#footer #right {
	border:none;
}
/* Post Style */
.post {
	padding: 0 0 10px 0;
}
.post .entry {
	padding: 3px 2px;
}
.post .entry img {
	border:#CCC 1px solid;
	padding:3px;
	-moz-border-radius:5px;
}
.post .entry img.wp-smiley {
	border:none;
	padding:0;
}
.post .entry p, .page .entry p {
	line-height: 20px;
	padding: 4px 2px;
}
.post .entry ul, .page .entry ul {
	margin: 3px 25px;
}
.post .entry h2, .post .entry h3, .page .entry h2, .page .entry h3 {
	color: #064e62;
	font-weight:normal;
	padding: 6px 0 3px 0;
}
.postmetadata {
	text-align: center;
	color:#777;
	padding: 3px 0 3px 0;
}
/* Notification box */
.notification_box, .post_nav {
	float:left;
	width: 92%;
	border:#E8E8E8 1px solid;
	background:#F4F4F4;
	text-align:center;
	padding: 5px 2%;
	margin: 3px 2% 5px 2%;
	-moz-border-radius:5px;
}
.post_nav {
	background:#f3fde0;
	width: 79%;
	margin: 10px 8%;
}
.center {
	text-align:center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
	width: 95%;
	margin: 0 2.5%;
}
.commentlist li, .commentlist #respond {
	margin: 15px 0 10px;
	padding: 5px 20px 10px 20px;
	list-style: none;
	border:1px #dddddd solid;
	-moz-border-radius:5px;
}
.commentlist li ul li, .commentlist  #respond {
	margin-left: 25px;
	padding: 5px;
	border:none;
	border-left:1px #dddddd solid;
	border-top:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
}
.commentlist p {
	margin: 10px 10px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.comment-body{
	padding: 10px;
}
.avatar{
	float: right;
	border: 1px solid #eee;
	padding: 3px;
	margin: 3px 3px 3px 15px;
	background: #fff;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}

#respond h3, h3#comments {
	color: #064e62;
	padding: 7px 0 5px 0;
}
#respond textarea, .wpcf7-form textarea {
	width:75%;
	margin: 2px 5%;
	height:90px;
	border:#999 1px solid;
	-moz-border-radius:3px;
	padding: 5px;
}
#respond textarea:hover, .wpcf7-form textarea:hover {
	border:#03F 1px solid;
}
#respond input, .wpcf7-form input {
	margin: 2px 0 2px 5%;
	border:#999 1px solid;
	-moz-border-radius:3px;
	padding:4px;
}

/* End Comments */
input.dimmed {
	color:#484848;
}
input.dark {
	color:#000;
}
#respond input:hover, .wpcf7-form input:hover {
	border:#03F 1px solid;
}
#respond input#submit, .wpcf7-form input#submit {
}
.navigation {
	float:left;
	width:100%;
	padding: 3px 0px;
}
/* Socialie This */
#socialize-this {
	text-align:center;
	padding: 10px 0;
}
#socialize-this img {
	border:none;
	opacity:0.9;
}
#socialize-this img:hover {
	opacity:1;
}
/* Usability stuff */
.hidden, .textonly, .mobileonly {
	display:none;
}
.screenonly {
} /* needs to be defined */
/* fun links */
.view_demo, .download {
	border:#CCC 1px solid;
	padding:5px 7px;
	margin: 0 5px 0 0;
	text-align:center;
	-moz-border-radius:7px;
}
.view_demo:hover, .download:hover {
	background:#F3F3F3;
	text-decoration:none;
}
/* Downloads Boxes */
.small_box {
	float:left;
	width: 46%;
	border:#CCC 1px solid;
	background:url('small_box_bg.png') repeat-x;
	padding: 0 0 6px 0;
	margin: 10px 2% 5px 0%;
	-moz-border-radius:5px;
}
.small_box p {
	margin: 4px 4%;
}
.small_box h3 {
	padding: 4px 2%;
	text-align:center;
	color: #06c;
	font-size:1.3em;
}
.small_box .view_demo {
	float:left;
	width: 40%;
	padding: 3px;
}
.small_box .download {
	float:right;
	width: 40%;
	padding: 3px;
}
.syntaxhighlighter {
	font-size: 12px;
}
.floatright {
	float:right;
}
.navagation {
	float:left;
}
/* wp-navi */
.wp-pagenavi {
	text-align:center;
	margin: 7px 0;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
/* Contact Form 7 */
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
	direction: rtl;
}
span.wpcf7-not-valid-tip-no-ajax {
	direction: rtl;
}
span.wpcf7-list-item {
	margin-left: 0;
	margin-right: 0.5em;
}