/*   
Theme Name: Augustinos
Description: Designed for Augustinos Rock and Roll Deli
Author: Blueprint Design Studio
Author URI: http://www.blueprintds.com
Version: 1.0
.
Released under the GPL. The included font, "Dear Joe," is released by joebob of http://www.joebob.nl/, 
and is free to use for any purposes. The default picture supplied in the polaroid header image is 
copyrighted by Josh Lyman. I don't care if you keep it, but recommend you change it. And please don't 
take credit for it either! ;-) Have fun!.
.
*/

/* Color Schemes
   -------------
	Orange Dark: #AA3511
	Orange Light: #E0D3CD
	
	GreenBlue Dark: #618788
	Green Light: #D4DBD3
	Blue Light: #B6CAD1         */


/* For AJAX menu */

dl.dropdown, dl.dropdown2 {float:left; margin-top:0; padding-top:12px; padding-right:9px; background-color: #6f0009; font: bold 16px arial, helvetica, sans-serif}
dl.dropdown dt, dl.dropdown2 dt {padding-right:15px; font-weight:bold; cursor:pointer; background-color: #6f0009; color: #9daeae;}
dl.dropdown dt:hover, dl.dropdown2 dt:hover {background-color: #6f0009; color: #ffffff;}
dl.dropdown dd, dl.dropdown2 dd {margin-left:0;padding-left:12px;width:130px; position:absolute; overflow:hidden; display:none; background-color:#510001; z-index:200; opacity:0;}
dl.dropdown ul, dl.dropdown2 ul {width:130px; list-style:none; border-top:none; background-color: #6f0009; color: #9daeae;margin:0;padding:0;}
html> dl.dropdown ul {width: 120px;}
html> dl.dropdown a {width: 120px;}
html> dl.dropdown a:active {width: 120px;}
html> dl.dropdown a:visited {width: 120px;}
html> dl.dropdown .underline {width: 120px;}
dl.dropdown li {display:inline}
dl.dropdown a, dl.dropdown a:active, dl.dropdown a:visited {display:block; text-decoration:none; background-color:#6f0009; color: #9daeae; width:130px}
dl.dropdown2 a, dl.dropdown2 a:active, dl.dropdown2 a:visited {display:block; text-decoration:none; background-color:#6f0009; color: #9daeae;}
dl.dropdown a:hover {background-color:#510001; color:#fff}
dl.dropdown2 a:hover {background-color:#510001; color:#fff;}
dl.dropdown .underline {width:130px; border-bottom: none;}



#footer {
        position: relative;
	text-align: center;
	font-size:.7em;
        color: #ffffff !important;
	background-color: #000000;
	width:998px;
	height:200px;
        margin-top:0;
        margin-left: 0;
        top: 0;
        clear: both;
        z-index: 0;
}

#sidebar {
	position:relative;
	left:0px;
        top:0px;
        float: left;
	margin: 0; /* center for now */
	width: 220px; /* ems so it will grow */
        height: 648px;
	background: url('http://www.augustinos.com/wp-content/uploads/2010/07/menu_loc.jpg') no-repeat top left;
        z-index: 0;
}

#content_about {
        position: relative;
        float: left;
	background: url('images/bg_about.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:5px; */
	margin: 0 20px 0 0;
	width: 630px;
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	padding: 200px 65px 20px 65px;
	z-index:0;
}

#menu {
width: 700px;
height: 26px;
background: #6f0009;
color: #9daeae;
float: left;
padding: 10px 0 0 15px;
z-index: 1000;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
/* border: 1px solid #ccc; */
float: left;
z-index: 100;
}

#menu a, #menu h1 {
font: bold 16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
background: #6f0009;
z-index: 100;
}

#menu h1 {
color: #9daeae;
background: #6f0009;
padding: 0 8px;
z-index: 100;
}

#menu a {
color: #9daeae;
background: #6f0009;
text-decoration: none;
padding: 0 15px;
z-index: 100;
}

#menu a:hover {
color: #fff;
background: #6f0009;
z-index: 100;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
width: 150px;
padding: 10px 0;
z-index: 100;
}

#menu ul ul ul {
position: relative;
top: 0;
left: 100%;
z-index: 100;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




body {
        /*
	background-image: url('images/bg-marilyn.jpg');
        */
	background-repeat: no-repeat;
	background-color: #6f000a; 
	margin: 0;
        padding: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
        min-width: 1020px;
}

body.page-53, body.page-56, body.page-59, body.page-61, body.page-62, body.page-68, body.page-79 {
	background-image: url('images/bg-marilyn.jpg');
	background-repeat: no-repeat;
	background-color: #6f000a; 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
}

body.page-55, body.page-58, body.page-63, body.page-75, body.page-76, body.page-96 {
	background-image: url('images/bg-elvis.jpg');
	background-repeat: no-repeat;
	background-color: #6f000a; 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
}

body.page-57, body.page-60, body.page-69, body.page-64, body.page-87 {
	background-image: url('images/bg-blues.jpg');
	background-repeat: no-repeat;
	background-color: #6f000a; 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
}

body.post {
	background-image: url('images/bg-marilyn.jpg');
	background-repeat: no-repeat;
	background-color: #6f000a; 
	margin: 0;
        padding: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 18px;
}

#polaroid {
	position:absolute;
	left:0px;
	top:0px;
	width:279px;
	height:285px;
	background: url('images/polaroid.jpg') no-repeat;
}

#header-img {
        position: relative;
	left:0px;
	top:0px;
	width:998px;
	height:213px;
	background: url('images/header.jpg') no-repeat;
        z-index: 500;
}

