/* @override http://vizou.com/wp-content/themes/latte/style.css */

/*
Theme Name: Latte
Theme URI: http://vizou.com
Description: Latte theme for Vizou
Author: Dana Whittle
Author URI: http://vizou.com
version: 1.0
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

body { 
font: normal 80% "proxima-nova-1","proxima-nova-2", helvetica, arial, sans-serif; 
line-height: 18px;
font-weight: 300;
position: relative;
margin: 0 auto;
text-align: center;
background: #fff url(images/bg.jpg); 	
}

p, ol, ul {  	
font-size: 1.1em;
margin: 3px 0;
}

small {  	
font-size: 0.9em; 
}

img {  	
border: 0; 
}

strong {  	
font-weight: 600; 
}

ul, ol {  	
list-style: none; 
}

ul li a {  	
word-wrap: break-word;
}

em {  	
color: #666; 	
}

pre {  	
font-family: "courier new", courier, monospace; 
color: #568183;
background-color: #f2efe9;
padding: 9px 12px;
margin: 10px 0;
text-align: left;
border-top: 1px dashed #888;
border-bottom: 1px dashed #888;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

a {  	
color: #0aa3a3; 
text-decoration: none; 
}

a:hover {  	
color: #a99989; 
text-decoration: none; 
}

/* @end */

/* @group Structure */

/* which template? */

.which-template {  	
display: none;
color: red; 
text-align: right;
}

#wrap {  	
width: 1100px;
margin: 0 auto;
position: relative;
overflow: hidden;
background: url(images/page.jpg) repeat-y;
}

#header {  	
background: url(images/header.jpg) no-repeat; 
width: 100%; 
clear: both;
height: 350px; 
}

#menu {  
width: 100%;
text-align: left;
}

#asterix a {  	
width: 100%;
height: 40px;
clear: both;
float: right;
margin: 35px 0 0 0;
}

#container {  	
width: 100%;
text-align: left; 
overflow: hidden;
}

#main {  	
width: 650px;
min-height: 400px;
float: left;
left: 0;
background: url(images/main.jpg) no-repeat 0 0;
}

#mainContent {  
padding: 9px 20px 18px 160px; 
overflow: hidden;
}

#main .leftpost {  	
width: 46%;
float: left; 
}

#main .rightpost { 
width: 46%; 	
float: right; 
}

#sub {  	
width: 450px; 
float: right;
left: 650px;
background: url(images/sub.jpg) no-repeat top right;
}

#subContent {  	
padding: 18px 70px 18px 20px;
overflow: hidden;
}

#footer {  	
width: 100%; 
clear: both;
text-align: left; 
}

#footerContent {  
padding: 40px 0 40px 150px;	
color: #777; 
text-transform: uppercase; 
font-size: 0.9em;
letter-spacing: 1px;
}

/* @end */

/* @group Navigation */

#menu ul {  
list-style: none;
width: 200px;
margin: 0;
padding: 10px 40px;
float: right;
overflow: hidden;
}

#menu ul li {  	
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li a {  
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2"; 	 
font-weight: 400;
font-size: 1.5em;
text-shadow: 0 -1px 1px rgba(211,191,139,0.7);
display:block;
color: #fff;
padding: 6px 0;
text-transform: uppercase;
}

#menu ul li a:hover { 
color: #000;
}

#menu ul li.current_page_item a {  	
border-bottom: 1px solid #eee;
color: #000;
}

#menu .no-border {  	
border: 0; 
}

#menu .french {  	
color: #d3fff7;
padding-right: 2px; 
}

#menu a:hover .french {  	
color: #fff; 
}

#submenu {  	
display: block; 
width: 100%; 
height: 40px; 
font-size: 0.8em; 
font-weight: bold; 
text-transform: uppercase; 
letter-spacing: 1px; 
}

#submenu li {  	
display: inline; 
float: left; 
background: url(icons/arrow_right_spearmint.png) no-repeat right 8px; 
padding: 3px 12px 3px 0; 
margin-right: 5px; 
}

#submenu li a {  	
color: #a99f9a; 
}

.navigation {  	
display: block;
border-top: 1px solid #fff;
padding: 20px; 
}

.navigation .alignleft {  	
float: left; 
}

.navigation .alignright {  	
float: right; 
}

.pagination {  	
margin-top: 20px; 
font-size: 0.9em;
}

.pagination .page {  	
background: transparent;
border: 0;
}

.pagination .page.current {  	
background: transparent;
border: 0;
font-weight: bold;
}

