/* 
Theme Name: Riff-raff Home
Theme URI: http://aris.papatheodorou.net
Description: Private design for Riff-raff. This is child of the Hybrid theme framework.
Author: Aris Papathéodorou
Author URI: http://aris.papatheodorou.net
Version: 0.1
Tags: Wordpress Mu
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

@import url('../hybrid/library/css/reset.css');
@import url('../hybrid/library/css/20px.css'); 
@import url('../hybrid/library/css/drop-downs.css');
@import url('../hybrid/library/css/plugins.css');

/**
* Import custom styles for this Theme
************************************************/

@import url('./library/styles/plugin-tabs.css');
@import url('./library/styles/plugin-slider.css');

/**
* Body
************************************************/
body { background: #6c889d; font: 14px/22px georgia, times, 'times new roman', serif; }
#body-container { width: 1024px; margin: 0 auto 30px auto; background: #fff; border: none; }

/**
* Elements
************************************************/

/* Hyperlinks */
a, a:visited  { color: #093754; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.entry-content a { color: #336699; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #444;
	}

/* Lists */
.content ul { list-style: none; margin-left: 20px; }
.content ul li { overflow: hidden; padding-left: 15px; background: url(library/images/bullet.gif) no-repeat 0 6px; }
/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote { overflow: hidden; height: 100%; margin: 0 20px 22px 0; padding: 3px 0 0 28px; font-style: italic; text-align: left; color: #444; border: none; background: url(library/images/quotes.gif) no-repeat 0 2px; }
blockquote blockquote { color: #555; }
blockquote em { font-style: normal; }
blockquote.pullquote {
	width: 210px;
	margin-top: 6px;
	margin-bottom: 3px;
	padding: 6px 9px;
	text-align: center;
	font: italic normal normal 20px/22px Georgia, Times, 'Times New Roman', serif;
	color: #444;
	background: transparent;
	border-top: 3px double #ddd;
	border-bottom: 3px double #ddd;
	}

/* Object */
object {}

/* Code */
code {
	padding: 0 3px;
	font-size: 12px;
	background: #f1f1f1;
	color: #4f6271;
	}
pre {
	overflow: auto;
	padding: 9px;
	font-size: 12px;
	color: #4f6271;
	background: url(library/images/code.png) repeat 0 0;
	border: 1px solid #ddd;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Tables */
table { width: 100%; background: #f1f1f1; }
caption { font: italic normal normal 12px/22px Verdana, Geneva, Tahoma, sans-serif; text-align: right; color: #666; }
tr { margin: 1px; border: 1px solid #ddd; }
td { padding: 3px; background: #f7f7f7; border: 1px solid #ddd; }
tr.alt td, tr.even td { background: #f1f1f1; }
th { padding: 3px; color: #fff; background: #4f6271; border: 1px solid #ddd; }
th a { font-weight: bold; color: #f1f1f1; }

/* Acronyms */
acronym { font-size: 80%; border-bottom: 1px dotted #333; letter-spacing: .05em }

/* Caps */
.caps { font-size: 80%; font-style: normal; font-variant: normal; text-transform: uppercase; letter-spacing: .05em }

/* Drop caps */
.drop-cap { float: left; margin: 3px 3px 0 0; font: normal normal normal 48px/39px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, "Liberation Serif", Garamond, Goudy, Georgia, serif; letter-spacing: .1em; color: #4f6271; }

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Notes, alerts, and such. */
.note, .warning, .alert, .error, .download { font: normal normal normal 12px/20px "Trebuchet MS", Tahoma, "Lucida Grande", "Liberation Sans Regular", Verdana, Arial, Helvetica, sans-serif; color: #444; }
.note { padding: 9px; margin-bottom: 20px; background: #eee; border: 1px solid #ccc; }
.warning, .alert { padding: 9px; margin-bottom: 20px; background: #fffbbc; border: 1px solid #e6db55; }
.error { padding: 9px; margin-bottom: 20px; background: #ffebe8; border: 5px solid #c00; color: #c00; }
.important {}

/* Downloads */
.download { padding: 9px 9px 9px 35px; border: 1px solid #ddd; margin-bottom: 20px; background-color: #e7f7d3; background-image: url(library/images/disk.png); background-repeat: no-repeat; background-position: 8px 10px; font-size: 11px; line-height: 13px; color: #4f6271; }
.download a { color: #4f6271; font-weight: bold; }

/*.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	} */

/* Alignment */
.left, .alignleft { float: left; margin: 0 20px 0 0; }
.right, .alignright { float: right; margin: 0 0 0 20px; }
.center, .aligncenter { display: block; margin: 0 auto 20px auto; }
.block, .alignnone { display: block; margin: 0 0 20px 0; }
.clear { clear: both; }

span.pullquote { float: none; margin: 0; }

/**
* Images
************************************************/
.post img { max-width: 600px; }
img.wp-smiley { max-height: 12px; margin: 0; padding: 0; border: none; }

/* Captions */
.wp-caption { max-width: 590px; padding: 4px 4px 4px 4px; background: #f1f1f1; border: 1px solid #ccc; text-align: center; }
.wp-caption .wp-caption-text { margin: 0; padding: 0 5px; text-align: center; font-size: 11px; line-height: 14px; color: #666; }
.wp-caption img { max-width: 588px; margin: 0 auto; padding: 0; border: 1px solid #666; }

/* Gallery [gallery] */
.gallery { display: block; text-align: center; margin-bottom: 20px !important; }
.gallery img { border: 1px solid #3c738c; }

/* Author avatar */
.avatar { float: left; width: 60px; height: 60px; margin-right: 20px; padding: 4px; background: #f1f1f1; border: 1px solid #ccc; }

/* Thumbnail */
.thumbnail { float: right; width: 100px; height: 100px; margin: 0 0 10px 20px; padding: 4px; background: #f1f1f1; border: 1px solid #ccc; }
.category img.medium { float: left; max-width: 230px; margin: 0 20px 10px 0; padding: 4px; background: #f1f1f1; border: 1px solid #ccc; }

/**
* Header
************************************************/

#header-container { overflow: hidden; width: 1024px; height: 140px; margin: 0 auto; background-color: transparent; /* border-bottom: 1px solid #4f6271; */ }
#header { overflow: hidden; width: 1024px; height: 140px; margin: 0 auto;  background-color: transparent; background-image: url(library/images/rr-logo-350.png); background-repeat: no-repeat; background-position: 20px 0; }

/* Site title */
#site-title { float: left; width: auto; line-height: 68px; font-size: 48px; font-family: georgia, serif; margin: 19px 0 0 0; }
#site-title a { display: block; width: 500px;  height: 100px; text-indent: -99999em; }
#site-title a:hover {}
#site-description { display: none; }

/* Header utility widget */
#utility-header { overflow: hidden; float: right; width: 500px; height: 100px; margin-top:25px; background-color: transparent; }
#utility-header .widget { line-height: 19px; margin: 0; padding: 0; color: #4f6271; background: transparent; border: none; }
#utility-header .widget-inside div, #utility-header .widget-inside img { float: left; }
#utility-header .widget-title { display: none; }
#utility-header .widget-headline { border-left: 1px #4f6271 solid; padding-left: 10px; }

/**
* Container (content/primary/secondary)
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container { overflow: hidden; width: 960px; margin: 0 auto; padding: 20px 0; /* background: #fff url(library/images/container-bg.png) repeat-y right 0; */ }
.page-template-no-widget #container, .primary-inactive.secondary-inactive #container { background: #fff; }

/* Contains site's main content */
.content { overflow: hidden; float: left; width: 600px; padding: 0 20px 20px 0; background: #fff; }
.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content { width: 960px; padding: 0 0 20px 0; }

/**
* Posts
************************************************/
.entry-content { text-align: justify; }
.entry-summary { text-align: justify; }

.post { clear: both; overflow: hidden; margin-bottom: 20px; }
.single .post, .page .post { margin-bottom: 0; }
.page-template-blog .post, .page-template-quick-post .post { margin-bottom: 20px; }

/* Post title */
.entry-title { margin-bottom: 3px; font: 18px/22px georgia, times, 'times new roman', serif; font-weight: bold; }
.entry-title a { color: #222; }
.page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title { font: normal normal bold 22px/22px georgia, times, 'times new roman', serif; }
.home .entry-title { font: normal normal bold 18px/22px georgia, times, 'times new roman', serif; }
.home .entry-title a:hover { color: #4f6271; }
.page-title, .error-404-title { margin: 0 0 20px 0; }

/* Byline */
.byline { text-transform: lowercase; font-size: 14px; font-style: italic; color: #666; }
.archive .byline, .search .byline { margin-bottom: 10px; }
.blog .byline { margin-bottom: 5px }
.byline .author, .byline .published { font-size: 13.5px; font-style: normal; font-variant: small-caps; }
.byline a { color: #333; }

/* Entry */
.entry-content, .entry-summary { overflow: hidden; font-size: 15px; }
.entry-summary { margin-bottom: -11px; }

/* Entry meta */
.entry-meta { clear: both; padding-top: 2px; font-size: 13px; font-style: italic; color: #666; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.entry-meta a { font-style: normal; color: #666; }
.entry-meta a:hover { color: #099; }
.author-info, .category-info, .date-info, .tag-info, .search-info, .taxonomy-info { overflow: hidden; margin: 0 0 20px 0; padding: 20px 20px 0 20px; background: #fff; border: 1px solid #ccc; }

/* Page links <!--nextpage--> */
p.pages { font-style: normal; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11px; line-height: 22px; text-transform: uppercase; }
p.pages a { margin: 0 2px; padding: 4px 8px 4px 8px; color: #f1f1f1 !important; background: #999; }

/* Series */
.series-title { font-size: 1.2em; }

/* Page templates */
.author-profile { overflow: hidden; margin-bottom: 20px; }
.page-template-biography .author-profile { margin: 0; }
.author-profile .author-name { margin-bottom: 0; font-size: 1em; font-weight: bold; }
.post-box { overflow: hidden; margin-bottom: 20px; }

/* Archive templates */
.category-title, .tag-title, .date-title, .author-title, .search-title { font: normal normal bold 24px/22px georgia, times, 'times new roman', serif; color: #336699; }
.author-info, .category-info, .date-info, .tag-info, .search-info { overflow: hidden; margin: 0 0 20px 0; font-style: italic; color: #4f6271; }

/* Attachments (post meta data) */
.attachment object {
	width: 100%;
	height: 100%;
	min-height: 400px;
	}
.attachment object.video {
	width: 100%;
	height: 360px;
	}
.attachment object.audio {
	width: 100%;
	}
.attachment-image .post-meta-data {
	clear: left;
	}
.attachment .download {
	display: block;
	margin-bottom: 20px;
	}
.attachment-icon, .mime-type-icon {
	height: 20px;
	margin-right: 10px;
	padding: 0;
	}
.attachment-application-octet-stream .video {
	height: 400px;
	margin-bottom: 20px;
	}

/* Breadcrumb */
.breadcrumb { display: none; }

/* Edit Link */
.edit {}
.edit a { color: #099; }

/* WP PageNavi */
.wp-pagenavi { overflow: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: normal; font-size: 12px; line-height: 20px; }
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend {
	float: right;
	margin: 0 6px 0 0;
	padding: 4px 12px;
	color: #fff !important;
	background: #099;
	border: 1px solid #f1f1f1;
	}
.wp-pagenavi a { float: right; color: #4f6271 !important; background: #f1f1f1; font-style: normal; margin: 0 6px 0 0; padding: 4px 12px; }
.wp-pagenavi a:hover { background: #000; text-decoration: none; color: #fff !important; }

/* Navigation links */
.navigation-links { overflow: hidden; }
.navigation-links a { color: #099 !important;}
.navigation-links a:hover { color: #093754 !important; }
.next, .previous { max-width: 50%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: normal; font-size: 11px; line-height: 20px; border: 1px #ddd solid; padding: 0 6px 0 6px; }
.previous { float: left; }
.next { float: right; text-align: right; }
#comments-template .paged-navigation { text-align: center; }
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: italic !important;
	border: 1px solid #f1f1f1 !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}
#comments-header { font-size: 13px; }
#comment-list ol {}
#comment-list li { background-color: #ccc; }

/**
* Comments
************************************************/
#comments-template { overflow: hidden; padding: 20px 20px 0 20px; margin: 0 0 20px 0; border: 1px solid #ccc; background: #fff; }
.comments-header { font-size: 18px; font-weight: bold; }

/* Comment list */
.comment-list, .comment-list ol { list-style: none; margin: 0; }
.comment-list li, .comment-list li li li, .comment-list li li li li li { overflow: hidden; margin: 0 0 20px 0; padding: 20px 20px 0 20px; background: #f1f1f1; border: 1px solid #ddd; }
.comment-list li li, .comment-list li li li li, .comment-list li li li li li li { background: #fff; border: 1px solid #ddd; }

/* Comment avatar */
.comment-list li .avatar { float: left; width: 37px; height: 37px; margin: 5px 10px 0 0; padding: 2px; border: 1px solid #ccc; background: #fff; }

/* Comment meta */
#comments .comment-meta-data { margin: 5px 0 20px 0; font-style: italic; color: #666; }
#comments cite { font-weight: bold; font-style: normal; }

/* Comment text */
#comments .comment-text { clear: left; }

/* Comments form */
#respond { overflow: hidden; margin: 0 0 20px 0; padding: 20px 20px 0 20px; background: #f1f1f1; border: 1px solid #ddd; }
.text-input { display: block; padding: 5px; width: 300px; margin:  0 0 20px 0; background: #fff; border: 1px solid #ddd; }
#respond label { font-style: italic; }
#respond span.required { font-weight: bold; color: #01203C; }
textarea { width: 98%; padding: 5px; margin: 0 0 20px 0; border: 1px solid #ddd; }
.button { width: 100px; padding: 2px; margin-right: 10px; font-weight: bold; color: #fff; border: none; border-radius : 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #4f6271; }
.button:hover { cursor: pointer; background: #00162A; }
input { padding: 5px; width: 300px; margin:  0 0 20px 0; background: #fff; border: 1px solid #ddd; }

/**
* Widgets in general
************************************************/
.widget { overflow: hidden; margin: 0 0 20px 0; padding: 9px 9px 0 9px; background: #fff; border: 1px solid #ddd; }
.widget-title { margin: 0 0 15px 0; padding: 3px 5px 0 0; font-weight: bold; color: #999; font-family: georgia, times, 'times new roman', serif; font-size: 13px; line-height: 13px; font-variant: small-caps; font-style: normal; letter-spacing: 1px; }
.widget-title a { color: #999; }
.widget ul { list-style: none; margin-left: 0; }
.widget ul li { padding: 0 0 0 18px; background: url(library/images/bullet-right.png) no-repeat 0 3px; }

/* Widget search >> Correction */
.widget-search .search-text { width: 295px; border: 1px solid #ddd; margin-bottom: 10px; }
.widget-search .button {display: none;}

/* Widget categories */
.widget-categories img { position: relative; max-height: 16px; top: 1px; margin: 0; padding: 0; }

/**
* Content-area widgets (mostly utility widgets)
************************************************/
.content .widget {
	margin: 0;
	padding: 0;
	border: none;
	}
.content .widget-title {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font: normal normal bold 14px/20px georgia, times, 'times new roman', serif;
	color: #333;
	background: transparent;
	border-bottom: 1px solid #ddd;
	}
.content .widget-title a {
	color: #093653;
	}
.page-template-widgets .content .widget {
	margin: 0 0 20px 0;
	}

/**
* Widget sections (Primary, Secondary, and Tertiary)
************************************************/
#widget-container { float: right; width: 330px; }
#primary { overflow: hidden; float: right; width: 330px; }
#secondary { overflow: hidden; clear: right; float: right; width: 158px; margin: 0 0 0 14px; }
#tertiary { overflow: hidden; float: right; width: 158px; }
#primary .widget ul li { margin: 0 0 5px 0; padding: 0 5px 5px 20px; background: url(library/images/bullet-right.png) no-repeat 0 3px; border-bottom: 1px solid #f1f1f1; }
#primary .widget ul ul { margin: 5px 0 0 0; }
#primary .widget ul li li { margin: 0 0 2px 0; padding: 0 0 2px 20px; border: none; }
#primary object { float: left; width: 300px; padding: 0; margin: 0 0 9px 0; }
#primary .widget { overflow: hidden; margin: 0 0 20px 0; padding: 9px 9px 0 9px; border: 1px solid #ddd; background-color: #FFF; background-image: url(library/images/bg-widgets.jpg); background-repeat: no-repeat; }
#secondary .widget, #tertiary .widget { overflow: hidden; margin: 0 0 20px 0; padding: 9px 9px 0 9px; border: 1px solid #ddd; background-color: #FFF; background-image: url(library/images/bg-widgets.jpg); background-repeat: no-repeat; }


/**
* Footer container (wraps Subsidiary and Footer)
************************************************/

/* Wrapper for the entire footer */
#footer-container { width: 1024px; overflow: hidden; clear: both; border-top: 1px solid #ccc; background-color: #f1f1f1; }

/* Subsidiary widget section */
#subsidiary { overflow: hidden; width: 960px; padding: 25px 20px 10px 30px; background: transparent; }
#subsidiary .widget { float: left; width: 220px; margin: 0 20px 0 0; padding: 0; border: none; background: transparent; }
#subsidiary .widget ul { list-style: none; }
#subsidiary .widget ul li { margin: 0; padding: 0 0 0 18px; background: url(library/images/bullet-right-gray.png) no-repeat 0 3px; }
#subsidiary .widget-inside {}
#subsidiary .widget-title { }
#subsidiary a { color: #4f6271; }
#subsidiary a:hover { color: #000; }
#subsidiary .textwidget img { float: left; display: block; padding: 4px; margin-bottom: 10px; background: #f1f1f1; border: 1px solid #ccc; }

/**
* Footer
************************************************/
#footer { overflow: hidden; width: 1024px; margin: 0 auto; padding: 10px 30px 0 30px; color: #ccc; border-top: 1px solid #ccc; background-color: #040d12; }
#footer a { font-style: normal; color: #ccc; }
#footer a:hover { font-style: normal; color: #fff; }
#footer .copyright { display: inline; float: left; max-width: 50%; } 
#footer .credit { float: right; max-width: 50%; margin-right: 60px; } /* Must be checked */