/* ### reset.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a, a:link, a:visited, a:active, a:hover {outline: none;}


/* ### common.css */

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
line-height: 20px;
}
body {

}
p, ul, ol, pre {
margin-bottom: 20px;
}
pre {
width: 100%;
overflow: auto;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
font-weight: bold;
letter-spacing: -1px;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited,
h6 a, h6 a:link, h6 a:visited {
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: underline;
}

h1 { font-size: 27px; line-height: 30px; margin-bottom: 0;}
h2 { font-size: 20px; line-height: 24px; margin-bottom: 10px}
h3 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
h5 { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
h6 { font-size: 13px; line-height: 20px; margin-bottom: 10px; }

h1,
h2 { font-weight:normal;}

.strapline {
margin-bottom:0;
}

ul {
margin-left: 1.25em;
list-style-type: circle;
list-style-position: outside;
}
ul.listing, ul.images {
list-style-type: none;
margin-left: 0;
}
ul ul, ol ol {
margin-left: 1.5em;
}
ol { 
list-style-position: outside;
list-style-type: decimal;
margin-left: 2em;
}
dl {
margin-top: 18px;
margin-bottom: 18px;
}
dl dt {
font-weight: bold;
}

strong { 
font-weight: bold;
}
em {
font-style: italic;
}

blockquote {
font-size: 13px;
line-height: 20px;
font-style: italic;
font-weight: normal;
padding: 0;
margin-left: 20px;
}
blockquote p {
line-height: 20px;
margin-bottom: 20px;
}

/*body.page blockquote {
font-size: 24px;
line-height: 30px;
font-style: normal;
font-weight: normal;
padding: 0;
margin-left: 0;
}
body.page blockquote p {
line-height: 30px;
margin-bottom: 20px;
}
body.page blockquote em {
font-style: italic;
}*/

/* embedded images */
.image_link {
margin-top: -20px;
margin-bottom: 20px;
line-height: 20px;
font-size: 11px;
text-align: right;
}
/*img.wrap, img.left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
img.right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
img.block {
display: block;
margin-bottom: 20px;
}*/

img.wrap, img.left, div.wrap, div.left {
float: left;
margin-top: 0;
margin-right: 20px;
margin-bottom: 20px;
}
img.right, div.right {
margin-top: 0;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
div.frame {
}
.block {
clear: both;
margin-bottom: 20px;
}
div.frame .info {
padding: 5px;
}
div.frame .info .description {
font-size: 12px;
}
div.frame .info .description * {
margin-bottom: 0;
}
.title + .description {
margin-top: 5px;
}
body.photo img.block {
margin: 0 auto;
margin-bottom: 20px;
}
a.img img.bordered {
border: none;
padding: 0;
}
div.img {
margin: 20px 0;
}

hr, div.hr { 
clear:both;
border: none;
margin-bottom: 20px;
background-image: url(/cache/default/1490/alpha/images/border_line.gif);
background-repeat: repeat-x;
background-position: top center;
height: 1px;
margin-bottom: 19px;
}
div.hr hr {
display: none;
}

.date {    
margin-bottom: 20px;
line-height: 20px;
}

/* next/prev post nav */
.navigation {
width: 100%;
overflow: hidden;
clear: both;
}
.nav-previous {
width: 48%;
float: left;
}
.nav-next {
width: 48%;
float: right;
text-align: right;
}
#nav-above {
margin-bottom: 18px;
display: none;
}
#nav-below {
margin-bottom: 18px;
}

.note {
font-size: 90%;    
}

/* ### forms.css */

form {
margin-bottom: 20px;
}
label {
display: block;
}
input, textarea { 
font: normal 12px "bitstream vera sans", verdana, sans-serif;
padding: 2px;
}
textarea {
height: 15em;
}

input.input_text {
width: 50%;
}
textarea {
width: 95%;
}
.textarea_body {
height: 15em;
}
.textarea_blurb {
height: 10em;
}
div.field {
line-height: 20px;
margin-bottom: 20px;    
}
div.field input {
vertical-align: middle;
}
input.button {
font-size: 16px;
padding: 5px;
font-weight: bold;
}

#id_title {
width: 95%;
}

.field ul {
list-style-type: none;
margin-left: 0;    
}

