/* 
Theme Name: 
Theme URI: 
Description: Skeleton Stylesheet.
Version: 1.0
Author: Neil Bradley
Author URL: http://www.hanabi.co.uk
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*
CONTENTS ----------
	
1.BODY
2.LINKS
3.IMAGES
4.LAYOUT
5.BRANDING/MASTHEAD
6.NAVIGATION
7.TYPOGRAPHY
8.FOOTER
9.FORMS
*/

/*
COLORS ----------
	
DARK GREY:		rgb(34, 34, 34)
DARK BLUE:		rgb(0, 3, 108)
WHITE:			rgb(249, 249, 249)
GOLD SHIRT:		rgb(252, 242, 6)
BLUE SHIRT:		rgb(44, 178, 230)
RED SHIRT:		rgb(237, 42, 20)
LIGHT BLUE:		rgb(0, 155, 235)
LIGHT GREY:		rgb(224, 224, 224)
*/

/* 1.BODY
---------------------------------------------------------------------- */
html {background-color: rgb(249, 249, 249);}
body {background-color: rgb(249, 249, 249);font:normal 100% Georgia, Times, serif;color: rgb(34, 34, 34);}

/* 2.LINKS
---------------------------------------------------------------------- */
a, a:visited { color: rgb(0, 155, 235); text-decoration: none; }
a:hover, a:active, a:focus { color: rgb(0, 3, 108); text-decoration: none; }
#skip { position: absolute; left: -9999px; }

#footer ul.navlist li a:link { color: rgb(249, 249, 249); }
#footer ul.navlist li a:visited { color: rgb(224, 224, 224); }
#footer ul.navlist li a:hover { color: rgb(224, 224, 224); }
#footer ul.navlist li a:active { color: rgb(224, 224, 224); }

/* 3.IMAGES
---------------------------------------------------------------------- */

/* 4.LAYOUT
---------------------------------------------------------------------- */
.section { width: 100%; margin: 16px auto 0 auto; max-width: 946px }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section .content {float: left; width: 626px; background-color: rgb(249, 249, 249); }
.section .aside {float: right; width: 306px; background-color: rgb(249, 249, 249) }
.left {float: left;}
.right {float: right;}

#footer {height: 48px; background-color: rgb(34, 34, 34);}
#footer ul {list-style-type: none; height: 48px; padding: 16px 14px; display: inline;}

#footer li {float:right; height:24px; margin-right:7px; padding-right: 7px; width:auto; color: rgb(34, 34, 34) }
#footer li:first-child {margin-right: 0px; padding-right: 0px;}
#footer li:last-child {margin-right:7px; padding-right: 7px;}

/* 5.BRANDING/MASTHEAD
---------------------------------------------------------------------- */
#header {margin-top: 16px}
#header h1 a {background: url(../images/elements/LogoCircle.png) no-repeat; display: block; height: 101px; width: 101px; text-indent:-3000px;}

/* 6.NAVIGATION
---------------------------------------------------------------------- */
#usernav {height: 32px; background-color: rgb(44, 178, 230);}
#usernav ul {list-style-type: none; height: 32px; padding: 8px 14px;}
#usernav li {float:right; height:16px; margin-right:7px; padding-right: 7px; width:auto; color: rgb(34, 34, 34) }
#usernav li:first-child {margin-right: 0px; padding-right: 0px;}
#usernav li:last-child {margin-right:7px; padding-right: 7px;}


/* 7.TYPOGRAPHY
---------------------------------------------------------------------- */
h1, h2, h3, h4 { font-family: Georgia, Times, sans-serif; font-weight : normal; color: rgb(44, 178, 230) }
h1 {font-size:24px;line-height:24px;}
h2 {font-size:18px;line-height:18px;}
h3 {font-size:16px;line-height:16px;}
h4 {font-size:13px;line-height:13px;}

p { text-indent: 14px; }
p:first-child { text-indent: 0; }

p + h2, h3, h4, h5, h6, p, blockquote, ul { padding-top : 16px; }
h2, h3, h4, h5, h6 + p { padding-top : 16px; }
p + blockquote { padding: 16px 0; }
ol + h6, p {padding-top: 16px;}

blockquote { text-indent:-0.5em; quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

ul { font-size: 0.875em; /* 14px / 16px = 0.875em */ list-style: disc inside none; /* Display outside for hanging punctuation */ }
ol { font-size: 0.875em; /* 14px / 16px = 0.875em */ list-style-type: decimal; }

/* 9.FORMS
---------------------------------------------------------------------- */

ul.form { float: left; width: 100%; }
ul.form li { float: left; margin-bottom: 25px; clear: both; width: 100%; }
ul.form label { float: left; clear: both; width: 500px; font-size: 16px; padding-bottom: 10px; }
ul.form label span { font-size: 12px; font-style: italic; color: #888; }
ul.form input { float: left; clear: both; font-size: 20px; width: 480px; padding: 5px; }
ul.form li.buttons input { width: auto; }
ul.form textarea { float: left; clear: both; font-size: 14px; width: 480px; height: 100px; padding: 5px; }
ul.form select { float: left; clear: both; font-size: 14px; width: 200px; }
ul.form input.error { border: 2px solid #ff0000; }

/* =label */
label:after {
  content: ":";
}

.audio {}
.video {}
.video_poster {}