/*   

Theme Name: Atomic Coffee and Wine

Theme URI: 

Description: A custom Wordpress theme built for Atomic Coffee and Wine. A child-theme based on it's parent, Thematic.

Author: Cassondra Johnson - Absolute Marketing Group

Author URI: http://absolutemg.com/

Template: thematic

Version: 1.0

Tags: Thematic

.

Thematic is © Ian Stewart http://themeshaper.com/ - Atomic Coffee and Wine design and development copyright 2009 Absolute Marketing Group

.

*/



/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');



/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');



/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');



/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');



/* Apply default theme styles and colors */

/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');



/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* Browser Warning IE6
--------------------------------------------------------------------------------------*/

#browserwarning {
background:#eee;
border-bottom:2px solid #880201;
display:block;
font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
font-size:80%;
line-height:1.3;
padding:.5em 3.5em;
width:100%;
}

#browserwarning p {
background:#eee;
color:#333;
text-align:left;
}

#browserwarning a {
color:#8B0000;
font-weight:700;
}

#browserwarning a:hover {
color:#8B0000;
text-decoration:underline;
}

#browserwarning img {
float:right;
margin:0 50px;
}

#warningclosecontainer {
text-align:center;
}

/* Background & Div Elements classes
--------------------------------------------------------------------------------------*/
body {
background:#2a2a2a url('images/bkgrnd_int.jpg') repeat-x top left;
color:#262626;
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
min-width:960px;
}

body.home {
background:#2a2a2a url('images/bkgrnd_home.jpg') repeat-x top left;
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
min-width:960px;
}

body.home #wrapper {
background:#2a2a2a url('images/homepage_splash.jpg') no-repeat top left;
margin:0 auto;
width:960px;
}

#wrapper {
background:#2a2a2a;
margin:0 auto;
width:960px;
}

#header,#footer {
margin:0 auto;
width:960px;
}

#header_img {
background:#2c2f31;
height:245px;
}

#header_graphic {
background:url('images/bkgrnd_flash.jpg') no-repeat top left;
height:262px;
padding:0;
width:960px;
}

#main {
margin:0 auto;
overflow:hidden;
padding:0 0 22px;
position:relative;
width:960px;
}

#main a,#main a:visited {
color:#221121;
}

#main a:hover,#footer a:hover {
color:#BD3A3F;
}

#branding,.skip-link {
border:none;
display:none;
}

#access {
border:none;
color:#262626;
height:33px;
text-transform:uppercase;
width:960px;
}

.hentry,.post {
background:#ececec url('images/content_bottom.jpg') no-repeat bottom left;
color:#262626;
margin:0;
padding-bottom:30px;
width:496px;
}

body.home .hentry {
display:none;
}

#container {
float:right;
margin:30px 0 0 -310px;
width:876px;
}

#content {
margin:0 0 0 300px;
overflow:hidden;
width:550px;
}

#subsidiary {
margin:0 auto;
overflow:hidden;
width:876px;
}

#primary {
border:none;
float:left;
}

#footer {
border:none;
clear:both;
height:134px;
width:960px;
}

#footer a,#footer a:visited {
text-decoration:none;
}

#location p {
color:#fff;
font-size:95%;
line-height:1;
margin:5px 0 10px;
text-align:right;
width:305px;
}

#soc_media {
display:inline;
float:left;
margin-left:-13px;
width:323px;
}

#soc_media img {
display:inline;
float:right;
margin:3px 0;
}

#siteinfo {
color:#efefef;
line-height:25px;
margin:0 auto;
padding:32px 0 44px;
text-align:center;
width:815px;
}

#pageheader {
background:url('images/header_img_coffee.jpg') no-repeat top left;
height:168px;
}

body.pageid-6 #pageheader,body.pageid-14 #pageheader,body.pageid-16 #pageheader,body.pageid-18 #pageheader {
background:url('images/header_img_wine.jpg') no-repeat top left;
}

body.pageid-5 #pageheader,body.pageid-21 #pageheader,body.pageid-23 #pageheader,body.pageid-25 #pageheader {
background:url('images/header_img_coffee.jpg') no-repeat top left;
}

body.pageid-8 #pageheader,body.pageid-27 #pageheader,body.pageid-29 #pageheader,body.pageid-31 #pageheader {
background:url('images/header_img_beer.jpg') no-repeat top left;
}

table,td,th,tr {
border:none;
vertical-align:top;
}

#cbe_form span,#cbe_form2 span {
line-height:1;
}

#cbe_form {
margin-bottom:10px;
}

/* Navigational Elements
--------------------------------------------------------------------------------------*/
#home_nav {
margin:0 auto;
padding-top:205px;
width:632px;
}

#nav {
clear:both;
height:179px;
}

#nav2 {
clear:both;
}

.menu_items {
display:inline;
float:left;
}

.menu {
border:none;
margin:0 auto;
width:875px;
}