.errorlist, .non_field_errors p {
list-style-type: none;
margin-left: 0;
font-weight: bold;

}

/* ### layout.css */

body {
text-align: center;
padding-top: 60px;
}

#wrapper {
width: 100%;
text-align: center;
}

#canvas-wrapper {
width: 760px;
padding: 0 5px;
margin: 0 auto;
text-align: left;
}

#outside-logo {
width: 760px;
padding: 0;
height: 5px;
}
#home-logo {
margin-bottom: 20px;
display: none;
}
body.home #home-logo {
    display: block;
}
#canvas {
width: 720px;
padding: 16px 20px;
}
#main {
width: 720px;
overflow: hidden;
}
#footer {
width: 720px;
padding: 10px 25px;
}

#outside-logo, #bar, #canvas, #footer {
margin: 0 auto;
overflow: hidden;
text-align: left;
clear: both;
}

#bar.without_logo {
width: 720px;
padding: 20px 20px 20px 20px;
}
#bar.with_logo {
width: 760px;
padding: 0;
}
#bar.with_text {
width: 760px;
padding: 0;
}

#main.with_sidebar {
background-position: 500px 0;
background-image: url(/cache/default/1490/alpha/images/vertical_border_line.gif);
background-repeat: repeat-y;
}
#main.with_sidebar #content {
width: 480px;
overflow: hidden;
float: left;
/*margin-bottom: -20px;*/
}
#main.with_sidebar #sidebar {
width: 200px;
overflow: hidden;
float: right;
/*margin-bottom: -20px;*/
}
#main.without_sidebar #sidebar {
display: none;
}
#footer {   
/* shadow goes here */
overflow: hidden;
font-size: 12px;
}
#footer-nav {
width: 720px;
overflow: hidden;
}
#utility-nav {
line-height: 20px;
width: 80%;
float: left;
}
#utility-nav ul {        
list-style-type: none;  
margin: 0;
padding: 0;
}
#utility-nav li {
display: inline;    
margin: 0;
}
#utility-nav ul li a {
float: left;
padding-right: 6px;
margin-right: 6px;
line-height: 14px;
margin-top: 2px;
}
#utility-nav ul li.last a {
border-right: none;
padding-right: 0;
}
#tank {    
float: right;
width: 20%;
}
#tank p {
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
}
#footer-text {
}
#footer-text p {
margin: 0;
padding: 0;
}

/* ### posts.css */

body .post {
clear: both;    
/*text-align: justify;*/
}
body.multiple .post {
margin-bottom: 20px;
width: 480px;
overflow: hidden;
background-image: url(/cache/default/1490/alpha/images/border_line.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
body.multiple .last_post {
background-image: none;
margin-bottom: 0;
}
h2.entry-title {

}
.entry-date .published {
border: none;  
font-weight:normal;
 
}
.entry-meta {
line-height: 20px;
text-align: right;
width: 480px;
overflow: hidden;
}
.date_top .entry-meta {
margin-bottom: 20px;
}

ul.categories li.selected {
font-weight: bold;
}


/* ### photos.css */

div.photos {
width: 720px;
overflow: hidden;
}
div.photo {
float: left;
}
div.photos div.photo {    
margin-right: 8px;
margin-bottom: 8px;
width: 174px;
}
div.photos div.photo {
}
div.photos div.fourth {
margin-right: 0;
}
div.photos div.photo .image {
width: 174px;

display: inline;
display: table-cell;
text-align: center;
}
div.photos div.photo .image {
height: 174px;    
}
div.photos div.photo .image {
vertical-align: middle;    
}
div.photos div.photo .meta {
width: 174px;
padding-top: 5px;
}
.album-date .published {
border: none;    
}

div.albums {
}
div.album {
width: 720px;
overflow: hidden;
margin-bottom: 20px;
background-image: url(/cache/default/1490/alpha/images/border_line.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
div.last_album {
background-image: none;
margin-bottom: 0;    
}
.album_thumbs {
width: 500px;
overflow: hidden;
float: left;
margin-bottom: 20px;
}
.album_thumbs a {
float: left;
margin-right: 13px;
display: block;
width: 114px;
height: 114px;
}
.album_thumbs a.fourth {
margin-right: 0;
}
.meta {    
width: 200px;
float: right;
margin-bottom: 20px;
}
h2.album-name {
display: inline;
}
.last_album .album_thumbs a {
height: 114px;
}


div.thumbs {
width: 200px;
overflow: hidden;
margin-bottom: 20px;
}
div.thumbs div.thumb {
float: left;
margin-right: 5px;
margin-bottom: 5px;
width: 62px;
}
div.thumbs div.thumb .image {
width: 62px;
display: inline;
display: table-cell;
text-align: center;
}
div.thumbs div.thumb {
height: 62px;
}
div.thumbs div.third {
margin-right: 0;
}
div.thumbs img {
padding: 3px;
}

/* ### comments.css */

#comments_container {
background-image: url(/cache/default/1490/alpha/images/border_line.gif);
background-position: center top;
background-repeat: no-repeat;
padding-top: 20px;
}

body.photo #comments_container {
background-image: none;
}

#comments_container, #commentform, #validation_container {
margin-bottom: 20px;
clear: both;
}

#commentform {
}

