/*
  Theme Name:  Greek Island Propery Finders
  Theme URI:   N/A
  Description: The WordPress theme used for gipf.com
  Author:      Bitvolution Ltd.
  Author URI:  http://www.bitvolution.com
  Version:     0.3

  Copyright 2009 Julia Joyce
  Implementation by Bitvolution Ltd.
*/

/* CSS Reset */

html{color:#333;background:#F2F2F2}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0;font-weight:bold;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;cursor:help}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}


/* Base Element styling */

@font-face {
    font-family: 'GriffosFont Regular';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GriffosFont.eot');
    src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}
body{font: normal 18px/27px 'GriffosFont Regular', Georgia, Arial, sans-serif,helvetica,clean;}
h1 {font-size:138.5%}
h2 {font-size:123.1%}
h3 {font-size:108%}
h1,h2,h3 {margin:1em 0}
blockquote {margin:1em;padding-left:0.5em;border-left:3px solid #4491e0}
ul,ol,dl {margin:1em 1em 1em 2em}
ol li {list-style: decimal outside}
ul li {list-style: disc outside}
dl dd {margin-left:1em}
th,td {border:1px solid #000;padding:.5em}
th {font-weight:bold;text-align:center}
p,table { margin-bottom:1em}
hr {border:0;border-top: 1px dashed #CCCCCC;}

a {color:#1D96B8;text-decoration: none}
a:hover { color: #F87100;text-decoration:underline}
a:focus { -moz-outline-style: none}


/* Grid Layout */

.grid_1 {width:60px}
.grid_2 {width:140px}
.grid_3 {width:220px}
.grid_4 {width:300px}
.grid_5 {width:380px}
.grid_6 {width:460px}
.grid_7 {width:540px}
.grid_8 {width:620px}
.grid_9 {width:700px}
.grid_10 {width:780px}
.grid_11 {width:860px}
.grid_12 {width:940px}
.column {margin: 0 10px;overflow: hidden;float: left;display: inline}
.row {width: 960px;margin: 0 auto;overflow: hidden}
.row .row {margin: 0 -10px;width: auto;display: inline-block}


/* Wordpress convention - e.g. used by the visual editor to format post/page elements */

.entry-content img {margin: 0 0 1.5em 0}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto}
img.alignright { padding: 4px;margin: 3px 0 2px 10px;display: inline}
.alignright {float: right}
img.alignleft {padding: 4px;margin: 3px 10px 2px 0;display: inline}
.alignleft {float: left}
.wp-caption {text-align: center;margin-bottom: 1.5em}
.wp-caption img {border: 0 none}
.wp-smiley {max-height: 1em;margin:0 !important}
.gallery dl {margin:0}
.gallery-caption {margin:-1.5em 0 0 0}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%}


/* Theme */

#top {color:#6A6A6A;background-color:#FFF;font-family:tahoma,helvetica,arial,sans-serif;font-size:11px;height:32px;line-height:1em;text-align:right}
#top #bitvol_subscriber_email {padding-left: 22px;color:#000;background:url("images/icons/newsletterIconGray.png") no-repeat center left;border:1px solid gray; border-left:none}

#pagewrapper {background-color:#FFF;min-height:415px;border-bottom:1px solid #CCC;padding-bottom:20px}

#logo {text-align:center}
#logo h1 {font: normal 60px/68px 'GriffosFont Regular', Georgia, Arial, sans-serif,helvetica,clean;letter-spacing: 0;margin:20px 0}
#logo h1 span {font-size: 1.1em}
#logo h1 a {color: black}
#logo h1 a:hover {text-decoration:none}

#navigation {border-bottom: 1px solid #808080;border-top: 1px solid #808080;margin-bottom:30px;text-align:center}
#navigation ul { margin: 0.5em 0}
#navigation ul li {display: inline;padding: 2px 0;font-variant: small-caps;letter-spacing:-1px}
.page_item a {text-decoration:none;color:#6d6e71;font-size: 1.1em;padding: 0 15px}
.page_item a:hover {text-decoration:underline;color:black}
.current_page_item span {color:black;font-weight:bold}

#footer .inner {padding:20px 0 60px;margin:0;color:#BBBBB4;font-family:tahoma,helvetica,arial,sans-serif;font-size:9px;}
#footer p#contact {float:left;padding-left:20px}
#footer p#copyright {float:right;padding-right:20px}
#copyright a {color:#BBBBB4;}

/* CSS Toolbox */

.clearAfter:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
.clearAfter {zoom:1}

.iconInfo {padding-left: 18px; background:url("images/icons/information.png") no-repeat center left}
.iconError {padding-left: 18px; background:url("images/icons/cross.png") no-repeat center left}
.iconSuccess {padding-left: 18px; background:url("images/icons/tick.png") no-repeat center left}
.iconMap {padding-left: 18px; background:url("images/icons/map.png") no-repeat center left}
.iconPhone {padding-left: 18px; background:url("images/icons/telephone.png") no-repeat center left}
.iconMobile {padding-left: 18px; background:url("images/icons/mobile.png") no-repeat center left}
.iconEmail {padding-left: 18px; background:url("images/icons/email.png") no-repeat center left}
.iconMoney {padding-left: 18px; background:url("images/icons/money_euro.png") no-repeat center left}
.iconKey {padding-left: 18px; background:url("images/icons/key.png") no-repeat center left}
.iconHouse {padding-left: 18px; background:url("images/icons/house.png") no-repeat center left}
.iconGallery {padding-left: 18px; background:url("images/icons/pictures.png") no-repeat center left}
.iconPicasa {padding-left: 18px; background:url("images/icons/picasa_icon.gif") no-repeat center left}

.error {color: red}
.success {color: green}

ol.styledList {font: italic 0.8em Georgia, Times, serif;color: #999999;margin:0 25px}
ol.styledList p {margin:2px 0;font: normal 18px/27px 'GriffosFont Regular', Georgia, Arial, sans-serif,helvetica,clean;color: #444;}

.dropCaps p:first-letter {font-size:2em;font-weight:300}
.dropCapsSmall p:first-letter {font-size:1.5em;font-weight:300}

.propertyIndexList li {list-style:none;float:left;padding-left:10px}

.googleEarthLink {float:left;margin:20px 0 0 20px;width: 250px}

/* Blog Page and Post Style */

.post h2, .page h2 {border-bottom:1px dashed #CCCCCC;font-size:30px;padding:5px 0 10px 0;margin:0 0 20px 0;color:#222;font-weight: normal}
.postTitle h2 {font-size:28px;font-weight: normal}
.postTitle h2 a {color:#222}
.propertydetails {margin:10px 0 0 100px;}

/* Sidebar Style */

#sidebar {background-color:#EEEEEE;min-height:415px;border:1px solid #1D96B8;padding: 1em;margin-top:15px;}
#sidebar #s {width: 10em}
#sidebar h2 {margin:0;font-size:110%}
#sidebar ul, #sidebar ul ol {margin: 5px 0 0 0;padding: 0}
#sidebar ul li {list-style-image: none;list-style-type: none;margin-bottom: 20px}
#sidebar ul ul li {list-style-type: disc;margin: 3px 0 0 20px}


/* Home Page Style */

.anythingSlider h4                { font-weight:300;font-variant:small-caps}
.anythingSlider                   { width: 360px; height: 520px; position: relative; margin: 0 auto 15px;}
.anythingSlider .wrapper          { width: 280px; overflow: auto; height: 461px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul       { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li             { display: block; float: left; padding: 0; height: 317px; width: 300px; margin: 0; text-align:center}
.anythingSlider .arrow            { color:black; font-weight:bold; display: block; position: absolute; top: 470px; cursor: pointer}
.anythingSlider .forward          { right: 20px; text-align:right}
.anythingSlider .back             { left: 20px}
#thumbNav                         { position: relative; top: 470px; width:210px; margin: 0 auto}
#thumbNav a                       { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; border: 3px double #AAA}
#thumbNav a.cur                   { border: 3px double #000}
#start-stop                       { font: 11px/18px Georgia, Serif; position: absolute; top: 505px; right: 45px; padding: 2px 8px; width: 40px; height: 18px; text-align: center; color:#000; background-color:#fff; border: 1px solid #AAA}
#start-stop.playing               { border: 1px solid black; }
.anythingSlider .wrapper ul ul    { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }


/* Contacts Page Style */

.contactform {margin: 25px auto 0 auto;width:420px}
.contactform li {list-style-type:none}

#bitvol_cf label {clear: both;display: block;float: left;width: 200px}
#bitvol_cf input {float: left;margin: 2px 5px 2px 0;padding: 1px;width: 200px}
#bitvol_cf textarea {height: 100px;margin: 0 5px 5px 0;padding: 1px;width: 400px}
#bitvol_cf .checkbox {margin-top:8px;width:15px;height:15px}
#bitvol_cf #contactsubmit {float: left;margin: 10px 0 0 170px;width: 100px}


/* Image gallery Style */

h2.demoProperty, h3.demoProperty {color:black;font-size:1.5em;margin:25px 0 10px}
.contactus {font-size:0.9em;font-variant:small-caps;color:#666}
/*
.demoPropertyGallery .mainImageDiv {width:500px;height:375px;float:left;text-align:center;border:3px double #CCC}
.demoPropertyGallery ul {list-style:none;width:300px;float:left;margin: 0 0 0 20px}
.demoPropertyGallery li {display:block;width:80px;height:80px;float:left;margin:0 10px 10px 0;border:3px double #AAA}
.demoPropertyGallery li img {opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);}
.demoPropertyGallery li img.selected {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
*/
.gallery .mainImageDiv {width:500px;height:375px;float:left;text-align:center;}
.gallery img.mainImage {padding:0;border:3px double #CCC;}
.gallery ul {float:left;width:310px;height:375px;overflow:auto;margin: 0 0 0 20px;list-style:none;}
.gallery li {display:block;width:80px;height:80px;float:left;margin:0 10px 10px 0;border:3px double #AAA;}
.gallery li.selected {border:3px double #000;}
.gallery li img {padding:0;opacity:0.3;border:0;}
.gallery li img.selected {opacity:1;}
.gallery .bvControlDiv {clear:both;width:500px;height:30px;float:left;text-align:center;margin:10px 0 0;}
.gallery .bvPrev {display:block;float:left;border:1px solid #CCC;text-decoration:none; padding:1px 5px;}
.gallery .bvNext {display:block;float:right;border:1px solid #CCC;text-decoration:none; padding:1px 5px;}
.gallery .bvCaption {display:block;width:250px;overflow:hidden;margin: 0 auto;font-style:italic;}
.bitVolClearAfter:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.bitVolClearAfter {zoom:1;}