/*
Theme Name: Rapture in Blue v2
Theme URI: http://deconstructiverelativity.org/
Description: A simple design using elements of HTML5 with a mostly monocromatic color palette.
Version: 0.1
Author: HMX
Author URI: http://deconstructiverelativity.org/
Tags: blue, three column, variable width, widgets

	Rapture in Blue v0.1
	 http://deconstructiverelativity.org/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* @import "css/reset.css"; */
@import "css/fonts.css";

body { background: rgb(27,28,47); width: 100%; min-width: 1152px; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }
#page { background: rgb(209,210,213); width: 1112px; margin: 11px auto; padding: 0; border: solid rgb(48,48,54) 9px; overflow-y: auto; overflow-x: hidden; } 

.alignleft { display: block; float: left; }
.alignright { display: block; float: right; }
.aligncenter { display: block; margin: 0 auto; }

#header,
#content,
#footer { float: left; width: 1082px; margin: 0 15px; padding: 0; }

#header { width: 1097px; margin-right: 0px; }
#header h1 { float: left; width: 177px; margin: 8px 0 0; }
#header h1 a span { display: block; float: left; margin: -28px 0 0 67px; }
#header #tag-line { display: block; float: left; margin: 48px 0 0 0; }
#header .navigation { float: right; width: 440px; height: 48px; margin: 35px 0 0 0; padding: 0; }
#header .navigation>ul { background: rgb(48,48,54); display: block; float: left; width: 100%; height: 24px; margin: 0; padding: 0; }
#header .navigation>ul li { display: block; float: left; width: 88px; list-style: none; }

#content .leftcol_home { float: left; width: 625px; }
#content .sidecol_home { float: right; width: 425px; padding-top: 15px; }
#content .leftcol_home div.post { height: 38px; border-bottom: solid rgb(57,60,100) 1px; }
#content .leftcol_home div.post>h2 { float: left; width: 625px; }
#content .leftcol_home div.post>h2 span.date { display: block; float: left; width: 95px; }
#content .leftcol_home div.post>h2 span.views {display: block; float: right; width: 77px; }
#content .leftcol_home div.post:last-child { border-bottom: none; }
#content .sidecol_home .tubepress_thumb_widget {float: left; width: 120px; margin: 0 16px; }
#content .sidecol_home br+div.tubepress_thumb_widget { margin-left: 0px; }
#content .sidecol_home .tubepress_thumb_widget:last-child { margin-right: 0px; }

#content .leftcol_main { float: left; width: 725px; padding-top: 15px; }
#content .sidecol_main { float: right; width: 325px; padding-top: 15px; }
#content .leftcol_main .post { width: 100%; }
#content .leftcol_main .post .more-link { display: block; margin-top: 1em; }
#content .sidecol_main ul { display: block; float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#content .sidecol_main ul li { }

#content .sidecol_main #calendar_wrap { width: 245px; margin: 0 auto; clear: both; }
#content .sidecol_main #wp-calendar { width: 100%; overflow: hidden; }
#content .sidecol_main #wp-calendar td { height: 25px; text-align: center; }
#content .sidecol_main #wp-calendar tr a { color: blue; }

#content .leftcol_gal { float: left; width: 650px; padding-top: 15px; }
#content .sidecol_gal { float: right; width: 425px; padding-top: 15px; }
#content .sidecol_gal ul { margin: 5px 0 1em; }
#content .sidecol_gal ul li { margin: 0 0 0 .5em; }
#content .leftdiscol_gal { float: left; width: 350px; padding-top: 15px; }
#content .sidediscol_gal { float: right; width: 725px; height: 500px; padding-top: 15px; }

#footer { margin-bottom: 9px; }
#footer ul.links { display: block; float: left; margin: 0; padding: 0; }
#footer ul.links li { display: block; float: left; list-style: none; }
#footer ul.links li:after { content: "|"; padding: 0 5px; }
#footer ul.links li.last:after { content: ""; padding: 0; }

/* ********************************************************************************

Rapture in Blue Galleria jQuery Plugin Definitions

******************************************************************************** */

#thumbs .pagination { width: 100%; margin: 0; padding: 0; }
#thumbs .pagination .current { color: rgb(27,28,47);  }
#slideshow { background: rgba(27,28,47,0.75); width: 640px; padding: 15px 5px; margin: 0 auto 5px; }
#webcam #slideshow { padding: 5px; }
#webcam #slideshow img { max-width: 640px; }
#sidebar #slideshow img { max-width: 640px; max-height: 453px; }
#slideshow img {display: block; margin: 0 auto; border: none; }

#webcam { width: 650px; }
#webcam .navigation { width: 100%; }
.content { width: 650px; }
.controls a.prev { float: left; }
.controls a.next { float: right; }
#thumbs { display: block; width: 650px; }
ul.thumbs { width: 100%; }
ul.thumbs li { display: block; float: left; margin: 0 2px; }
ul.thumbs li img { width: 50px; height: 37px; border: none; }
ul.thumbs li:first-child { margin-left: 3px; }
ul.thumbs li:last-child { margin-right: 3px; }


#gallery { width: 100%; }
#gallery .navigation { width: 100%; margin-bottom: 15px; }
#gallery .navigation ul.thumbs { width: 100%; }
#gallery .navigation ul.thumbs li { display: block; float: left; margin: 0 2px; }
#gallery .navigation ul.thumbs li img { width: 50px; height: 37px; }

/* ********************************************************************************

Rapture in Blue Typography Definitions

******************************************************************************** */

body { color: rgb(18,18,31); font: normal 75%/1em 'TitilliumText14L'; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
h1 { font-size: 2.00em; line-height: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.50em; }
h4 { font-size: 1.33em; }
h5 { font-size: 1.17em; }

a { color: rgb(18,18,31); text-decoration: none; }

#header>h1,
#header #navigation { font-family: 'Diavlo';  }
#header #tag-line { font-size: 1.33em; }
#header .navigation,
#header .navigation a { color: rgb(209,210,213); }
#header .navigation { font-size: 1.5em;  line-height: 30px; text-align: center; }

p a { color: rgb(80,80,138); }
p a:hover { text-decoration: underline; }
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a { color: rgb(18,18,31); }
#content .post>h2 { font-size: 1.5em; line-height: 2em; }
#content .post>h2 span.date,
#content .post>h2 span.views { font-size: 0.78em; font-weight: normal; line-height: 2.75em; }

#content .sidecol_main #wp-calendar caption { font-size: 1.50em; font-weight: 400; line-height: 1em; }
#content .sidecol_main #wp-calendar td { text-align: center; }