/*
Theme Name: BME Syros
Theme URI: http://www.lineadesign.net
Version: 0.1
Description: WordPress theme designed by <a href="http://www.lineadesign.net">Linea Design</a> and code crafted by <a href="http://www.trinitysystems.gr">Trinity Systems</a>
Author: Linea Design
Author URI: http://www.lineadesign.net
Tags: 
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );
/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );
/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


/* --- Trinity --- */
html {
	background:#f8be5b url(library/media/images/bg-museum.jpg) top right no-repeat;
}
body {
	background:url(library/media/images/gradient.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.container {
	width: 840px;	/* width = 950px (width+2*padding) */
	margin: 0 auto;
	padding: 135px 55px 0;	/* padding-top = 70px + 65px for locking footer @ bottom of viewport */
}
.header { width: 450px; float:left }
.hfeed { width: 450px }
.aside { width: 260px }

#logo {
	margin-bottom: 50px;
}

/* Forms */
input, textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
button { font-size: 12px; }
input.search { width: 250px }

/* Links */
a { color: #b11418; text-decoration: none; }
a:hover { color: #e6000a; text-decoration: none; }
.entry-content a:link, .entry-content a:visited { color: #b11418; text-decoration: none; }
.entry-content a:hover, .entry-content a:active { color: #e6000a; text-decoration: none; }
.entry-title, .entry-title a { color: #b11418; }
.entry-title a:hover { color: #e6000a; text-decoration: none; }
.entry-meta { font-size:10px; }

/* Menu */
.widget_nav_menu { background-color:transparent; border: none; float: none; list-style-type: none; padding: 0; margin: 0; }
.menu { background-color:transparent; border: none; float: none; list-style-type: none; padding: 0; margin: 0; }
.menucat { font-size: 14px; color: #e6000a; line-height: 18px; list-style-type: none; }
.menu-item { background-color:transparent; border: none; float: none; list-style-type: none; }
.menu-item li { float: none; }
.menu-item a { color: #000; border: none; font-size: 12px; line-height: 15px; padding: 0; }
.menu-item a:hover { background-color: transparent; color: #b11418; }
.menucatsingle { background-color:transparent; border: none; padding-bottom: 14px; margin-bottom: 12px; border-bottom: #ac9271 solid 1px; float: none; font-size: 14px; color: #e6000a; line-height: 18px; list-style-type: none; }
.nav { background-color:transparent; border: none; padding-bottom: 14px; margin-bottom: 12px; border-bottom: #ac9271 solid 1px; float: none; list-style-type: none; }
.nav li { float: none; }
.nav a { color: #000; border: none; font-size: 12px; line-height: 15px; padding: 0; }
.nav a:hover { background-color: transparent; color: #b11418; }
.menucat a { font-size: 14px; color: #e6000a; line-height: 18px; }
.menucatsingle a { font-size: 14px; color: #e6000a; line-height: 18px; }
.menu-item ul a { border-right: none; }
.menu-item li:hover, .nav li.nav-hover, .nav a:focus { background-color: transparent; }
.menu-item a.active { color: #b11418; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover, .nav a:focus { background-color: transparent; }
.nav a.active { color: #b11418; }
.active { color: #b11418; }

h1 {
	color: #b11418;
	font-size:17px;
	border-top: #ac9271 solid 2px;
	margin-bottom: 10px;
}
h2 { font-size: 14px; line-height: 18px; }
h3 { font-size: 13px; line-height: 14px; }

#widget-meta, #widget-meta a, #widget-meta ul {
	list-style:none;
	font-size:10px;
	color:#bbb;
	text-align:right;
}

#socialnets { margin: 20px 0; }
#socialnets a img { margin-right: 10px; }

.footer { background-color: #d9d9d9; }
.footer_inner { margin: 0 auto; width: 840px }
#copyright {
	background:url(library/media/images/footer.png) left center no-repeat;
	width: inherit;
	height: 65px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	margin-bottom:0;
}

/* --- Lock footer to bottom of viewport --- */
html{ overflow-y:scroll }
html, body { height:100%; }
* html #wrapper { height:100%; }
body {
	min-height: 490px; /* = gradient.png_height + footer_height / maintain that min-height to avoid gradient to move up in very small pages */
	background-position: left 0px; /* = footer-height */
}
#wrapper {
	min-height:100%;
	margin-top:-65px; /* = footer-height */
}
.footer {
	height: 65px;	/* = wrapper-negative-top-margin AND body-background-position */
	clear:both;
}
body:before { /* Opera Fix */
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;	/* negate effect of float*/
}
#wrapper:after { /* instead of using display table for ie8*/
    clear:both;
    display:block;
    height:1%;
    content:" ";
}
/* --- Lock footer (END) --- */

/* --- Styles for Category Page Extender --- */
#p2c-navigation{
	padding: 10px 0px 10px 0px;
	width:100%;
	text-align:right;
	margin:0 auto;
	font-size:10px;
}
.p2c-nav{
	width:100%;
	border-top:1px solid #ac9271;
	padding-top:4px;
	color: #888;
	text-align:right;
}
.p2c-page-of{
	color: #888;
}
.p2c-nav li{
	display: inline;
	line-height:150%;
}
.p2c-nav li a{
	color: #888;
	display: inline-block;
}
.p2c-nav li p{
	display: inline;
}
.p2c-nav a:hover{
	color: #000;
}
.p2c-currentpage{
	color:#777;
	font-weight:bold;
	background: #eee;
	border: 1px solid #aaa;
	display: inline-block;
	padding: 2px 5px 2px 5px;
}
/* --- Styles for Category Page Extender (END) --- */

