/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { 
        font: .85em verdana, Georgia, "Times New Roman", Sans-Serif; 
        color: #333333; 
        background-color: #cccccc; 
        height:100%; 
}

a { color: #A82A15; text-decoration: none;}
img { border: 0px; margin:0px; }
h1 { font-size: 1.6em; margin-bottom:5px; }
h2 { font-size: 1.05em; }
h3 { font-size:1.1em;}
.hr { color: #ccc; }

p  { 
        margin: 5p 0 15px; 
        line-height: 1.8em; 
        text-align: justify;
}

p.home { 
        margin: 5p 0 15px; 
        line-height: 1.8em; 
        text-align: justify;
}

#header {
	
	margin: 0 auto;
	width: 940px;
	margin-top: 10px;
        margin-bottom:5px;
        font-size: 0.95em;
        color: #000000;
}
#header a:hover {
        text-decoration: underline;
}

#header a {color:#000000;}

#spacer {height: 50px;}

	

#content { 
        margin: 0 auto; 
        width: 940px; 
        background: #ffffff; 
        margin-bottom: 30px; 
        padding-left: 0px; 
        padding-right: 0px; 
        height:100%
}
#top {
        width: 940px; 
        margin-top: -3px; 
        text-align: center;
        padding: 10px 0px 10px 0px; 
        background:#f7f7f7;
        background-image: url(http://www.pho411.ca/theme/new/images/frame/top-bg.png);
        background-repeat: repeat-x;
        border-top:0px solid #000000;
}

	#top li { list-style: none; display: inline;  }
	#top li a {font-size: .9em; padding: 11px 5px 10px 5px; margin: 0 0 0 0; color: #ffffff; }
	#top li a.current { color: #fff; background: #A82A15; }
#top li a:hover {  
        background-image: url(http://www.pho411.ca/theme/new/images/frame/top-hover-bg.png);
        background-repeat: repeat-x;
        border-right: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        color: #ffffff;
}


/*#top {
        width: 920px; 
        margin-top:  -3px; 
        text-align: left; 
        padding: 10px; 
        background:#000000; 
        border-top: 2px solid #fff;
}

	#top li { list-style: none; display: inline;}
	#top li a {font-size: 1.1em; padding: 6px 34px 6px 0px; margin: 0 0 0 0; color: #ffffff; }
	#top li a.current { color: #fff; background: #A82A15; }
	#top li a:hover {background: #A82A15; color: #FFF;}*/

#majorcities {
        width: 940px; 
        margin:0px; 
        text-align: center;
        padding: 10px 0px 1px 0px; 
        background:#f7f7f7;
        border-bottom: 2px solid #cccccc;
}

	#majorcities li { list-style: none; display: inline;}
	#majorcities li a {font-size: .9em; padding: 9px 5px 7px 5px; margin: 0 0 0 0; color: #000000; }
	#majorcities li a.current {}
	#majorcities li a:hover { color: #ff8000;}

#intro { 
        clear: both; 
        padding: 35px 10px 35px 10px; 
        /*border-bottom:3px solid /*#084B8A #ff8000 */ #ff8000;*/ 
        font-size: 1em; 
        /*background-image: url(http://www.pho411.ca/theme/new/images/frame/leafs.png);
        background-repeat: no-repeat;*/
        background-color:#ffffff;
        margin-bottom: 0px; 
        
}

#date  {
        padding: 10px 10px 10px 30px;
        background-color: #ffffff;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        font-size:1em; 
        text-align: right;
}
#date.right {
       text-align: center;
}
#date a{ 
        color:4f4f4f;
        font-size:1em;
}


#left-nav {
        float: left; 
        width: 165px; 
        margin-left: 0px; 
        background: #ffffff; 
        padding:10px; 
        border-right: 1px dotted #666666; 
        height: inherit; 
}

#left-nav li {  list-style: none; margin-left: 0px; line-height: 25px }
#left-nav li a { display: inline; padding: 5px 5px; margin-left:0px; font-size: 1.05em; }	
#left-nav li a:hover { text-decoration: underline; }


#left-navad { 
        float: left; 
        width: 185px; 
        margin-left: 0px; 
        background: #eee; 
        padding:10px; 
        border: 0px solid #dedede; 
        height: inherit; 
}

#left-navad li { list-style: none; margin-left: 0px; line-height: 40px; font-size:1.05em; }
#left-navad li a { display: inline; padding: 5px 5px; margin-left:0px; color:#000; }
#left-navad li a:hover { text-decoration: underline; }



