/*  
Theme Name: Petrino
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0
}

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:none
}

:focus {
outline:0
}

ins {
text-decoration:none
}

del {
text-decoration:line-through
}

table {
border-collapse:collapse;
border-spacing:0
}

a img {
border:none
}

.clear {
clear:both
}

.float_left {
float:left
}

.float_right {
float:right
}

.text_right {
text-align:right
}

/* Rebuild default browser styles */
html,body {
margin:0;
padding:0;
height:100%;
background:#fff url(images/bg_main.jpg) center 200px repeat-x
}

#container {
min-height:100%;
position:relative
}

#header {
background:#882927 url(images/header.jpg) top center repeat-x;
height:200px
}

#body {
padding:40px 20px;
padding-bottom:160px;
background:#fff;
width:900px;
margin:10px auto 0
}

#footer {
position:absolute;
bottom:0;
width:100%;
height:60px;
padding:20px 0 0;
background:#882927 url(images/bg_red.jpg)
}

.wrap {
margin:0 auto;
width:900px;
overflow:hidden
}

/* Branding */
.branding-el h1 a {
background:url(images/petrino-logo-el.jpg)
}

.branding-en h1 a {
background:url(images/petrino-logo-en.jpg)
}

.branding-el h1 a,.branding-en h1 a {
display:block;
height:96px;
width:249px;
text-indent:-999em;
margin:35px 0 5px;
padding:0
}

/* Top menu */
#header .menu,#header ul.categories {
float:left
}

#header .menu ul,#header ul.categories {
margin:0
}

#header .menu ul ul {
display:none
}

#header .menu li,#header ul.categories li {
display:inline
}

#header .menu li a,#header ul.categories li a {
display:block;
float:left;
margin-right:2px;
padding:3px 3px 0;
text-decoration:none;
font-weight:700;
color:#f4f2e4;
font-size:14px;
line-height:20px
}

#header .menu li a:hover,#header ul.categories li a:hover {
border-bottom:2px solid #f4f2e4
}

#header .menu li.current_page_item a,#header li.current_page_parent a,#header ul.categories li.current-cat a {
font-size:18px;
padding-top:0;
line-height:24px
}

#header .language {
float:right
}

#header .language li.active {
display:none
}

#header .language li a {
display:block;
float:left;
margin-right:2px;
padding:3px 3px 0;
text-decoration:none;
font-weight:700;
color:#f4f2e4;
font-size:14px;
line-height:20px
}

#header .language li a:hover {
border-bottom:2px solid #f4f2e4
}

/* Grid */
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.sociable {
display:inline;
float:left;
position:relative;
margin:0 20px
}

.grid_1 {
width:35px
}

.grid_2 {
width:110px
}

.grid_3 {
width:185px
}

.grid_4 {
width:260px
}

.grid_5 {
width:335px
}

.grid_6 {
width:410px
}

.grid_7 {
width:485px
}

.grid_8 {
width:560px
}

.grid_9 {
width:635px
}

.grid_10 {
width:710px
}

.grid_11 {
width:785px
}

.grid_12 {
width:860px
}

.alpha {
margin-left:0
}

.omega {
margin-right:0
}

body,input,textarea {
color:#222;
font:14px Georgia,Times,serif;
line-height:1.5em
}

h1,h2,h3,h4,h5,h6 {
font-weight:700;
clear:both
}

h2 {
font-size:18px;
line-height:23px;
margin-bottom:1em
}

h3 {
font-size:14px;
line-height:19px;
margin-bottom:1em
}

h3.widget-title {
font-size:12px;
line-height:17px;
color:#777;
border-bottom:1px solid #eee;
padding-bottom:.5em;
text-transform:uppercase;
letter-spacing:1px
}

h4 {
font-size:12px;
line-height:17px;
margin-bottom:.5em
}

.post h4 {
color:#777
}

h5 {
float:left;
margin-right:5px;
font-size:10px;
line-height:15px;
color:#777;
text-transform:uppercase;
letter-spacing:1px
}

