/*
Theme Name: DigitalBlahBlah
Theme URI: http://digitalblahblah.com
Description: Theme developed for http://digitalblahblah.com
Version: 1.0
Author: DigitalBlahBlah.com
Author URI: DigitalBlahBlah.com
Tags: fixed width, three columns, widgets
*/

/* -----------------------------------------------
IMPORTS
----------------------------------------------- */
@import url("reset.css");

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */
body {  font-family: Georgia, sans-serif, Arial; color: #404042; }
a { text-decoration: none; color: #404042; }
a:hover { background: #53b7e8; color: #000; }
p { font-size: 1.3em; margin: 0 0 15px 0; line-height: 1.2em; }
strong { }

/* Container */
div#Container { width: 960px; margin: 0 auto; }

/* Header */
div#Header { padding: 30px 0 50px 0; }
div#Header h1 { float: right; }
div#Header h1 a { width: 180px; height: 100px; display: block; }
div#Header h1 span { background-position: -360px 0; }
div#Header div.title {  float: left; width: 360px; }
div#Header div.title a { display: block; height: 100px; }

/* PrimaryContent */
div#PrimaryContent { width: 720px; float: left; }

/* SecondaryContent */
div#SecondaryContent { width: 180px; float: right; }
div#SecondaryContent div.item { margin: 0 0 30px 0; }
div#SecondaryContent h2 { font-size: 1.8em; color: #000; font-style: italic; margin: 0 0 10px 0; border-bottom: 1px solid #d8d8d8; padding: 0 0 4px 0; }
div#SecondaryContent li { font-size: 1.3em; margin: 0 0 5px 0; }
div#SecondaryContent li strong { display: block; color: #404042; text-transform: uppercase; padding: 3px 0; }

/* Pagination */
div#Pagination { padding: 0 0 10px 0; }
div#Pagination a { background: #000; padding: 5px 10px; text-transform: uppercase; color: #fff; font-size: 1em; font-weight: bold; display: block; }
div#Pagination div.prev { float: right; }
div#Pagination div.next { float: left; }

/* Footer */
div#Footer { border-top: 1px solid #d8d8d8; margin: 10px 0 0 0; font-size: 1.2em; padding: 15px 0 35px 0; }

/* -----------------------------------------------
SECTIONS
----------------------------------------------- */

/* Articles */
div#Articles div.item { border-bottom: 1px solid #d8d8d8; margin: 0 0 20px 0; position: relative; padding: 0 0 20px 470px; min-height: 310px; }
div#Articles div.item div.image { position: absolute; top: 0; left: 0; border: 1px solid #d8d8d8; line-height: 1em; height: 310px; }
div#Articles div.item div.video { position: absolute; top: 0; left: 0; border: 1px solid #d8d8d8; line-height: 1em;  }
div#Articles div.item h2.title { font-size: 1.8em; color: #000; margin: 0 0 2px 0; line-height: 1.2em; }
div#Articles div.item h2.title a { color: #000; }
div#Articles div.item a:hover { background: none; }
div#Articles div.item h3.date { font-size: 1.3em; }
div#Articles div.item div.categories { font-size: 1.2em;  }
div#Articles div.item p { margin: 20px 0 0 0; }
div#Articles div.item a { color: #000; }
div#Articles div.item li { font-size: 1.3em; margin: 10px 0 0 0; background: url(images/bullet.png) no-repeat left 5px;  padding: 0 0 0 10px; }
div#Articles div.item strong { font-weight: bold; }
div#Articles div.item div.comment-link { margin: 20px 0 10px 0; }
div#Articles div.item div.comment-link a { background: #000; padding: 5px 10px; text-transform: uppercase; color: #fff; font-size: 1em; font-weight: bold; }

/* Comments */
div#Comments h3 { font-size: 1.8em; margin: 0; color: #000; margin: 0 0 15px 0; }
div#Comments p { margin: 0 0 15px 0; }
div#Comments div.item { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 1.2em; border: none; min-height: 0; }
div#Comments div.item h4 { font-size: 1.2em; color: #000; margin: 0; }
div#Comments div.item h4 a { color: #000; }
div#Comments div.item h5 { font-size: 1em; color: #000; margin: 0 0 3px 0; }
div#Comments div.item p { margin: 0; font-size: 1.1em; }
div#Comments div.form { background: #f2f2f2; padding: 10px 10px 5px 10px; margin: 0 0 0 -10px; }
div#Comments div.form textarea { width: 400px; padding: 5px; }
div#Comments div.form label { padding: 0 0 0 5px; }

/* Touch */
div#Touch li { margin: 0 0 10px 0; }

/* -----------------------------------------------
THEMES
----------------------------------------------- */
/* Theme 1 */
body.theme-1 div.title span,
body.theme-1 h1 span { background: url(images/sprite_theme1.png) no-repeat; }
body.theme-1 div#Articles div.item h2.title,
body.theme-1 div#Articles div.item h2.title a,
body.theme-1 div#Articles div.item a,
body.theme-1 div#SecondaryContent h2 { color: #ee398a; }
body.theme-1 a:hover,
body.theme-1 div#Pagination a,
body.theme-1 div#Articles div.item div.comment-link a { background: #ee398a; color: #fff; }

/* Theme 2 */
body.theme-2 div.title span,
body.theme-2 h1 span { background: url(images/sprite_theme2.png) no-repeat; }
body.theme-2 div#Articles div.item h2.title,
body.theme-2 div#Articles div.item h2.title a,
body.theme-2 div#Articles div.item a,
body.theme-2 div#SecondaryContent h2 { color: #53b7e8; }
body.theme-2 a:hover,
body.theme-2 div#Pagination a,
body.theme-2 div#Articles div.item div.comment-link a { background: #53b7e8; color: #fff; }

/* Theme 3 */
body.theme-3 div.title span,
body.theme-3 h1 span { background: url(images/sprite_theme3.png) no-repeat; }
body.theme-3 div#Articles div.item h2.title,
body.theme-3 div#Articles div.item h2.title a,
body.theme-3 div#Articles div.item a,
body.theme-3 div#SecondaryContent h2 { color: #a6ce39; }
body.theme-3 a:hover,
body.theme-3 div#Pagination a,
body.theme-3 div#Articles div.item div.comment-link a { background: #a6ce39; color: #fff; }

/* Theme 4 */
body.theme-4 div.title span,
body.theme-4 h1 span { background: url(images/sprite_theme4.png) no-repeat; }
body.theme-4 div#Articles div.item h2.title,
body.theme-4 div#Articles div.item h2.title a,
body.theme-4 div#Articles div.item a,
body.theme-4 div#SecondaryContent h2 { color: #fdb813; }
body.theme-4 a:hover,
body.theme-4 div#Pagination a,
body.theme-4 div#Articles div.item div.comment-link a { background: #fdb813; color: #fff; }

/* Theme 5 */
body.theme-5 div.title span,
body.theme-5 h1 span { background: url(images/sprite_theme5.png) no-repeat; }
body.theme-5 div#Articles div.item h2.title,
body.theme-5 div#Articles div.item h2.title a,
body.theme-5 div#Articles div.item a,
body.theme-5 div#SecondaryContent h2 { color: #956cb0; }
body.theme-5 a:hover,
body.theme-5 div#Pagination a,
body.theme-5 div#Articles div.item div.comment-link a { background: #956cb0; color: #fff; }

/* Theme 2 */
body.theme-6 div.title span,
body.theme-6 h1 span { background: url(images/sprite_theme6.png) no-repeat; }
body.theme-6 div#Articles div.item h2.title,
body.theme-6 div#Articles div.item h2.title a,
body.theme-6 div#Articles div.item a,
body.theme-6 div#SecondaryContent h2 { color: #c2bd9f; }
body.theme-6 a:hover,
body.theme-6 div#Pagination a,
body.theme-6 div#Articles div.item div.comment-link a { background: #c2bd9f; color: #fff; }