#left-locations { 
        float: left; 
        width: 135px; 
        margin-left: 0px; 
        background: #eee; 
        padding:10px; 
        border-right: 3px solid #dedede; 
        height: inherit; 
}

#left-locations li { list-style: none; margin-left: 0px; line-height: 40px; font-size:1.1em; }
#left-locations li a { display: inline; padding: 5px 5px; margin-left:0px; color:#000; }
#left-locations li a:hover { text-decoration: underline; }


#right-features { 
        float: right; 
        width: 150px; 
        margin-left: 0px; 
        margin-top:10px;
        background: #000000;  
        padding:5px 0px 5px 0px;  
        border: 0px 0px 0px 0px solid #000000;
}

#right-features img {margin-left:1px; margin-right:1px;}
#right-features li { list-style: none; margin-left: 0px; }
#right-features li a { display: inline; padding: 5px 5px; margin-left:0px; }
#right-features li a:hover { text-decoration: underline; }


#left { 
        float: left; 
        width: 580px; 
        margin: 0 0 5px; 
        padding-left: 10px; 
        padding-top:10px; 
}

#left ul {margin-left: 50px; line-height: 23px;}

#leftadmin { 
        float: left; 
        width: 880px; 
        margin: 0 0 5px; 
        padding-left: 10px; 
        padding-top:10px; 
}

#left1 { 
        float: left; /*width: 750px;*/ 
        margin: 0 0 5px; 
        padding-left: 10px; 
        padding-top:10px;  
}

#left1 ul {margin-left: 50px;}

#left2 { 
        float: left; 
        width: 715px; 
        margin: 0 0 5px; 
        padding-left: 10px; 
        padding-top:10px;  
}

#left2 ul {margin-left: 50px;}

#advertisecontent { 
        float: left; /*width: 650px;*/ 
        margin: 0 0 5px; 
        padding-left: 10px; 
        padding-top:10px; 
}

#leftlocationscontent { 
        float: left; 
        width: 565px; 
        margin: 0 0 5px; 
        padding-left: 30px; 
        padding-top:10px;  
}

#leftlocationscontent ul {margin-left: 50px;}

/******Where is "right" being used???****/
#right { float: right; width: 280px; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { align: center; }
#right li { list-style: none; }

#footer { clear: both; padding: 15px ; border-top: 1px solid #ccc; font-size: 0.9em;}
	#r { float: right; }
	
.query
{
	width: 350px;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #A82A15;
}

input.button{
   color:#A82A15;
   font-weight: bold;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#A82A15;
   border-left-color:#A82A15;
   border-right-color:#A82A15;
   border-bottom-color:#A82A15;
   height: 28px;
   padding: 5px;
  /* width:100px; */
   }

/****************************************************

TABS

*****************************************************/

#tabs {
        font-family: arial;
	width: inherit;
	margin-top: 0px; 
        margin-bottom: 0px;
}

#tabs ul{
	margin: 0 auto;
	padding: 5px;
        margin-right: 140px;
	text-align: right; /* change this to center if you want it to be centered */
}

#tabs li{
	list-style: none;
	display: inline;
        font-size: 0.9em;
        font-weight: regular;
	padding: 5px;
        background-color: #ffffff;
        margin-right: 2px;
}

#tabs li.active{
	font-weight: bold;
        font-size: 0.9em;
	padding: 5px;
        background-color: #ffffff;
}

#tabs li.active a{
	color: #000000;
        font-weight: bold;
}

#tabs li a{
	color: #f87217;
        font-weight: bold;
}
 
/****************************************************

SLIDE SHOWS

*****************************************************/

   
#slideshow {
    /*position:relative;*/
	position: relative;
    height:205px;
    width:276px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
	
}

#slideshow IMG.last-active {
    z-index:9;
	
}



#slideshow2 {
    /*position:relative;*/
	position: relative;
    height:205px;
    width: 276px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow2 IMG.active {
    z-index:10;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

#random-image{
	margin: 0 auto;
}

/****************************************************

CONTACT PAGE

*****************************************************/


#formDiv {
	left: 0px;
	color: #000000;
	text-align: left;
}
#formDiv td {
	background-color: #ffffff;
	font-family: "Courier New", Courier, monospace;
        height:20px;
}
#formDiv #mid p {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#formDiv #mid h2 {
	font-size: 18px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#formContribute {
	left: 0px;
	color: #000000;
	text-align: left;
}
#formContribute td {
	background-color: #ffffff;
	font-family: "Courier New", Courier, monospace;
        height:25px;
        font-size: 1.2em;
}
#formContribute #mid p {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#formContribute #mid h2 {
	font-size: 18px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.textInput, textarea {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 12px;
}
#formDiv label {
	font-size: 12px;
}