.pagination .next,
.pagination .prev {  	
background: transparent;
border: 0; 
}

.pagination .wp-paginate a:hover {  	
background: #fff; 
}

/* @end */


/* @group Tabs */

.tab-container {  	
overflow: hidden; 
clear: both; 
float: left; 
width: 100%;
margin-bottom: 9px; 
}

.tab-content {  	
overflow: hidden;
}

ul.tabs {  	
list-style: none; 
width: 100%;
float: left;
}

ul.tabs li {  	
list-style: none; 
float: left; 
display: inline;
margin: 0 3px 0 0; 
padding: 0; 
}

ul.tabs li a {  	
display: block; 
color: #fff; 
background-color: rgba(0, 100, 100, 0.3);
padding: 2px 6px; 
font-size: 0.9em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
}

ul.tabs li a:hover {  	
color: #fff084;
}

html ul.tabs li.active a {  	
background-color: rgba(250, 200, 200, 0.4);
color: #000; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
}

html ul.tabs li.active a:hover{  	
color: #cb6343;
}

.tab-container p {  	
padding: 0 0 9px 0;
}

/* jQuery is adding divs ?? */
.tab-container div h3 {  	
padding: 15px 0 3px 0; 
}

/* @end */

/* @group Headers */

h1,h2,h3,h4,h5,h5 { 
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2"; 	 
font-weight: 600;
text-transform: uppercase; 
line-height: 95%;
text-shadow: 0 -1px 1px rgba(211,191,139,0.7);
padding: 3px 0 6px 0;
}

h1 {  	
font-size: 4em;
color: #fff; 
}

h2 {  	
font-size: 3em;
color: #d3fff7;  	
padding-bottom: 5px;
}

h2 a:hover {  	
color: #fff; 
}

h2.french-title { 
clear: both; 	
color: #000; 
}

#sub h2 {  	
color: #fff;
font-size: 2em; 
}

h1 a, h2 a, #sub h2 a {  	
color: #fff; 
}

h3 {  	
font-size: 2.3em; 
color: #fff;
padding: 6px 0 3px; 
}

h3 a {  	
color: #fff; 
}

h3 a:hover {  	
color: #d3fff7; 
}

#main .post.grid h3 {  	
margin: 9px 0;
}

/* @end */

/* @group Sidebars */

.subItem {  	
clear: both;
overflow: hidden;
margin: 3px 0; 
}

#sub .wpdev {  	
background: url(icons/wp.gif) no-repeat 0 50%;
padding: 15px 0 15px 50px; 
}

.feed {  	
background: url(icons/feed_blue.png) no-repeat 0 50%;
padding: 3px 0 3px 22px; 
margin-bottom: 20px;
}

#sub .aktt_tweets ul li {  
list-style: none;	
padding: 3px 0 6px 0; 
border-bottom: 1px solid #eee;
}

#sub .aktt_tweets ul li.aktt_more_updates {  	
border: 0; 
}

#sub .twitter {  
background: url(icons/twitterbird.png) no-repeat 0 50%;
padding: 20px 0 10px 50px; 
}

/* @end */

/* @group Content */

#intro {  	
text-align: right;
padding: 0 0 10px 70px;
}

#intro p,
#intro ol {  	
color: #000; 
}

#intro p strong {  	
font-size: 1.3em;
line-height: 25px;
}

#intro a {  	
font-weight: 600;
color: #d3fff7;  
}

#main img,
#main img.alignleft,
#main img.attachment-thumbnail,
#main .wp-caption.alignleft {  	
margin: 6px 18px 3px 0; 
float: left; 
}

#main img.alignright,
#main .wp-caption.alignright { 
float: right; 	
margin: 6px 0 3px 18px; 
}

#main img.alignnone {  	
float: none;
margin: 6px 0 3px 0; 
}

#main .wp-caption-text {  	
text-align: center;
font-size: 0.9em;
color: #666;
text-transform: uppercase; 
}

#main a {  	
white-space: pre-wrap; 
/* css-3 */
white-space: -moz-pre-wrap !important; 
/* Mozilla, since 1999 */
white-space: -pre-wrap; 
/* Opera 4-6 */
white-space: -o-pre-wrap; 
/* Opera 7 */
word-wrap: break-word; 
/* Internet Explorer 5.5+ */
}

#main blockquote {  	
margin: 9px; 
padding: 9px 18px; 
background-color: #f2efe9;
}

#main ol { 
list-style-type: decimal; 	
list-style-position: inside; 
}