body.pageid-23 .entry-content li, .menu_item {
background:url('images/favicon-trans.png') no-repeat top left;
color:#3c1d3d;
font-size:120%;
font-weight:700;
padding-left:23px;
}

.menu_suggestion {
font-style:italic;
}

h3.menu_items {
clear:none;
line-height:1;
margin:0 0 10px;
padding:0;
}

#menus h2 {
margin-bottom:13px;
}

#menus h4 {
margin-bottom:18px;
}

a#beer_nav img,a#beer_nav:hover img,a#coffee_nav img,a#coffee_nav:hover img,a#wine_nav img,a#wine_nav:hover img,a#beer_menu img,a#beer_menu:hover img,a#coffee_menu img,a#coffee_menu:hover img,a#wine_menu img,a#wine_menu:hover img,a#beer_philosophy img,a#beer_philosophy:hover img,a#coffee_philosophy img,a#coffee_philosophy:hover img,a#wine_philosophy img,a#wine_philosophy:hover img,a#apps_and_desserts img,a#apps_and_desserts:hover img,a#button_scores img,a#button_scores:hover img {
border:none;
}

a#beer_menu,a#coffee_menu,a#wine_menu,a#beer_philosophy,a#coffee_philosophy,a#wine_philosophy {
display:block;
height:49px;
margin-bottom:10px;
overflow:hidden;
width:323px;
}

a#beer_menu:hover,a#coffee_menu:hover,a#wine_menu:hover,a#beer_philosophy:hover,a#coffee_philosophy:hover,a#wine_philosophy:hover,a#apps_and_desserts:hover {
display:block;
text-indent:-323px;
}

a#beer_nav {
display:block;
height:52px;
overflow:hidden;
width:344px;
}

a#beer_nav:hover {
display:block;
text-indent:-344px;
}

a#coffee_nav {
display:block;
height:52px;
overflow:hidden;
width:273px;
}

a#coffee_nav:hover {
display:block;
text-indent:-273px;
}

a#wine_nav {
display:block;
height:52px;
overflow:hidden;
width:343px;
}

a#wine_nav:hover {
display:block;
text-indent:-343px;
}

a#apps_and_desserts {
display:block;
height:49px;
overflow:hidden;
width:323px;
}

#menu_contact {
margin:20px 0 0;
width:323px;
}


.entry-content ul li {
background:url('images/favicon-trans.png') no-repeat top left;
color:#3c1d3d;
font-size:100%;
font-weight:700;
padding-left:23px;
list-style-type:none;
}

p, ul, ol, dd, pre {
margin-bottom:15px;
}

ul, ol, dd, pre {
margin-bottom:18px;
}

a#button_scores {
display:block;
height:100px;
overflow:hidden;
width:250px;
}

a#button_scores:hover {
display:block;
text-indent:-250px;
}

/* Typography Tweaks
--------------------------------------------------------------------------------------*/

#comments h3,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
}

.entry-title {
background:url('images/h1line.jpg') repeat bottom left;
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight:400;
padding:18px 20px 10px;
text-transform:uppercase;
}

.entry-content,#error404-searchform {
margin:20px;
padding:22px 0 0;
}

.entry-content h1 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-size:22px;
font-weight:400;
margin-bottom:10px;
padding:18px 0 10px;
text-transform:uppercase;
}

.entry-content h2 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-size:18px;
font-style:italic;
font-weight:400;
padding:28px 0 14px;
text-transform:uppercase;
}

#comments h3,.entry-content h3 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-size:14px;
font-style:normal;
font-weight:700;
letter-spacing:0.05em;
padding:28px 0 14px;
text-transform:uppercase;
}

.entry-content h5 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:0.05em;
text-transform:uppercase;
}

.entry-content h6 {
font-family:"Lucida Grande", "Helvetica", "Arial", "Verdana", sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:0.05em;
text-transform:uppercase;
}

/* Main Body Advanced HTML styling classes
--------------------------------------------------------------------------------------*/
.leftcol {
display:inline;
float:left;
width:47%;
}

.rightcol {
display:inline;
float:right;
margin-left:15px;
width:47%;
}

.leftcol25 {
display:inline;
float:left;
width:25%;
}

.rightcol75 {
display:inline;
float:right;
margin-left:15px;
width:70%;
}

.leftcol75 {
display:inline;
float:left;
margin-right:15px;
width:70%;
}

.rightcol25 {
display:inline;
float:right;
width:25%;
}

.leftcol33 {
display:inline;
float:left;
width:33%;
}

.rightcol66 {
display:inline;
float:right;
margin-left:15px;
width:61%;
}

.leftcol66 {
display:inline;
float:left;
margin-right:15px;
width:61%;
}

.rightcol33 {
display:inline;
float:right;
width:33%;
}

.fullwidth {
clear:both;
padding-top:10px;
width:100%;
}