/**
 * @name Protoierie
 * @description Template WordPress MU utilizabil pentru website-urile protoieriilor.
 * @version 2.0
 *
 * @author Design Forge <team@design-forge.ro>
 * @credits
 * 	Mihai Velcescu <mihai.velcescu@design-forge.ro>
 * 		Graphic Design
 * 	Mihai Stancu <mihai.stancu@design-forge.ro>
 * 		User Interface
 * 		WordPress Integration
 *
 * @copyright (c) 2008, Design Forge
 * @license Free for non-comercial use.
 *
 * @wordpress
 * 	Theme Name: Protoierie
 * 	Theme URI: http://design-forge.ro/wordpress-templates/protoierie.zip
 * 	Description: Template WordPress MU utilizabil pentru website-urile protoieriilor.
 * 	Version: 2.0
 * 	Author: Design Forge <team@design-forge.ro>
 * 	Author URI: http://design-forge.ro/
 */

* {
	/* box model */
	padding: 0;
	border: 0 solid #f0f;
	margin: 0;
	outline: 0;
}

html {
	/* box model */
	height: 100%;
}

body {
	/* box model */
	height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	overflow-y: scroll;

	/* typography */
	background: #0b457f url('images/background.jpg') top center no-repeat;
	color: #fff;
	font-size: 12px;
	font-family: "Arial", sans;
}

input, textarea {
	/* box model */
	display: block;
	border: 2px solid transparent;

	/* typography */
	background: #cfcfcf none;
	color: #000;
}
label, button {
	/* box model */
	display: block;

	/* typography */
	background: transparent;
	color: #fff;
	font-family: "Georgia", serif;
}

a, button {
	/* box model */
	outline: none;

	/* typography */
	color: #ddd;
	text-decoration: none;
}
a:hover, button:hover {
	/* typography */
	color: #2b78D5;
}
a img {
	/* box model */
	border: 0;
	margin: 0;
	padding: 0;
}

h1 {
	/* box model */
	margin: 0 0 5px 0;

	/* typography */
	font-family: "Constantia", "Georgia", serif;
	font-size: 39px;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
}
h2 {
	/* box model */
	margin: 0 0 5px 0;

	/* typography */
	font-family: "Constantia", "Georgia", serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}
h3 {
	/* box model */
	margin: 0 0 15px 0;

	/* typography */
	font-family: "Georgia", serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}
h4 {
	/* box model */
	margin: 0 0 5px 0;

	/* typography */
	font-family: "Georgia", serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
h5 {
	/* box model */
	margin: 0 0 5px 0;

	/* typography */
	font-family: "Georgia", serif;
	font-size: 14px;
	font-weight: normal;
}

hr {
	/* box model */
	width: 190px;
	height: 10px;
	margin: 20px auto 40px;
	clear: both;

	/* typography */
	background: url("images/separator-trans.png");
}

.images li {
	/* box model */
	display: block;
	width: 146px;
	padding: 2px;
	margin: 9px 0 9px 0;
	float: left;

	/* typography */
	background: #fff;
	color: #000;
	list-style: none;
	text-align: center;
}
.images li a img {
	/* box model */
	display: block;
	width: 140px;
	padding: 3px;
	clear: both;

	/* typography */
	background: #fff;
}
.images li span {
	/* box model */
	display: block;
	overflow: hidden;
	width: 140px;
	clear: both;
}

.neighbours {
	padding: 20px 0 0 0;
}
.neighbours div {
	width: 50%;
	float: left;
}
.neighbours .previous {
	text-align: left;
}
.neighbours .next {
	text-align: right;
}

body > .header {
	/* box model */
	width: 978px;
	margin: 0 auto;

	/* typography */
	background: url("images/emblema_arhiepiscopie_shadow.png") no-repeat;
	background-position: 422px 132px;
}

.header #logo {
	/* box model */
	display: block;
	width: 113px;
	height: 132px;
	margin: 32px 432px 8px 432px;

	/* typography */
	color: transparent;
	font-size: 17px;
	text-align: center;
}
.header #subtitle {
	/* box model */
	width: 415px;
	height: 21px;
	margin: 4px 275px;

	/* typography */
	background: url("images/arhiepiscopia_bucurestilor-trans.png") no-repeat;
	color: transparent;
}
.header #title {
	/* box model */
	width: 607px;
	height: 44px;
	margin: 4px 185px 17px;

	/* typography */
	background: url("images/protoieria3capitala-trans.png") no-repeat;
	color: transparent;
}