#main ul li {  	
margin: 5px 0 5px 20px; 
list-style-type: disc;
}

#main .share {  	
padding: 10px 0; 
}

.post {  	
padding: 9px 0;
}

.post small {  	
color: #a24e2f;
}

.entry {  	
overflow: hidden;
}

.border-bottom {  	
border-bottom: 1px solid #eee; 
}

.border-top {  	
border-top: 1px solid #eee; 
}

.no-border {  	
border: 0; 
}

.french {  	
color: #d3fff7;
padding-right: 3px; 
}

.french-text {  	
color: #1793ea;
}

.french-excerpt {  	
display: block;
color: #aaa;
padding: 9px 0;
}

.postmetadata {  
font-size: 0.9em;	
text-transform: uppercase; 
color: #cb6343; 
}

.postmetadata a {  	
color: #cb6343; 
}

.date {  	
font-weight: 600;
color: #0aa3a3;
}

.more { 
text-transform: uppercase;
}

.edit {  	
background: url(icons/pencil.png) no-repeat right 3px;
padding: 5px 16px 3px 0; 
margin-left: 10px;
border-bottom: 1px dashed #fff;
text-align: right;
}

p.edit {  	
float: right; 
}

ul.aktt_tweet_digest {  	
font-size: 1em;
line-height: 16px;
overflow: hidden;
}

.aktt_tweet_digest li { 
padding: 9px; 	
float: left;
width: 25%;
height: 150px;
border-right: 1px solid #eee;
}

#searchform input#s {  	
padding: 2px; 
margin: 2px; 
border: 1px solid #eee; 
width: 50% 
}

#footer a {  	
color: #000; 
}

#footer .wp {  	
background: url(images/wp.gif) no-repeat 0 50%; 
padding: 12px 0 12px 50px; 
}

#footer .slogan {  	
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2"; 	 
font-weight: 600;
font-size: 1.5em;
text-transform: uppercase; 
color: #fff;
text-shadow: 0 -1px 1px rgba(211,191,139,0.7);
margin-right: 5px;
}

/* @end */

/* @group Comments */

#commentssection {  	
clear: both; 
margin: 10px 0 10px 40px; 
}

#commentssection h3 {  	
font-weight: normal; 
color: #000; 
}

#commentform {  	
margin: 9px auto; 
padding: 18px; 
}

#commentform p {  	
color: #000; 
}

#commentform a {  	
color: #000; 
text-decoration: none; 
border-bottom: 1px dotted #465D71; 
line-height: 14pt; 
}

#commentform h3 {  	
font-weight: normal; 
color: #000; 
border: 0; 
margin: 0; 
padding: 0 0 9px 0; 
}

#commentbox {  	
width: 350px; 
margin: 9px 9px 0 0; 
}

.commentmetadata .date {  	
color: #118bb7; 
font-weight: bold; 
text-transform: uppercase; 
}

#author, #email, #url, #commentbox {  	
margin: 5px 5px 0 0; 
padding: 3px; 
border: 0;
}

.required {
font-weight: bold;
color: #d02428;
}

#submit {  	
margin: 5px 5px 0 0; 
}

ol.commentlist {  	
list-style-type: none; 
}

ol.commentlist li {  	
background: #fff; 
margin: 10px 0; 
padding: 5px 0 5px 10px; 
overflow: hidden; 
}

ol.commentlist li.alt {  	

}

ol.commentlist li p {  	
margin: 6px 0 6px 0; 
padding: 0 12px 0 0; 
line-height: 140%; 
}

ol.commentlist a {  	
color: #000; 
}

/* @end */


/* @group Slider */

#featured {  	
height: 460px;
background: #e5eeea;
overflow: hidden;
margin-top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
}

#slider img {  	
float: left; 
margin: 10px 15px 0 0;
padding: 0;
width: 150px;
height: auto;
}

.slide-title {  	
color: #000; 
font-size: 1.4em;
display: block;
text-align: center;
padding: 10px 0;
}

#slider p {  	
padding: 5px 30px;
}

#slider ul, 
#slider li {  	
list-style: none; 
overflow: hidden; 
}

#slider li { 
width: 438px; 
padding: 10px 0px;
}

#prevBtn, 
#nextBtn {  	
position: absolute; 
top: 136px;  
font-size: 1.3em;
background: #fff;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
text-align: center;
}

#prevBtn { 	
left: 36px; 
}

#nextBtn {  
left: 416px; 
}

#prevBtn a, 
#nextBtn a {  
color: #000;	
display: block; 
}

/* @end */