/*
Theme Name: WP Blank
Theme URI: http://annalinnea.net/
Description: A blank theme for use in theme development
Version: 1.1
Author: That girl over http://annalinnea.net
Author URI: http://annalinnea.net/
Tags: empty, clean, development, design

	Based on Kubrick v1.5

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* decides which side the sidebar is on */
@import url("layouts/sidebar_bottom.css"); 

/* -- just some ugly styling to make it easier to get started, can safely be removed */
#respond {border:2px solid yellow;}
li.depth-1 {border: 2px solid orange;}
.navigation {border:2px dashed black;}

/* - HEADER - */
#logo {width:300px; margin-right: 10px; padding-top: 25px; float: left;}
#headmain {width:650px; height:150px; float: right; background: #f78816 url(images/flag.gif) right top no-repeat; float: left;}
#headmain ul {margin-top: 16px; margin-left: 16px}
#headmain li {margin: 10px 0px; display: block; list-style: none; text-align: left}
#headmain li a {text-transform: uppercase; color: white; font-family: 'Arial Narrow'; font-size: 28px; font-weight: bold; letter-spacing: -0.05em}
#headmain li a:hover {color:#323232}
/* - NAV BAR- */
#navigation {height: 36px; background: #323232; width: 100%; margin-top: 2px;}
#navigation ul {list-style: none;}
#navigation li {float: left;}
#navigation li a:hover {background:#f78816 }
#navigation li a {padding: 11px 20px; display: block; border-right: 2px #fff solid;margin:0; color: #fff; font-weight:bold;}
#navigation li.current_page_item a {background:#f78816}
img.login {float: right; padding:6px}
#translate_links {float: right; margin-top: 7px; padding-right: 10px;}
#translate_links li a {border-right: none;font-weight: normal; padding: 11px 10px;}
/* - FOOTER - */
#topbar {height: 16px; background: #323232; width: 100%; margin-top: 2px; color: #fff; padding: 9px 10px 8px 18px}
#bottombar {height: 30px; background: #f78816; width: 100%; margin-top: 2px}

#bottombar li {float: left;padding: 7px 20px; display: block;}
#bottombar li a {background: #f78816; margin:0; color: #fff; font-weight:bold;}
#bottombar li a:hover {text-decoration: underline}
#latest {color:#f78816; font-size: 12px; font-weight: bold; background: url(images/arrow.png) right 0px no-repeat; padding-right: 15px; padding-top: 1px}

/* - BASIC STUFF - */
body {background:#FFF;font:12px Arial, sans-serif;color:#323232;margin:0 auto;padding:0 20px;}
a {text-decoration:none; color:#f78816; outline: none}
a:hover {color:#323232;}
a img {border: 0}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- TYPOGRAPHY -- */
h1,h2,h3,h4 {color: #323232; letter-spacing: -1px; font-family: Arial, sans-serif;margin:0}
h2 {font-size: 24px; margin:5px 0;}
h2.page-title {margin-top: 15px; margin-bottom: 15px;}
p {margin: 0; margin-bottom: 15px}
a.arrow {color:#f78816; font-size: 14px; font-weight: bold; background: url(images/arrow.png) right 1px no-repeat; padding-right: 15px; padding-top: 1px}
h2 a {color: #323232;}

/* -- LISTS -- */
ul {margin:0;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */
ol.floods li a {text-decoration: underline; font-size: 16px; }
ol.floods li {padding: 5px 0}

/* -- HOMEPAGE -- */
#banner1 {float: left; background: #ccc; height: 288px; width:636px;margin:2px 2px 0px 0px;}
#banner2 {float: left; background: #ccc; height: 288px; width:321px;margin:2px 0px 0px 0px; background: url(images/banner3.jpg) left top no-repeat;}
#infopanel {float: left;width: 305px; margin-right: 20px;height: 250px; padding: 5px 0px;}
#infopanel.last {margin-right: 0px;}
#infopanel img {float: left;margin-right:8px}
#infopanel p {line-height: 18px;margin-bottom: 5px}

/* -- GALLERY -- */
#gallery {float:right; margin-left: 20px}
.cgj_prev, .cgj_next {color: #fff; background:#f78816; padding: 2px 3px; font-weight: bold;}
.cgj_next {float: right}
.pack .jcarousel-list li, .pack .jcarousel-item {width: 800px; height: 500px}
.cgj_image {margin: 0px auto}
#tourshow {float: right}
.carouselContainer {display: none}
.slideInfoZone {display: none}
.carousel-gallery {width: 500px}
.carousel-controls {display: none}
/* -- PRODUCT INDEX -- */
td.product_cell {width: 300px;padding-right: 20px;}
td.product_cell a img {border: 3px solid #fff}
td.product_cell a:hover img {border: 3px solid #f78816}
/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:25px; overflow:auto;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}