#subheader {
	position:absolute;
	left:279px;
	top:184px;
	width:60%;
	height:101px;
	margin: 3px 5px 0 35px;
}
	
		#subheader #search {
			float: left;
			width: 45%;
		}
		
		#subheader #cats {
			float: right;
			width: 45%;
		}

#content {
        position: relative;
        float: left;
	background: url('images/bg_carolst.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:5px; */
	/* margin: 213px 20px 0 218px; */
	/* margin: 206px 20px 0 214px; */
	margin: 0 20px 0 0;
	width: 630px;
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	/* padding:220px 65px 0 65px; */
	padding: 200px 65px 20px 65px;
	z-index:0;
}

#content_home {
        position: relative;
        float: left;
	background: url('images/bg_home.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:5px; */
	/* margin: 213px 20px 0 218px; */
	margin: 0 20px 0 0;
	width: 630px;
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	/* padding:220px 65px 0 65px; */
	padding: 200px 65px 20px 65px;
	z-index:0;
}

#content_wchi {
        position: relative;
        float: left;
	background: url('images/bg_westchi.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:0; */
	/* margin: 213px 20px 0 218px; */
	margin: 0 20px 0 0;
	width: 630px;
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	/* padding:220px 65px 0 65px; */
	padding: 200px 65px 20px 65px;
	z-index:0;
}

#content_cs {
        position: relative;
        float: left;
	background: url('images/bg_carolst.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:0; */
	/* margin: 213px 20px 0 218px; */
	margin: 0 20px 0 0;
	width: 630px;
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	/* padding:220px 65px 0 65px; */
	padding: 200px 65px 20px 65px;
	z-index:0;
}

#content_st {
        position: relative;
        float: left;
	background: url('images/bg_sears.jpg') no-repeat top left;
        background-color: #fcfcfc;
	/* right:0; */
	/* margin: 213px 20px 0 218px; */
	margin: 0 20px 0 0;
        /* width: expression(Math.min(parseInt(this.offsetWidth), 630 ) + "px"); */
	width: 630px; 
        min-height: 428px;
	height: auto;
	_height: 428px;
	border: 10px #454446 solid;
	/* padding:220px 65px 0 65px; */
	padding:220px 65px 20px 65px;
	z-index:0;
}

#photo-news {
        width: 779px;
        margin: 50px 0 0 220px;
        border: 1px solid #ffffff;
}

#photos {
        width: 500px;
        margin: 0;
        border: 1px solid #ffffff;
}

.post {
	padding: 0;
}

.comments {
	margin: 0 0 5px 5%;
	padding-left: 8px;
	/*border-left: 3px #618788 solid;
	border-bottom: 1px #618788 solid; */
}

/* Text Styles */

h1, h2, h3 {
	font-weight: bold;
	color: #AA3511;
}

.post_head {
	margin-top:-19px;
}

p {
	font-size: .8em;
}

a:link {
	color: #AA3511;
	text-decoration: underline;
}

a:visited {
	color: #618788;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #E0D3CD;
	text-decoration:none;
}

.pagetitle {
	text-align:center;
	text-decoration:underline;
}
/* End Typography & Colors */

/* Calendar Styles */

#wp-calendar {
	border: 2px solid #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: smaller;
}

#wp-calendar caption {
	font: bold 1.2em 'Century Gothic', Verdana, Arial, Sans-Serif;
	text-align: center;
	background-color: #618788;
	color:#FFFFFF;
	border: 2px solid #333333;
	border-bottom: none;
	margin: 0 auto;
}

#wp-calendar tbody, #wp-calendar tfoot {
	background-color: #B6CAD1;
	padding: 0;
	margin: 0;
}

#wp-calendar th {
	padding: 0;
}

/* End Calendar Styles */

/* Postit Date */

.post .post_cal {
	border: 1px solid #A6A6A6;
	text-align: center;
	width: 50px;
	float: left;
	margin: 0 10px 5px 0;
}

	.post_cal .dayname {
		background-color: #AA3511;
		border-bottom: 1px solid #A6A6A6;
		color: #FFFFFF;
		font-size: smaller;
		font-weight: bolder;
		width: 100%;
	}
	
	.post_cal .daynum {
		border-bottom: 1px solid #A6A6A6;
		font-size: xx-large;
		font-weight: bold;
		width: 100%;
	}
	
	.post_cal .month, .post_cal .year {
		font-size: smaller;
		width: 100%;
	}
	
.postmetadata {
	font-weight: bold;
}

/* End Postit Date */

/* Sidebar Styles 
#sidebar h3 {
	font-size: medium;
}

#sidebar ul, #sidebar ul ol {
	margin: 0 10px 10px 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	font-size: smaller;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Sidebar Styles */

#sidebar ul {
	list-style-type: none;
	margin: 0 5px 10px 0;
	font-size: smaller;
}

#sidebar ul li h3 {
	font-size: 1.35em;
}

#sidebar ul li ul li {
	list-style-type: square;
}

/* Seriously hacked out code for cool boxes */

.sidebox {
	margin: 0; /* center for now */
	width: 220px; /* ems so it will grow */
        height: 648px;
	background: url('images/menu_loc.jpg') no-repeat top left;
	font-size: 100%;
}

.boxhead {
	background: url('images/menu_loc.jpg') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h3 {
	background: url('images/sbhead-l.gif') no-repeat top left;
	margin: 0;
	padding: 8px 30px 8px;
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: .8em;
}

.boxbody {
	background: url('images/sbbody-l.gif') no-repeat bottom left;
	margin: 0;
	padding: 0;
}

/* for flickr plugin */

.flickrtable {
        margin: 0;
        padding: 5px 0 0 250px;
        list-style-type: none;
}
.flickrtable li {
        text-align: center;
        padding: 0;
        background: #fff;
        display: block;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 75px;
}

.flickrtable li img {
        border: 0px;   
}