/****************************************************

ADMIN PAGE

*****************************************************/


.admin_input
{
	
	width: 300px;
	height: 20px;
	
	color: #A82A15;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	
}
.admin_input_3
{
	
	width: 50px;
	height: 20px;
	
	color: #A82A15;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	
}
.admin_input_textarea
{
	width: 300px;
	height:75px;
	color: #A82A15;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	
}

.input_error
{
	font-weight: bold;
	color: #F00;
}
   
/*****************************************************
LABELS
*****************************************************/

table.labels {
        width: inherit;
        border-collapse: collapse;
        border: 1px solid;
        text-align: left;
}

table.labels th {
        border: 1px solid;
        background-color: #ccffff;
        line-height: 20px;
        padding-left: 4px;
}

table.labels td {
        border: 1px solid;
        line-height: 20px;
        padding-left: 4px;
}
       
/************************WORDPRESS PLUGINS**********************/

#posts {
        width:279px;
        height: inherit;
        float: left;
        padding-right: 9px;


}
#posts ul {
        list-style-type:none;
        padding:0px;
        margin:0px; 
}

#posts li {
        background-image: url('http://beta.pho411.ca/theme/new/images/frame/paper.png');
        background-repeat: no-repeat;
        background-position: 0px 10px;
        padding-left: 19px;
        line-height:19px;
        padding-bottom:8px;
        padding-top: 8px;
        border-bottom:1px dashed #666666;
}

#posts li a {
        font-size: 1em;
        font-weight: normal;
}

#posts a:hover {
        text-decoration:underline;
}

#comments {
        float:right;
        width:281px;
        height: inherit;
        padding-left:9px;
        border-left:1px dashed;
}
#comments hr {
        margin-top:4px;
        margin-bottom: 4px;
        
}

#comments a {
        color: blue;
}

/************************WORDPRESS PLUGINS**********************/


/****************************************************

RESTAURANT PAGE

*****************************************************/

body.R { 
        font: .85em verdana, Georgia, "Times New Roman", Sans-Serif; 
        color: #333333; 
        background-color: #A82A15; 
        height:100%; 
}

a { color: #A82A15; text-decoration: none;}
img { border: 0px; margin:0px; }
h1 { font-size: 1.6em; margin-bottom:5px; }
h2 { font-size: 1.05em; }
h3 { font-size:1.1em;}
.hr { color: #ccc; }

p  { 
        margin: 5p 0 15px; 
        line-height: 1.8em; 
        text-align: justify;
}

#headerR {
	
	margin: 0 auto;
	width: 940px;
	margin-top: 10px;
        margin-bottom:5px;
        font-size: 0.95em;
        color: #000000;
}

#contentR { 
        margin: 0 auto; 
        width: 940px; 
        background: #ffffff; 
        margin-bottom: 20px; 
        margin-top: 3px;
        padding-left: 0px; 
        padding-right: 0px; 
        height:100%;
        border-left: 5px solid #cccccc;
        border-right: 5px solid #666666;
        border-bottom: 5px solid #666666;
        border-top: 5px solid #cccccc;
}

#content_R { float: left; width: 920px; margin: 0 0 15px; padding-left: 10px; }


#right-hours { 
        float: right; 
        width: 175px; 
        background: #000000; 
        padding:10px; 
        border: 2px solid #666666; 
}

#right-hours h4 { border-bottom: 1px solid #ccc; margin: 0 0 10px; line-height: 20px; font-size: 1.2em; color:#A82A15; font-weight: bold;}

#right-hours h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; line-height: 20px; font-size: 1.0em; color:#FFFFFF; font-weight: bold;}

#right-hours li{ list-style: none; margin-left: 0px; line-height: 27px; font-size: 1.0em; color: #ffffff; font-weight: regular;}
#right-hours a{ font face: arial; list-style: none; margin-left: 0px; line-height: 20px; font-size: 1.1em; color: #ffffff; font-weight: regular;}
	

.hours{color: #FFFFFF; width:50px; float:left; clear:both;line-height: 25px;}
.hoursValue{color: #FFFFFF; float:left;line-height: 25px;}

#review-box {
        width:685px;
        border: 2px solid #ff9900;
        background-color:#E3E3E3;
        float:left;
}

#footerR { clear: both; padding: 15px ; border-top: 1px solid #ccc; font-size: 0.9em;}
	#r { float: right; }