.header .nav {
	/* box model */
	width: 815px;
	height: 49px;
	margin: 0 auto;
}
.header .nav li {
	/* box model */
	display: block;
	float: left;

	/* typography */
	list-style: none;
}
.header .nav li a {
	/* box model */
	display: block;
	height: 25px;
	padding: 16px 0 8px;
	float: left;

	/* typography */
	background: url("images/menu.jpg");
	color: transparent;
	font-family: "Constantia", "Georgia", serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
.header .nav li #protoieria {
	/* box model */
	width: 152px;

	/* typography */
	background-position: 0 0;
}
.header .nav li #protoieria:hover,
.header .nav li #protoieria.hover {
	/* typography */
	background-position: 0 -49px;
}
.header .nav li #protoieria:active,
.header .nav li #protoieria.active {
	/* typography */
	background-position: 0 -98px;
}
.header .nav li #parohii {
	/* box model */
	width: 108px;

	/* typography */
	background-position: -152px 0;
}
.header .nav li #parohii:hover,
.header .nav li #parohii.hover {
	/* typography */
	background-position: -152px -49px;
}
.header .nav li #parohii:active,
.header .nav li #parohii.active {
	/* typography */
	background-position: -152px -98px;
}
.header .nav li #asistenta {
	/* box model */
	width: 184px;

	/* typography */
	background-position: -260px 0;
}
.header .nav li #asistenta:hover,
.header .nav li #asistenta.hover {
	/* typography */
	background-position: -260px -49px;
}
.header .nav li #asistenta:active,
.header .nav li #asistenta.active {
	/* typography */
	background-position: -260px -98px;
}
.header .nav li #evenimente {
	/* box model */
	width: 141px;

	/* typography */
	background-position: -444px 0;
}
.header .nav li #evenimente:hover,
.header .nav li #evenimente.hover {
	/* typography */
	background-position: -444px -49px;
}
.header .nav li #evenimente:active,
.header .nav li #evenimente.active {
	/* typography */
	background-position: -444px -98px;
}
.header .nav li #avizier {
	/* box model */
	width: 108px;

	/* typography */
	background-position: -585px 0;
}
.header .nav li #avizier:hover,
.header .nav li #avizier.hover {
	/* typography */
	background-position: -585px -49px;
}
.header .nav li #avizier:active ,
.header .nav li #avizier.active {
	/* typography */
	background-position: -585px -98px;
}
.header .nav li #linkuri {
	/* box model */
	width: 122px;

	/* typography */
	background-position: -693px 0;
}
.header .nav li #linkuri:hover,
.header .nav li #linkuri.hover {
	/* typography */
	background-position: -693px -49px;
}
.header .nav li #linkuri:active,
.header .nav li #linkuri.active {
	/* typography */
	background-position: -693px -98px;
}

body > .main {
	width: 842px;
	margin: 0 auto;
}

