/*   
Theme Name: Pets In Action
Theme URI: http://www.petsinaction.gr
Description: CSS3 
Author: Hyperlinc Web Services
Author URI: http://www.hyperlinc.gr
Created:  04|2010
*/



/*Master Reset*/
* { margin: 0; padding: 0; }

/*HTML Tags*/
html, body { height: 100% }
body { background: #FFF; font: 80% Georgia, Arial, serif; color: #666; }
html, body { height: 100%; }
h1 { color: #8bc53f; margin: 10px;font-family: Georgia;}
p { padding:10px;text-align: justify;}
ul { margin-left: 20px; }
a { color: #dd6520; font-size:1.1em; outline: none; }

/*Building Blocks */
#Header {background: #BEE5FA url(../images/danew.jpg) no-repeat 346px -6px;height: 200px;}

#MenuBar {
    background: none repeat scroll 0 0 #46B849;
    height: 38px;
}

#MenuBar ul { list-style: none; }
#Wrapper { margin: 0 auto; position: relative; }
#leftCol { width: 18%; float: left; padding: 0 1% 0 1%; }
#mainCol { width: 49%; float: left; padding: 0 1% 0 1%; }
#rightCol { width: 27%; float: left; padding: 0 1% 0 1%; }
#Footer { clear: both; height: 300px; background:#ebebeb url(images/slice1.jpg) repeat-x;border-top: solid #ccc thin;}
#clr { clear:both; display:block; height:20px; }


/*2nd Level Blocks */
#Logo h1{float:left;  }
#Logo h1 a{ text-indent:-9999px;background:url(http://www.petsinaction.gr/images/logo.png) no-repeat; display:block;width:350px; height:100px;margin-top: 40px;} 
#TopBanner { margin: 60px 20px 0 50px; float:right; }
#dt { margin:20px auto; text-align:center; }
#LeftSideBanners { margin:10px auto; }
#LeftSideBanners img { display:block; margin:15px auto; border:0; }
#RightSideBanners { margin:10px auto; }
#RightSideBanners img { display:block; margin:0 auto; border:0; }

#newsletter {margin:30px auto; width:200px;text-align:center; border:thin #CCC solid; background:#ebebeb;}
#newsletter p{ font-family:"Times New Roman" ,Arial, Helvetica, sans-serif; text-align:center; font-size:15px; font-style:italic;}
#newsletter img {display:block; margin:-15px auto 10px auto; border:0; }
.inp{margin:20px; padding:10px; font-family:120%; cursor:pointer; outline:none;font-family:"Times New Roman" ,Arial, Helvetica, sans-serif; font-style:italic; font-size:15px;}


#RTeaser { margin:10px auto; }
#RTeaser img { display:block; margin:0 auto; border:0; }
#SiteInf { margin:10px auto auto; width:250px; background: #e4e3db; -moz-border-radius:8px; -moz-box-shadow:0 0 2px #333; -webkit-border-radius:8px; -webkit-box-shadow:0 0 2px #333; border:5px solid #FFF; box-shadow:0 0 2px #333; }
#SiteInf p { font-size:0.9em; }
#addthis { margin:10px auto; }
#addthis img { display:block; margin:0 auto; border:0; }
#Facebook { margin:10px auto auto; }
#Facebook img { display:block; margin:0 auto; border:0; }
#GMaps { margin:20px auto 10px auto; }
#GMaps img { display:block; margin:0 auto; border:0; }
#LMenu { margin:20px auto 10px auto; }
.polaroid { padding:5px 5px 5px 5px; background:#fff; border:1px solid #ececec; margin-bottom:5px; -moz-box-shadow:1px 2px 5px #666; -webkit-box-shadow:1px 2px 5px #666; }
#Footer p { padding:10px; text-align:center; text-shadow:0 1px 0 #fff; }

.lab { padding: 20px; background: url(images/sk.png) no-repeat;}
.lab h3 { font-size:1.4em; color:#43616a; }

/*Form Elements */
textarea, input { border: solid 1px #333; background: #fff; outline: none; box-shadow: 0 1px 4px #c5c5a2; padding:5px; }
.submit { margin:10px; border-bottom: 1px dashed #333; color:#778899; font-size:20px; padding:5px; border-top-style: none; border-right-style: none; border-left-style: none; font-weight: bold; }


/*Top Menu Styling*/
.menu { height:38px; position:relative; z-index:100; margin: 0 auto; width: 600px;  min-height: 38px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative;max-width:300px; }

/* style the links for the top level */
.menu a, .menu a:visited { display: inline-block; font-size:18px; font-weight:bold; text-decoration:none; color:#fff; height:38px; padding-left:15px; line-height:38px; padding-right: 15px;font-family: Georgia;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#E9ECE7;}

/* style the second level hover */
.menu ul ul a.drop:hover { background:#E9ECE7; }
.menu ul ul :hover > a.drop { background:#E9ECE7;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#E9ECE7;}

/* style the third level hover */
.menu ul ul ul a:hover { background:#333; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:38px; left:0; border-top:1px solid #fff; }

/* position the third level flyout menu */
.menu ul ul ul { left:240px; top:-1px; width:180px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-180px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#E9ECE7; color:#333; height:auto; line-height:1em; padding:5px 10px; width: 220px;font-size: 14px; }


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { color:#FFFFFF; background:#336699; }
.menu :hover > a, .menu ul ul :hover > a { color:#FFFFFF; background-image: url(http://www.petsinaction.gr/images/mnu_on.gif); background-repeat: repeat-x; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible; }


/*Left Menu Styling*/
.urbangreymenu { /*width: 200px;*/ }
.urbangreymenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ }
.urbangreymenu ul li { padding-bottom: 4px; /*bottom spacing between menu items*/ }
.urbangreymenu ul li a { border:5px solid #FFF; box-shadow:0 0 2px #333; margin-bottom: 5px; color: #333; background: #E9ECE7; display: block; font-size:1em; font-weight:bold; padding: 10px 10px; text-decoration: none; -moz-box-shadow:0 0 1px #333; -webkit-box-shadow:0 0 1px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.urbangreymenu ul li a:hover { /*hover state CSS*/ color: #fff; background: #8abe40; }


/*Table Styling*/
.table.koko { padding: 0px; border: none; border: 1px solid #789DB3; }
table.koko td, th { border: none; background-color: #F4F4F4; vertical-align: middle; padding: 5px; }
table.koko tr.special td { border-bottom: 5px solid #333; }


/*Image Styling*/
.sponsor{ margin:10px auto; display:block;}