body.permalink h2#respond, body.permalink h2#comments {
margin-top: 20px;    
}
body.permalink h2#respond {
margin-top: 0;
}
ol.commentlist {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}
ol.commentlist li {
width: 100%;
overflow: hidden;
}
ol.commentlist li .comment-meta {
width: 32%;
float: left;    
margin-bottom: 20px;
}
ol.commentlist li .comment-meta .inner {
padding-bottom: 0;
}
ol.commentlist li .comment-text {
width: 66%;
float: right;    
}
ol.commentlist .comment-author {
font-weight: bold;
}
.comment-author, .comment-date {
line-height: 20px;
}
.comment-date {
margin-bottom: 20px;    
}

/* */

div.captcha {
margin-top: 10px;
}


div.files  {
width: 100%;
overflow: hidden;
}
div.file {
padding: 10px;
width: 460px;
overflow: hidden;
}

.file .thumb {
width: 120px;
float: left;
}
.file .meta {    
width: 330px;
float: right;
}
.file .info {
margin-bottom: 5px;
}
.file .delete {
width: 14px;
height: 20px;
background-position: 0 3px;
background-repeat: no-repeat;
text-indent: -10000px;
float: right;
display: block;
margin-left: 5px;
background-image: url(/cache/default/1490/images/no.gif);
}
.unique_link {
width: 97%;
}

/* inline gallery  */
.igallery, .islideshow {
margin-bottom: 0;
}
.igallery li, .islideshow li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
.igallery img, .islideshow img, .bigimage img {
display: block;
}

.igallerywrap, .islideshowwrap, .bigimage {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
#canvas .igallerywrap a, #canvas .islideshowwrap a, #canvas .bigimage a {
color: #333 !important;
}
#canvas .igallerywrap a:hover, #canvas .islideshowwrap a:hover, 
#canvas .bigimae a:hover {
color: #999;
}
.igallerywrap .igallery, .igallerywrap .igallery li,
.islideshowwrap .islideshow, .islideshowwrap .islideshow li {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}


.igallerywrap .igallery li {
float: left;
margin-bottom: 0;
position: relative;
}

.igallerywrap .nav, .bigimage .nav {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
padding: 5px 10px;
color: #000;
background-color: #eee;
opacity: 0.7;
height: 18px;
font-variant: small-caps;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: expression(parentNode.clientWidth-40); /* ie fix */
}
.mouseout .nav {
display: none;
}
.mouseover .nav {
display: block;
}
.igallerywrap .prev, .bigimage .prev {
position: absolute;
right: 50px;
top: 5px;
}
.igallerywrap .prev {
display: none;
}
.igallerywrap .next, .bigimage .next {
margin-left: 10px;
position: absolute;
right: 10px;
top: 5px;
}
.igallerywrap .total {
position: absolute;
right: 10px;
bottom: 10px;
color: #333;
background-color: #eee;
opacity: 0.7;
padding: 5px 10px;

-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.islideshowwrap .islideshow li {
position: absolute;
left: 0;
top: 0;
display: none;
}
.islideshowwrap .playpause {
position: absolute;
font-variant: small-caps;
padding: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 3;
width: 60px;
background-color: #eee;
opacity: 0.7;
text-align: center;
}
.mouseout .playpause {
display: none;
}
.mouseover .playpause {
display: block;
}