.main .left {
	/* box model */
	width: 176px;
	min-height: 200px;
	padding: 12px 20px 12px 20px;
	margin: 20px 15px 20px 66px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main .left li {
	/* box model */
	display: block;

	/* typography */
	list-style: none;
}
.main .left li.header time {
	/* box model */
	display: block;
	margin: 0 0 10px 0;

	/* typography */
	font-size: 10px;
	text-transform: uppercase;
}
.main .left .article a {
	display: block;
	padding: 10px 0 0 0;
}

.main .middle {
	/* box model */
	width: 176px;
	min-height: 200px;
	padding: 12px 20px 12px 20px;
	margin: 20px 15px 20px 15px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main .middle li {
	/* box model */
	display: block;

	/* typography */
	list-style: none;
}
.main .middle .article a {
	display: block;
	padding: 10px 0 0 0;
}
.main .middle li.header time {
	/* box model */
	display: block;
	margin: 0 0 10px 0;

	/* typography */
	font-size: 10px;
	text-transform: uppercase;
}

.main .right {
	/* box model */
	width: 176px;
	min-height: 200px;
	padding: 12px 20px 12px 20px;
	margin: 20px 66px 20px 15px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main .right li {
	/* box model */
	display: block;

	/* typography */
	list-style: none;
}
.main .right .article a {
	display: block;
	padding: 10px 0 0 0;
}
.main .right li.header time {
	/* box model */
	display: block;
	margin: 0 0 10px 0;

	/* typography */
	font-size: 10px;
	text-transform: uppercase;
}

.main > .images {
	/* box model */
	display: block;
	width: 430px;
	min-height: 100px;
	padding: 20px;
	margin: 20px 15px 20px 66px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main > .images > .header {
	/* box model */
	width: 430px;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;

	/* typography */
	background: none;
	color: #fff;
}
.main > .images > .header > a.white {
	/* box model */
	display: block;
	width: 426px;
	padding: 2px;

	background: #fff;
	color: #000;
}
.main > .images > .header > a > img {
	/* box model */
	width: 420px;

	/* typography */
	background: #fff;
	color: #000;
}
.main > .images > .header > span {
	/* box model */
	display: block;
	overflow: hidden;
	width: 430px;
	clear: both;

	/* typography */
	background: #fff;
	color: #000;
}
.main > .images > li {
	/* box model */
	display: block;
	width: 106px;
	padding: 2px;
	margin: 9px 16px;


	/* typography */
	background: #fff;
	color: #000;
	list-style: none;
	text-align: center;
}
.main > .images > li > a > img {
	/* box model */
	display: block;
	width: 100px;
	padding: 3px;
	clear: both;

	/* typography */
	background: #fff;
	color: #000;
}
.main > .images > li > span {
	/* box model */
	display: block;
	overflow: hidden;
	width: 100px;
	clear: both;
}
.main > .images > .footer {
	/* typography */
	background: none;
	color: #fff;
}

.main .blogs {
	/* box model */
	display: block;
	width: 430px;
	min-height: 100px;
	padding: 20px;
	margin: 20px 15px 20px 66px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main .blogs .header {
	/* typography */
	text-transform: capitalize;
}
.main .blogs li {
	/* box model */
	display: block;

	/* typography */
	list-style: none;
}
.main .blogs li ol li {
	/* box model */
	display: list-item;
	margin: 0 0 0 30px;

	/* typography */
	list-style: decimal;
}
.main .blogs h4 {
	padding: 10px 0 0 0;
}


.main > .articles {
	/* box model */
	display: block;
	width: 430px;
	min-height: 400px;
	padding: 20px;
	margin: 20px 15px 20px 66px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main > .articles > li {
	/* box model */
	display: block;

	/* typography */
	list-style: none;
}
.main > .articles > li h3 {
	/* box model */
	margin: 10px 0;
}
.main > .articles > li p {
	/* box model */
	margin: 6px 0;

	/* typography */
	text-align: justify;

}
.main > .articles > li > ol > li,
.main > .articles > li > ul > li {
	/* box model */
	margin: 0 0 0 30px;

	/* typography */
	text-align: justify;
}
.main > .articles > li > .header > time {
	/* box model */
	display: block;
	margin: 0 0 10px 0;

	/* typography */
	font-size: 10px;
	text-transform: uppercase;
}
.main > .articles > li > .images {
	/* box model */
	width: 171px;
	height: 100%;
	margin: 0px;
	float: left;
}
.main > .articles > li > .images  li {
	/* box model */
	margin: 9px 0 9px 0;
}
.main > .articles > li .footer {
	/* box model */
	padding: 40px 0 0 0;
}
.main > .articles > li .footer .comments {
	/* box model */
	width:  230px;
	margin: 10px 0 10px 0;
}
.main > .articles > li .footer .comments dt {
	/* box model */
	margin: 15px 0 0 0;

	/* typography */
	font-size: 10px;
	font-style: italic;
	text-indent: 0;
}
.main > .articles > li .footer .comments dt time {
	/* box model */
	display: inline;

	/* typography */
	color: #666;
}
.main > .articles > li .footer .comments dt address {
	/* box model */
	display: inline;
}
.main > .articles > li .footer .comments dd {
	/* typography */
	text-align: justify;
	text-indent: 0;
}
.main > .articles > li .footer form {
	/* box model */
	width: 230px;
}
.main > .articles > li .footer form input {
	/* box model */
	display: block;
	width: 226px;
	margin: 0 0 5px 0;

	/* typography */
	font-family: "Arial", sans;
	font-size: 12px;
}
.main > .articles > li .footer form input[type=hidden] {
	display: none;
}
.main > .articles > li .footer form textarea {
	/* box model */
	display: block;
	width: 226px;
	height: 100px;
	margin: 0 0 5px 0;
	overflow: hidden;

	/* typography */
	font-family: "Arial", sans;
	font-size: 12px;
}
.main > .articles > li .footer form button {
	/* box model */
	width: 226px;

	/* typography */
	font-family: "Georgia", serif;
	text-align: right;
}

.main > .links {
	/* box model */
	display: block;
	width: 430px;
	min-height: 100px;
	padding: 20px;
	margin: 20px 15px 20px 66px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main > .links > h3 {
	/* typography */
	text-transform: capitalize;
}
.main > .links > h4 {
	/* box model */
	margin: 20px 0 0 0;
}
.main > .links > dt {
	/* box model */
	margin: 12px 0 0 0;

	/* typography */
	font-family: "Georgia", serif;
	font-size: 12px;
	font-style: italic;
}
.main > .links > dd {
	/* box model */
	margin: 0 0 0 40px;

	/* typography */
	font-family: "Arial", sans;
	font-size: 10px;
}

.main > .sidebar  {
	/* box model */
	width: 170px;
	min-height: 100px;
	padding: 20px;
	margin: 20px 66px 20px 15px;
	float: left;

	/* typography */
	background: url("images/pixel.png") repeat;
}
.main > .sidebar > li {
	/* box model */
	display: block;
	padding: 10px 0 10px 0;

	/* typography */
	list-style: none;
}
.main > .sidebar > li h5 {
	text-indent: -6px;
}
.main > .sidebar > li form small {
	/* box model */
	display: block;
	margin: 0 0 5px 0;

	/* typography */
	color: #bbb;
	font-size: 10px;
	font-family: "Georgia", serif;
}
.main > .sidebar > li form input {
	/* box model */
	display: block;
	width: 100%;
	margin: 0 0 5px 0;
}
.main > .sidebar > li form button,
.main > .sidebar > li form a {
	/* box model */
	display: block;
	width: 100%;
	margin: 5px 0 5px 0;

	/* typography */
	font-size: 12px;
	font-family: "Georgia", serif;
	text-align: right;
}
.main .sidebar .header {
	/* box model */
	padding: 0 0 10px 0;
}
.main .sidebar .archive  ol li {
	/* box model */
	display: block;
	padding: 0;
	margin: 0;

	/* typography */
	list-style: none;
	text-indent: 0;
	text-transform: lowercase;
}
.main .sidebar .footer {
	/* box model */
	padding: 10px 0 0 0;
}

body > .footer {
	/* box model */
	width: 670px;
	height: 30px;
	padding: 20px;
	margin: 0 auto 20px auto;

	/* typography */
	background: url("images/pixel.png") repeat;
	color: #fff;
}

.footer small {
	/* box model */
	display: block;

	/* typography */
	color: #fff;
	font-size: 12px;
	font-family: "Arial", sans;
}
.footer #signature img {
	width: 65px;
	height: 11px;
	margin: 0 0 -2px 0;
	font-family: "Aller", sans;
}