/*
Theme Name: Alchemweb
Theme URI: http://wordpress.org/
Description: Based on the default WordPress theme by Michael Heilemann which in turn is based on the famous Kubrick.
Version: 1.0
Author: Richard Quilley
Author URI: http://www.alchemweb.co.uk
Tags: widgets
Wireframe for Wordpress 2.7
http://www.alchemweb.co.uk
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
img {border:0;padding:0;margin:0;}
table {border:0;padding:0;margin:0;border-collapse:collapse;border-spacing:0;}
body {background-color:#C4EAFD; margin:0px;font-family:arial, helvetica, verdana;}
/*STRUCTURE*/
div#outer {position:relative;width:925px;margin-left:auto;margin-right:auto;background-color:white;margin-bottom:50px;margin-top:30px;display:block;overflow:auto;}
div#bannerandnav {position:relative;background-color:transparent;width:100%;padding:0;margin:0;top:-4px;}
div#navigation {text-align:center;position:relative;background:#3CBFFF url(http://www.alchemweb.co.uk/images/navbar.jpg) repeat-x top left;width:100%;margin:0 0 2px 0; padding:3px 0 7px 0;}
div.copyright {background-color:transparent;margin:0 0 0 85px;padding-bottom:5px;width:760px;}
div.copyright p {text-align:left;text-indent:0;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:black;margin:0 0 5px 0;}
div.entry {position : relative;}
div#content-blog {position:relative;width:850px;background-color:transparent;margin-top:70px;margin-left:auto;margin-right:auto;padding:0;}/*single page in blog*/
div#category-blog {position:relative;width:700px;background-color:transparent;margin-top:20px;margin-left:auto;margin-right:auto;padding:0;}
div#content-blog h5 {font-size:1.0em;font-weight:bold;margin:40px 0 10px 0;padding:0;text-align:left;color:#FF6C6C;}
div.post-style {position:relative;border:green solid 0px;padding:0;margin:0 0 10px 0;}
div.entry-blog {position:relative; border-bottom:1px dotted gray;margin:20px 5px 0 5px;padding:0 0 10px 0;}
div.category-blog {position:relative; border-bottom:0px dotted gray;margin:0;padding:0;}
/*DEFAULT FONTS*/
h1 {text-align:center;font-weight:bold;font-style:normal;font-size:22px;text-decoration:none;color:#4095B5;background-color:transparent;margin:40px 0 25px 0;}
h1.blog{font-size:1.2em;font-weight:bold;margin:10px 0 0 0;padding:0;text-align:left;color:#FF6C6C;}/*blog pages*/
h1.small {margin:0;padding:0;text-align:center;font-weight:bold;font-style:normal;font-size:1.1em;text-decoration:none;color:#4095B5;background-color:transparent;}
h1.index {text-align:center;font-weight:bold;font-style:normal;font-size:22px;text-decoration:none;color:#4095B5;background-color:transparent;margin:0 0 25px 0;}
h2 {text-align:left;font-weight:bold;font-style:normal;font-size:1.2em;text-decoration:none;color:#4095B5;background-color:transparent;margin:40px 0 0 0;padding:0;}
h2.blog {font-size:1.2em;font-weight:bold;margin:10px 0 0 0;padding:0;text-align:center;color:#FF6C6C;}/*main pages*/
h2.blog2{font-size:1.2em;font-weight:bold;margin:10px 0 0 0;padding:0;text-align:left;color:#FF6C6C;}/*blog pages*/
h2.category-blog {font-size:1.0em;font-weight:bold;margin:20px 0 0 0;padding:0;text-align:left;color:#FF6C6C;}
h2.sitemap {font-size:1.1em;font-weight:bold;margin:20px 0 0 100px;padding:0;text-align:left;color:#FF6C6C;}
h2.index {text-align:center;font-weight:bold;font-style:normal;font-size:1.2em;text-decoration:none;color:#4095B5;background-color:transparent;margin:20px 0 0 0;padding:0;}
h3 {text-align:left;font-weight:bold;font-style:normal;font-size:16px;text-decoration:none;color:#00621B;background-color:transparent;margin:40px 0 0 0;padding:0;}
h3.category-blog {text-align:left;font-weight:bold;font-style:normal;font-size:1.2em;text-decoration:none;color:#4095B5;background-color:transparent;margin:40px 0 10px 0;}
h3.sitemap {font-size:0.8em;font-weight:normal;margin:10px 0 0 100px;padding:0;text-align:left;color:#FF6C6C;}
h3.index {text-align:center;font-weight:bold;font-style:normal;font-size:16px;text-decoration:none;color:#00621B;background-color:transparent;margin:20px 0 0 0;padding:0;}
h4 {text-align:center;font-weight:bold;font-style:normal;font-size:16px;text-decoration:none;color:black;background-color:transparent;margin-top:10px;margin-bottom:5px;}
h5 {text-align:center;font-weight:bold;font-style:normal;font-size:16px;text-decoration:none;color:#00621B;background-color:transparent;margin-top:10px;margin-bottom:10px;margin-left: 10px; margin-right:10px;}
h6 {text-align:center;font-weight:bold;font-style:normal;font-size:16px;text-decoration:none;color:black;background-color:transparent;margin-top:10px;margin-bottom:10px;margin-left: 10px; margin-right:10px;}
ul {margin-bottom:30px;text-align:left;font-weight:normal;font-style:normal;font-size:16px;text-decoration:none;color:black;background-color:transparent; margin-left:0%;margin-right:0%; line-height:20px;}
li {list-style-image:url(../images/bullet.jpg);text-align:left;margin-left:10%;font-weight:normal;font-style:normal;font-size:16px;text-decoration:none;color:black; margin-right:10%; line-height:20px;margin-bottom:5px;}
div.entry-blog p {text-align:left;margin:20px 0 0 0;padding:0;font-size:0.9em;line-height:1.4em;text-indent:0;font-style:normal;font-weight:normal;color:#363636;}
div.category-blog p {text-align:left;margin:10px 0 10px 0;padding:0;font-size:1.0em;line-height:1.4em;text-indent:0;font-style:normal;font-weight:normal;}
div.entry p {text-align:left;margin:10px 0 0 0;padding:5px;font-size:1.3em;line-height:1.4em;text-indent:0;font-style:normal;font-weight:normal;}
div.entry-blog ul {margin-top:20px !important;margin-bottom:30px;}
div.entry-blog li {list-style-image:none;text-align:left;margin:10px 0 0 0;padding:0;font-size:0.9em;line-height:1.4em;text-indent:0;font-style:normal;font-weight:normal;color:#363636;}
div.entry-blog ul li {margin:10px 0 0 0;padding:0;}
div.entry-blog ol li {margin:10px 0 0 0;padding:0;}
a.category-permalink:link {color:#FF6C6C;text-decoration:underline;}
a.category-permalink:visited {color:#FF6C6C;text-decoration:none;}
a.category-permalink:hover {color:#FFA8A8;text-decoration:none;}
p.multiple-post-info {font-weight:normal;text-indent:0;font-size:0.9em;margin:20px 0 0 0;font-style:italic;color:gray;padding:0;}
blockquote {margin:20px 80px 20px 80px;padding:0 0 0 10px;border-left:2px solid #FF7979;background-color:#FEF3F3;}
p.edit-post {font-size : 0.9em;}
p.edit-post a:link {text-decoration : underline;color : red;}
p.edit-post a:visited {text-decoration : underline;color : red;}
p.edit-post a:hover {text-decoration : none;color : black;}
div.entry-blog p.comments-and-trackbacks {color:gray;font-style : italic;font-size :0.8em;text-indent : 0;margin-left : 0px;padding : 0;line-height : 1.4em;}
p.comments-and-trackbacks a:link {color : #459be4;text-decoration : underline;padding-bottom : 0;}
p.comments-and-trackbacks a:visited {color : #459be4;text-decoration : none;padding-bottom : 0;}
p.comments-and-trackbacks a:hover {color : #abd0f1;text-decoration : none;padding-bottom : 0;}
div.entry-blog p.trackback-only {color:gray;font-size : 0.8em;font-style : italic;padding : 0;text-indent : 0;margin-left : 0px;}
div.entry-blog p.comments-only {font-weight:normal;text-indent:0;font-size:0.8em;margin:20px 0 0 0;font-style:italic;color:gray;padding:0;}
div.entry-blog p.no-comments-no-trackbacks {color:gray;font-size : 0.8em;font-style : italic;padding : 0;text-indent : 0;margin-left : 0px;}
h2.search-not-found {position : relative;}
p.search-not-found {font-weight : normal;text-indent : 0;text-align : left;margin : 0 0 30px 50px;}
form#search-form-not-found {position : relative;margin-left:50px;}
input#search-input-not-found {position : relative;left : 0;width : 200px;border : 1px solid black;background-color : #d6f1f8;margin-right : 35px;}
input#search-submit-not-found {border : 1px solid black;background-color : white;}
/*
On a multiple-post page images WITH captions are surrounded by a div with these classes
*/
.alignleft {position : relative;float : left;margin : 0 20px 30px 40px;border : 1px solid gray;}
.aligncenter {display:block;position : relative;margin:40px auto 40px auto;border : 1px solid gray;}
.alignright {position : relative;float : right;margin : 0px 40px 30px 20px;border : 1px solid gray;}
p.wp-caption-text {text-align : center;font-weight : bold;color : #4095b5;text-indent : 0;margin : 20px 0 10px 0;padding : 0;}
/*
For all images on multiple-post pages - these are the sizes
*/
.size-medium {margin : 0 2px 0 2px;}
.size-thumbnail {position:relative;}
.size-full {position:relative;}
div#footer {position:relative;background-color:white; width: 530px;margin-left:auto;margin-right:auto;text-align:justify;margin-top:30px;margin-bottom:60px;}
div.footertext {text-align:center;font-size:16px;padding:30px 0 30px 0;border:0;background:transparent url(http://www.alchemweb.co.uk/images/footer.jpg) top left no-repeat;}
/*
div#footer {position : relative;background-color : white;width : 530px;margin:30px:auto 60ps auto;text-align : justify;}
div.footertext {text-align : center;font-size : 16px;padding : 30px 0 30px 0;background : transparent url(http://www.alchemweb.co.uk/images/footer.jpg) no-repeat top left;}
*/
/*Navigation links (numbers) on a post that's been split into sub-pages using */
div.post-links {width:100%;margin:40px 0 30px 0;}
p.post-links {text-align:center;letter-spacing:50px;}
span.post-links {color:red;letter-spacing:0;}
p.post-links a:link {color:red;text-decoration:none;}
p.post-links a:visited {color:red;text-decoration:none;}
p.post-links a:hover {color:gray;text-decoration:none;}
/* ********************** COMMENT STUFF ********************** */
/*Comment Form*/
div.comment-form {position:relative;width:528px;}
form#comment-form {position : relative;background-color : transparent;text-align : left;width : 100%;border : 0 solid black;padding : 0 0 80px 0;}
div.labels-and-inputs {position : relative;height : 110px;margin : 0;}
label#label-author {position : absolute;left : 0px;top : 10px;width : 230px;background-color : transparent;color : black;padding : 0 0 0 20px;}
label.required {background : transparent url(images/required.gif) no-repeat top left;padding : 0 0 0 20px;}
input#input-author {border : 1px solid gray;position : absolute;left : 320px;top : 10px;width : 200px;background-color : transparent !important ;}
label#label-email {position : absolute;left : 0px;top : 50px;width : 230px;background-color : transparent;color : black;padding : 0 0 0 20px;}
input#input-email {border : 1px solid gray;position : absolute;left : 320px;top : 50px;width : 200px;background-color : transparent !important ;}
label#label-url {position : absolute;left : 0px;top : 90px;width : 230px;background-color : transparent;color : black;padding : 0 0 0 20px;}
input#input-url {border : 1px solid gray;position : absolute;left : 320px;top : 90px;width : 200px;background-color : transparent !important ;}
p.allowed-tags {position : relative;padding:20px 0 30px 0 ;clear : both;color : red;text-align : center;width:520px; margin:0;text-indent : 0;font-size : 0.7em; }
textarea#comment {display:block; margin:0;position : relative;width : 524px;margin:0;background-color : #d6f1f8;border : 1px solid gray;}
input#comment-submit {position : relative;display : block;width : 200px; margin:20px 0 0 0; border : 1px solid gray;background-color : #d6f1f8;}
/*Text saying there are X responses to (your post name)*/
h3#comments {margin:30px 0 40px 0;text-align:left;}
/*This div contains all the comments but not the comment navigation or comment form*/
div.commentlist {position:relative;margin:0 0 0 20px;width:640px;}
/*
This div contains everything in each individual comment
*/
div.comment{position:relative;padding:0;}
/*All the paragraph elements within the comment body*/
div.comment p {margin:0 10px 0 20px;}
/*The different depths of comments*/
div.depth-1 {position:relative;margin:0 0 20px 0;background-color:white;padding:0;width:640px;}
div.depth-2 {position:relative;margin:20px 0 0 20px;background-color:white;padding:0;width:620px;}
div.depth-3{position:relative;margin:20px 0 0 20px;background-color:white;padding:0;width:600px;}
div.depth-4{position:relative;margin:20px 0 0 20px;background-color:white;padding:0;width:580px;}
div.depth-5{position:relative;margin:20px 0 0 20px;background-color:white;padding:0;width:560px;}
/*
Contains everything to do with each individual comment, and creates the border. The border is given a radius but Internet Explorer doesn't support this. When it finally gets round to doing so you can delete the images comment-top-left.gif, comment-top-right.gif etc. from functions.php
*/
div.comment-body {position:relative;margin:20px 0 20px 0;padding:5px 0 5px 0; background-color:transparent;border:1px solid #BBBBBB;}
/*
The corner images on an ordinary comment. Note that div.comment-body above has rounded corners for browsers other than Internet Explorer. When Internet Explorer supports rounded corners this rounded corner hack will no longer be necessary.
*/
div.comment-body span.comment-top-left {position:absolute; top:-1px;left:-1px;width:18px;height:18px;background:transparent url(images/comment-top-left.png) top left no-repeat}
div.comment-body span.comment-top-right {position:absolute; top:-1px;right:-1px;width:18px;height:18px;background:transparent url(images/comment-top-right.png) top right no-repeat}
div.comment-body span.comment-bottom-left {position:absolute; bottom:-1px;left:-1px;width:18px;height:18px;background:transparent url(images/comment-bottom-left.png) top left no-repeat}
div.comment-body span.comment-bottom-right {position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;background:transparent url(images/comment-bottom-right.png) top right no-repeat}
/*
The Avatar on a user comment - see http://codex.wordpress.org/Using_Gravatars
Make sure specific styles for specific users come afte this as later styles override previous styles.
*/
div.comment img.avatar{position:absolute;left:-43px;top:15px;padding:0 13px 0 0;background:transparent url(images/avatar-arrow.png) top left no-repeat;z-index:100;}
/*
The admin comment body
*/
div.comment-author-admin div.comment-body {position:relative;margin:20px 0 20px 0;padding:5px 0 5px 0; background-color:#E6FFED;border:1px solid #666666;}
/*
The corner images on an admin comment. Note that div.comment-body above has rounded corners for browsers other than Internet Explorer. When Internet Explorer supports rounded corners this rounded corner hack will no longer be necessary.
*/
div.comment-author-admin div.comment-body span.comment-top-left {position:absolute; top:-1px;left:-1px;width:18px;height:18px;background:transparent url(images/comment-top-left-admin.png) top left no-repeat;}
div.comment-author-admin div.comment-body span.comment-top-right {position:absolute; top:-1px;right:-1px;width:18px;height:18px;background:transparent url(images/comment-top-right-admin.png) top right no-repeat}
div.comment-author-admin div.comment-body span.comment-bottom-left {position:absolute; bottom:-1px;left:-1px;width:18px;height:18px;background:transparent url(images/comment-bottom-left-admin.png) top left no-repeat}
div.comment-author-admin div.comment-body span.comment-bottom-right {position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;background:transparent url(images/comment-bottom-right-admin.png) top right no-repeat}
/*
The avatar for the user with a user name of Admin
Make sure this style comes after div.comment-body img.avatar as later styles override previous styles.
*/
div.comment-author-admin img.avatar {position:absolute;left:-43px;top:15px;padding:0 13px 0 0;background:transparent url(images/avatar-arrow-admin.png) top left no-repeat;}
/*
Date, author, edit
*/
p.comment-meta {position:relative;font-size:0.9em;font-weight:normal;font-style:normal;}
/*
The comment number
*/
p.comment-meta span.comment-number {position:absolute;display:block; left:-36px;top:50px;color:#C0C0C0; height:1.2em;margin:0;padding:0;font-size:0.8em;}
/*
The ping number
*/
p.comment-meta span.ping-number {position:absolute;display:block; left:-36px;top:10px;color:#C0C0C0; height:1.2em;margin:0;padding:0;font-size:0.8em;}
/*Your comment is awaiting moderation*/
p.moderation {color:red;}
/*
The name of the person who left the comment
*/
p.comment-meta span.comment-author {position:relative;font-style:normal;padding:0 0 0 20px;margin:0;color:gray;background:transparent url(images/comments-small.png) 0px 0px no-repeat;}
/*
The date the comment was left
*/
p.comment-meta span.comment-date {position:relative;font-style:normal;margin:0;padding:0 0 0 60px;color:gray;background:transparent url(images/date-small.png) 40px 0px no-repeat;}
p.comment-meta span.comment-date a:link {color:gray;text-decoration:none;}
p.comment-meta span.comment-date a:visited {color:gray;text-decoration:none;}
p.comment-meta span.comment-date a:hover {color:red;text-decoration:none;}
/*
For the administrator to edit comments and edit pings / trackbacks
*/
p.comment-meta span.comment-edit {position:relative;margin:0 0 0 10px;font-size:0.9em;}
a.comment-edit-link:link {color:red;text-decoration:none;font-weight:normal;}
a.comment-edit-link:visited {color:red;text-decoration:none;font-weight:normal;}
a.comment-edit-link:hover {color:#FF8A8A;text-decoration:none;font-weight:normal;}
/* The header above the form input boxes*/
p.comment-header {color:red;text-align:left;padding:30px 0 30px 0;font-size:0.9em;margin:0;font-weight:bold;}
/*Cancel replying to someone else's comment*/
a#cancel-comment-reply-link:link {color:red;text-decoration:underline;margin:0;padding:0;padding:0;font-weight:bold;}
a#cancel-comment-reply-link:visited {color:red;text-decoration:underline;margin:0;padding:0;padding:0;font-weight:bold;}
a#cancel-comment-reply-link:hover {color:gray;text-decoration:none;margin:0;padding:0;padding:0;font-weight:bold;}
/*The modified header if javascript is turned off*/
p.comment-header a:link {color:red; text-decoration:none;}
p.comment-header a:visited {color:red; text-decoration:none;}
p.comment-header a:hover {color:red; text-decoration:none;}
/*Logged-in users see this*/
p.logged-in {float:left;font-weight : normal;font-size : 1.0em;margin : 0;padding : 0;text-indent : 0;}
p.log-out {font-weight : normal;font-size : 1.0em;float : right;margin : 0 ;padding : 0;text-indent : 0;}
/*The header above the pings*/
h3.pings {color:red;margin:20px 0 20px 0;}
/*
Reply to a specific comment by clicking the link contained within this paragraph element
*/
p.comment-reply-link {position:relative;text-align:left;font-weight:normal;font-size:12px; width:300px;text-indent:0;padding:5px 0 5px 0;}
/*
Reply to a specific comment by clicking this link
*/
a.comment-reply-link:link {color:#6A6A6A;text-decoration:none;background:transparent url(images/reply.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;font-weight:normal;}
a.comment-reply-link:visited {color:#6A6A6A;text-decoration:none;background:transparent url(images/reply.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;font-weight:normal;}
a.comment-reply-link:hover {color:white;text-decoration:none;background:transparent url(images/reply-rollover.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;font-weight:normal;}
/*If there's a link to their website their name is linked to their website*/
a.url:link {color:black;text-decoration:none;}
a.url:visited {color:black;text-decoration:none;}
a.url:hover {color:red;text-decoration:none;}
/*
The reply link if users need to be logged in
*/
p.comment-reply-link a.comment-reply-login:link {color:red;font-weight:normal;text-decoration:none;background:transparent url(images/reply.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;}
p.comment-reply-link a.comment-reply-login:visited {color:red;font-weight:normal;text-decoration:none;background:transparent url(images/reply.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;}
p.comment-reply-link a.comment-reply-login:hover {color:#FF7D7D;font-weight:normal;text-decoration:none;background:transparent url(images/reply-rollover.png) 0px 0px no-repeat;width:200px;text-indent:0;margin:0;padding:3px 20px 5px 8px;}
/*COMMENT PAGED NAVIGATION CONTAINTER DIV.*/
div.comment-navigation {width:100%;margin:30px 0 30px 0;padding:0;overflow:auto;border:0;}
/*Previous and Next page navigation of comments. For some reason a border prevents a scrollbar appearing in FireFox when previous/next links are clicked*/
p.comment-floatleft {float:left;text-align:left;border:1px solid white;text-indent:0;padding:0;margin:0;}
p.comment-floatright {float:right;text-align:right;border:1px solid white;text-indent:0;padding:0;margin:0;}
p.comment-navigation a:link {color:red;text-decoration:none;border:0;text-indent:0;padding:0;margin:0;}
p.comment-navigation a:visited {color:red;text-decoration:none;border:0;text-indent:0;padding:0;margin:0;}
p.comment-navigation a:hover {color:gray;text-decoration:none;border:0;text-indent:0;padding:0;margin:0;}
/* ****************************************** END COMMENT STUFF ******************************************************** */
/*LIST OF PAGE NUMBERS INSTEAD OF LINKS*/
p.page-numbers {font-size:1.2em;text-align:center;}
a.page-numbers:link{text-align:center;letter-spacing:50px;color:red;}
a.page-numbers:visited{text-align:center;letter-spacing:50px;color:red;}
a.page-numbers:hover{text-align:center;letter-spacing:50px;color:red;}
/* Make sure this comes after a.page-numbers so that this letter spacing over-rides previous letter-spacing*/
a.prev:link {letter-spacing:0;color:red;text-decoration:none;}
a.prev:visited {letter-spacing:0;color:red;text-decoration:none;}
a.prev:hover {letter-spacing:0;color:red;text-decoration:none;}
/* Make sure this comes after a.page-numbers so that this letter spacing over-rides previous letter-spacing*/
a.next:link {letter-spacing:0;color:red;text-decoration:none;}
a.next:visited {letter-spacing:0;color:red;text-decoration:none;}
a.next:hover {letter-spacing:0;color:red;text-decoration:none;}
span.page-numbers {font-style:normal;letter-spacing:50px;}
span.current {color:black;}
/*If users need to be logged in to leave a comment*/
p.must-be-logged-in {position:relative;}
p.must-be-logged-in a:link {font-weight:normal;color:red;}
p.must-be-logged-in a:visited {font-weight:normal;}
p.must-be-logged-in a:hover {font-weight:normal;}
/*
Navigation links (previous page, next page) at the bottom of multiple-post-pages
*/
div.multiple-posts-navigation {position:relative;margin-top:10px; margin-bottom:40px;height:30px;background-color:transparent;clear:both;}
span.multiple-nav-left {float:left;}
span.multiple-nav-right {float:right;}
div.multiple-posts-navigation a:link {text-decoration:none;color:red;padding:0 5px 0 5px;}
div.multiple-posts-navigation a:visited {text-decoration:none;color:red;padding:0 5px 0 5px;}
div.multiple-posts-navigation a:hover {text-decoration:none;color:gray;padding:0 5px 0 5px;}
/* **************************************************************************** */
/*INDEX*/
h5.index {text-align:center;font-weight:bold;font-style:italic;font-size:18px;margin:10px 15px 0 0;}
a.wordpress:link {text-decoration:underline;color:#FF6B33;}
a.wordpress:visited {text-decoration:underline;color:#FF6B33;}
a.wordpress:hover {text-decoration:none;color:#FF6B33;}
a.indextextlink:link {text-align:center;font-weight:bold;font-style:normal;font-size:15px;text-decoration:underline;color:#0080FF;background-color:transparent;}
a.indextextlink:visited {text-align:center;font-weight:bold;font-style:normal;font-size:15px;text-decoration:underline;color:#0080FF;background-color:transparent;}
a.indextextlink:hover {font-weight:bold;font-style:normal;font-size:15px;text-decoration:none;color:#0080FF; background-color:transparent;}
div.index-copyright {background-color:transparent;margin:0 0 0 150px;width:550px;padding-bottom:5px;}
div.index-copyright p {text-align:left;font-weight:normal;text-indent:0;font-style:normal;font-size:12px;text-decoration:none;color:black;background-color:transparent;margin:0 0 5px 0;}
p {text-align:left;text-indent:0px;font-weight:normal;font-style:normal;font-size:16px;text-decoration:none;color:black;background-color:transparent; margin-left:60px; line-height:20px; margin-right:30px;margin-top:20px;margin-bottom:0px;}
p#index-cta {text-align:center;margin-left:60px;font-size:14px;font-style:italic;}
/* IMAGES*/
img#screenshot {width:777px;margin-bottom:10px;}
img#banner {border-top:solid 2px #4DBAE8; border-bottom:solid 2px #4DBAE8; background-color:#98B8F0; width:100%;}
img#logo {position:relative;left:10px;margin:20px 0 0 0;}
img#logo2 {position:relative;width:100%;}
img#me {width:74px;position:absolute;top:40px;right:-60px;border:1px solid blue}
img#full { width:309px;padding:3px;border:1px solid #0080FF;position:relative;margin:20px 0 0 30px;}
img#photo3 { width:138px;padding:3px;border:1px solid #0080FF;position:relative;margin-left:185px;}
img#BR {position:absolute;bottom:0px;right: 0px;width:13px;}
img#BL {position:absolute;bottom:0px;left:0px;width:14px;}
/* LINKS*/
a:link {text-align:center;font-weight:bold;text-decoration:underline;color:#4095B5;background-color:transparent;margin-left:2px; margin-right:2px;}
a:visited {text-align:center;font-weight:bold;text-decoration:underline;color:#4095B5;background-color:transparent;margin-left:2px; margin-right:2px;}
a:hover {text-align:center;font-weight:bold;text-decoration:none;color:#4095B5; background-color:transparent;margin-left:2px; margin-right:2px;}
a:link.black {text-align:center;font-weight:bold;font-style:normal;text-decoration:underline;color:black;background-color:transparent;margin:0;}
a:visited.black {text-align:center;font-weight:bold;font-style:normal;text-decoration:underline;color:black;background-color:transparent;margin:0;}
a:hover.black {text-align:center;font-weight:bold;font-style:normal;text-decoration:none;color:gray; background-color:transparent;margin:0;}
a.colour:link {text-align:center;font-weight:bold;font-style:normal;text-decoration:underline;color:#37809B;background-color:transparent;margin:0;}
a.colour:visited {text-align:center;font-weight:bold;font-style:normal;text-decoration:none;color:#37809B;background-color:transparent;margin:0;}
a.colour:hover {text-align:center;font-weight:bold;font-style:normal;text-decoration:none;color:gray; background-color:transparent;margin:0;}
a.navlinks:link {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px;font-size:16px; text-decoration:none;color:white;background-color:transparent;padding:0 0 4px 0;}
a.navlinks:visited {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px; font-size:16px;text-decoration:none;color:white;background-color:transparent;padding:0 0 4px 0;}
a.navlinks:hover {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px; font-size:16px;text-decoration:none;color:#076EC6; background-color:transparent;padding:0 0 4px 0;}
a#navigationhere:link {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px;text-decoration:none;color:white;background-color:transparent;border-bottom:2px solid white;font-size:16px; padding:0 0 2px 0;}
a#navigationhere:visited {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px;text-decoration:none;color:white;background-color:transparent;border-bottom:2px solid white;font-size:16px; padding:0 0 2px 0;}
a#navigationhere:hover {margin:0 10px 0 10px;font-weight:bold;font-style:normal;line-height:23px;text-decoration:none;color:#076EC6; background-color:transparent;border-bottom:2px solid white;font-size:16px;padding:0 0 2px 0;}
a.footerlinks:link {font-weight:bold;font-style:normal;line-height:16px;text-decoration:none;color:black;background-color:transparent;margin:0;padding:0 4px 0 4px;text-indent:0;border:0;}
a.footerlinks:visited {font-weight:bold;font-style:normal;line-height:16px;text-decoration:none;color:black;background-color:transparent;margin:0;padding:0 4px 0 4px;text-indent:0;border:0;}
a.footerlinks:hover {font-weight:bold;font-style:normal;line-height:16px;text-decoration:none;color:#787878; background-color:transparent;margin:0;padding:0 4px 0 4px;text-indent:0;border:0;}
a#footerlinkhere:link {font-weight:bold;font-style:normal;line-height:14px;text-decoration:none;color:black;margin:0;padding:0 4px 0 4px;text-indent:0;border:0;}
a#footerlinkhere:visited {font-weight:bold;font-style:normal;line-height:14px;text-decoration:none;color:black;margin:0;padding:0 4px 0 4px;text-indent:0;border:1px solid gray;border:0;}
a#footerlinkhere:hover {font-weight:bold;font-style:normal;line-height:14px;text-decoration:none;color:#787878;margin:0;padding:0 4px 0 4px;text-indent:0;border:0;}
a.latest:link {color:#4095B5;text-decoration:underline;}
a.latest:visited {color:#4095B5;text-decoration:none;}
a.latest:hover {color:#85BED3;text-decoration:none;}
h3.index a.comment-link:link {color:#4095B5;text-decoration:none;font-size:0.9em;}
h3.index a.comment-link:visited {color:#4095B5;text-decoration:none;font-size:0.9em;}
h3.index a.comment-link:hover {color:#85BED3;text-decoration:none;font-size:0.9em;}
p.edit-post {font-size : 0.7em;}
p.edit-post a:link {text-decoration : underline;color : red; font-size:0.7em;}
p.edit-post a:visited {text-decoration : underline;color : red; font-size:0.7em;}
p.edit-post a:hover {text-decoration : none;color : black;font-size: 0.7em;}
/*SEARCH FORM*/
div#box12 {width:200px;height:50px;background-color:transparent;margin-top:0px;border:0px solid #7F7F7F;padding-bottom:0px;position:absolute; top:0px;right:0px;z-index:10;}
div#box12 form#search-form {position:absolute; top:0;right:0px;border:0px red solid;margin:0 0 0 0 ;width:190px;padding:0;height:40px;}
fieldset {border:0;width:100%;padding:0;margin:0;}
div#box12 input#search-input {position:absolute;left:0px;color:#494949;top:5px;width:110px;height:20px;border:0px solid green;font-size:15px;font-family:arial, helvetica, verdana;background:transparent url(images/search-input.gif) top left no-repeat; margin:0;padding:0;z-index:20;}
div#box12 input#search-submit {position:absolute;left:125px;top:5px;width:60px; height:20px;border:0px black solid; background:transparent url(images/search-submit.gif) top left no-repeat;margin:0;padding:0;}
div#box12 button#search-button {position:absolute;left:125px;top:20px;width:100px; height:20px;border:0px black solid; background-color:transparent;margin:0;padding:0;}
/*SPANS*/
span.bold {font-weight:bold; }
span.italic {font-style:italic;}
span.background {border:1px solid #3C89A6;padding:0px;}
/*FORMS*/
input#namehere {border:1px solid #BCE9F3;background-color:transparent !important;font-weight:normal;}
input#emailhere {border:1px solid #BCE9F3;background-color:transparent !important;font-weight:normal;}
input#subjecthere {border:1px solid #BCE9F3;background-color:#F5FCFE;font-weight:normal;}
textarea#textarea {position:relative; top:0px;left:20%;width:60%;border:#95DDEC solid 1px;background-color:#D6F1F8;}
input.feedbacksubmit {position:relative;left:355px;top:0px;width:220px;border:black solid 1px;background-color:#D6F1F8;}
p.errors {text-align:center;text-indent:0px;font-weight:normal;font-style:normal;font-size:20px;text-decoration:none;color:#4095B5;background-color:transparent; margin-left:0px; line-height:20px; margin-top:20px;margin-bottom:0px;}
p.whoops {text-align:center;font-weight:bold;font-style:normal;font-size:34px;text-decoration:none;color:#4095B5;background-color:transparent;margin-top:20px;margin-bottom:35px;}
span.email {text-align:left;text-indent:0px;font-weight:bold;font-style:normal;font-size:14px;text-decoration:none;color:#4095B5;background-color:transparent; margin-left:0px; line-height:20px;margin-top:20px;margin-bottom:0px;}
span.name {text-align:left;text-indent:0px;font-weight:bold;font-style:normal;font-size:14px;text-decoration:none;color:#4095B5;background-color:transparent; margin-left:0px; line-height:20px; margin-top:20px;margin-bottom:0px;}
span.subject {text-align:left;text-indent:0px;font-weight:bold;font-style:normal;font-size:14px;text-decoration:none;color:#4095B5;background-color:transparent; margin-left:0px; line-height:20px;margin-top:20px;margin-bottom:0px;}
ul.errors {margin-bottom:80px;text-align:left;font-weight:normal;font-style:normal;font-size:16px;text-decoration:none;color:black;background-color:transparent; margin-left:0%;margin-right:0%; line-height:20px;}
li.errors {list-style-type:disc;list-style-image:none;text-align:left;margin-left:10%;font-weight:normal;font-style:normal;font-size:16px;text-decoration:none;color:black; margin-right:10%; line-height:20px;margin-bottom:5px;}
/* HACKS*/
div#hrhack {position:absolute; left:30%;width:40%;background-color:transparent;border-bottom:1px dashed #b7d9FF;top:17px;z-index:3}
div#top {position:relative;width:925px;background-color:white;margin:0;padding:0;}
div.hack {position:relative;top:0px;left:0px;text-align:center;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:black;background-color:transparent;margin-bottom:15px;}
div.hack {position:relative;top:0px;left:0px;text-align:center;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:black;background-color:transparent;margin-bottom:15px;}
div.hackform {position:relative;top:0px;left:-70px;text-align:center;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:black;background-color:transparent;margin-bottom:15px;}
div.hackadvert {position:relative;top:0px;left:0px;text-align:center;font-weight:normal;font-style:normal;font-size:12px;text-decoration:none;color:black;background-color:transparent;margin-bottom:15px;}
div.hack1 {text-align:center;font-size:12px;color:black;background-color:transparent;}
div.textbottom-portfolio {position:relative;width:770px;display:block;background-color:transparent;margin:20px auto 30px auto;padding:20px 10px 0 0;}
div.portfolio-holder {background-color:transparent;width:244px;height:234px;margin:20px 30px 30px 55px;padding:0 0 0 0;position:relative;float:left;border:1px solid #D1D1D1;left:40px;}
div.screenshot {position:relative; width:863px;margin-right:auto;margin-left:auto;background-color:transparent;}
img.portfolio {position:relative;width:200px;padding:0;margin:0 0 0 20px;} /* 200px times 167px*/
img.screenshots {position:relative; border:1px black solid;margin:30px 0 0 0;} /*width 860*/
h6.portfolio {font-size: 14px;line-height:18px;margin:13px 0 0 0;padding:0;text-align:center;color:black;}
p.portfolio {font-size:14px;line-height:20px;text-indent:0;margin:0;padding:0;text-align:center;color:black;background-color:transparent;}
p.screenshot {font-size:16px;line-height:20px;text-indent:20px;margin:0 0 10px 0;padding:0;text-align:left;color:black;background-color:transparent;}
div.textbottom {position:relative;width:770px;display:block;background-color:transparent;border:0px solid #239AF3;margin:20px auto 30px auto;padding-top:25px;background-color:transparent;}
div.textbottom p {text-align:left;font-weight:normal;font-style:normal;font-size:14px;text-decoration:none;color:black;background-color:transparent; margin:12px 30px 0 30px; line-height:20px;}
pre {border-top:1px solid #DBDBDB;border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; border-left:4px solid #D0DFFE; background-color:#DDFFE8;width:800px;margin:20px auto 20px auto;padding:4px;font-size:12px;font-family:arial, helvetica, verdana;color:black;}
div.code {border-left: 4px solid #D0DFFE;border-right:1px solid #DBDBDB;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;background-color:#DDFFE8;width:800px;margin:20px auto 20px auto;padding:4px;font-size:14px;font-family:arial, helvetica, verdana;color:black;}