p,ul {
margin-bottom:1em
}

p a {
text-decoration:underline;
color:#872828;
padding:1px
}

p a:hover {
text-decoration:none;
color:#fff;
background:#ab6868
}

strong {
font-weight:700
}

small {
font-size:12px;
line-height:17px
}

.clear {
clear:both
}

blockquote {
background:url(images/quotes.png) no-repeat;
color:#666;
font:bold 13px/1.5em Georgia,Times New Roman,Times,serif;
margin:5px 0;
padding:20px 0 0 30px
}

blockquote span {
display:block;
font:italic .9em/1.5em Georgia,Times New Roman,Times,serif;
margin:0;
text-align:right
}

.page-id-12 blockquote {
margin:29px 0
}

.border-left {
border-left:1px solid #eee;
padding-left:19px
}

.border-top {
border-top:1px solid #eee;
padding-top:20px;
margin-top:45px
}

.post {
border-bottom:1px solid #eee;
margin-bottom:1.5em;
padding-bottom:.5em
}

.single .post {
border:none;
margin-bottom:1.5em;
padding-bottom:.5em
}

.car,.bus,.train {
height:50px;
margin-top:20px;
width:48px
}

.car {
background:url(images/icons.jpg) no-repeat 0 0
}

.bus {
background:url(images/icons.jpg) no-repeat -48px 0
}

.train {
background:url(images/icons.jpg) no-repeat -96px 0
}

.post-60 img,.post-62 img {
margin:0 10px 10px 0
}

.wp-image-503 {
margin-bottom:20px
}

.map {
border:1px solid #ddd;
margin:15px 0;
padding:4px
}

.map img {
margin:0;
padding:0
}

.telephone {
background:url(images/phone.jpg) no-repeat center top;
color:#999;
display:block;
font-size:28px;
font-weight:700;
margin-bottom:30px;
padding:155px 0 0;
text-align:center
}

li.widget-container {
margin-bottom:3em
}

.widget_flickrRSS ul {
overflow:hidden
}

.widget_flickrRSS li {
display:inline
}

.widget_flickrRSS li a {
display:block;
float:left;
margin:0 3px 3px 0;
padding:3px;
border:1px solid #ddd
}

.widget_flickrRSS li a:hover {
border:1px solid #999
}

.wp-pagenavi {
clear:both;
padding:15px 0
}

.wp-pagenavi .pages {
display:none
}

.wp-pagenavi a,.wp-pagenavi span {
text-decoration:none;
border:1px solid #bfbfbf;
padding:3px 7px;
margin:2px;
color:#872828
}

.wp-pagenavi a:hover,.wp-pagenavi span.current {
border-color:#bfbfbf;
background:#872828;
color:#fff
}

.wp-pagenavi span.current {
font-weight:700;
color:#444;
background:#fff
}

.addthis_default_style a {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5
}

.addthis_default_style a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}

#footer {
color:#d5b4b4;
font:bold 11px/16px Arial,Helvetica,sans-serif
}

#footer a {
color:#d5b4b4;
text-decoration:none
}

#footer a:hover {
color:#f3eaea;
background:none
}

#footer .menu_1,#footer ul.categories,#footer .language {
float:left
}

#footer ul {
margin:0
}

#footer .menu_1 li,#footer ul.categories li {
display:inline
}

#footer .menu_1 li a,#footer ul.categories li a {
display:block;
float:left;
margin-right:7px
}

#footer .language .active {
display:none
}

fieldset {
border:solid 1px #ddd;
padding:20px
}

legend {
padding:0 20px;
margin:20px 0;
font-size:18px;
font-style:italic
}

label {
font-size:12px
}

input {
border:1px solid #ddd;
padding:5px;
width:230px;
margin:0 0 15px
}

textarea {
border:1px solid #ddd;
padding:5px;
width:505px;
height:130px;
margin:0 0 20px
}

input.sb {
font-size:12px;
color:#555;
padding:5px 10px;
border:1px solid #eee;
background:#fff url(images/bg_sb.png);
width:auto;
margin:0
}