/*
Theme Name: Cozy Mazi theme
Theme URI: http://wordpress.org/
Description: Custom theme build for cozy mazi by ThruDigital based on cozy tweetup theme
Version: 1.0
Author: Roman Leinwather
Author URI: http://thrusites.com/
Tags: blue
Date: 28/09/2009

Wordpress Theme CSS details above 

*/


/**
  * Title:         CSS - Style.css
  * Author:        Roman Leinwather
  * Version:       1.0
  * Copyright:     Copyright (c) 2009 thruDIGITAL
  *
  * ====================================================================
  *
  * TABLE OF CONTENTS
  *
  * 1.  Yahoo Reset CSS         
  * 2.  Body
  * 3.  Default Elements
  * 4.  Headings
  * 5.  Links
  * 6.  Media
  * 7.  Layout
  * 8.  Branding
  * 9.  Navigation
  * 10. Sidebar
  * 11. Footer
  * 12. Page Divisions
  * ====================================================================
  */


/** 1. Yahoo Reset CSS
  * ====================================================================
  */

@import url(http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css);

/** 2. Body
  * ====================================================================
  */

body { font-size: 13px; font-family: Arial, Verdana, Sans-Serif; background: url(images/bg_blue_patern.png) 0 0 repeat; color: #fff; float:left; width:100%;}

/** 3. Default Elements
  * ====================================================================
  */

p,ul,dl,ol {line-height:1.6em; padding-bottom:20px;}

ul { }
ol { }

hr {display:none;}

blockquote { }
blockquote p { }
blockquote cite {       }

abbr { }
abbr:hover { }

del { }
strong { font-weight:bold; }
em { font-style:italic; }

.float_left { float: left; }
.float_right { float: right; }
.hide_text { text-indent: -99999px; }
.hide_all { display: none; }


/** 4. Headings
  * ====================================================================
  */

h1 {font-size: 24px;}
h2 {font-size: 20px; }
h3 {font-size: 17px;}
h4 {font-size: 15px;}

/** 5. Links
  * ====================================================================
  */

a:link,
a:visited {color:#fffeb6; text-decoration:none;}
a:hover,
a:focus { }

/** 6. Media
  * ====================================================================
  */

img { }

/** 7. Layout
  * ====================================================================
  */

#page {margin:0px auto; padding:0; width:980px;}
#content {float:left; width:613px;}


#body_wrapp {background: url(images/bg_blue_patern.png) 0 0 repeat; float:left; width:100%;}
#page_wrapp {background: url(images/bg_top_header.png) 0 0 repeat-x; float:left; width:100%;}
#page_inner_wrapp {background: url(images/bg_footer.png) bottom left repeat-x; float:left; width:100%;}
#page_highlight {background:url(images/bg_highlights.png) center top no-repeat; _background:none; float:left; width:100%;}

/** 8. Branding
  * ====================================================================
  */
#header {float:left; width:980px;}

#top_header_twitter {float:left; width:980px;}
#top_header_twitter p {float:left; width:980px; margin-top:8px;}
#top_header_twitter p a {float:left; display:block; background: url(images/bg_follow_us_on_twitter.png) 0 0 no-repeat; width:291px; height:34px; margin-left:732px; _margin-left:349px;}
#top_header_twitter p a:hover {background: url(images/bg_follow_us_on_twitter.png) 0 -34px no-repeat;}

#headerimg {float:left; width:980px; margin-top:22px;}
#headerimg h1 {float:left; width:251px; height:108px;}
#headerimg h1 a { display:block; float:left; background: url(images/bg_logo.png) 0 0 no-repeat; width:251px; height:108px; text-indent:-9999px;}

/** 9. Navigation
  * ====================================================================
  */
#main_navigation {float:left; clear:both; width:980px; background: #6aa3b9 url(images/bg_nav.png) 0 0 no-repeat; margin-top:36px;}
#main_navigation ul {float:left; width:980px; padding-bottom:0px; height:68px; padding-top:15px;}
#main_navigation ul li {float:left; padding:12px 0; height:32px;} 
#main_navigation ul li a {float:left; display:block; text-indent:-99999px; margin-left:95px; _margin-left:47px;}

#main_navigation ul li#nav_blog a {background: url(images/bg_nav_sprite.png) 0 0 no-repeat; width:80px; height:32px; margin-left:228px; _margin-left:114px;}
#main_navigation ul li#nav_about a {background: url(images/bg_nav_sprite.png) -175px 0 no-repeat; width:110px; height:32px;}
#main_navigation ul li#nav_events a {background: url(images/bg_nav_sprite.png) -381px 0 no-repeat; width:119px; height:32px;}

#main_navigation ul li#nav_blog a:hover {background: url(images/bg_nav_sprite.png) 0 -33px no-repeat;}
#main_navigation ul li#nav_about a:hover {background: url(images/bg_nav_sprite.png) -175px -33px no-repeat;}
#main_navigation ul li#nav_events a:hover  {background: url(images/bg_nav_sprite.png) -381px -33px no-repeat;}


/** 10. Sidebar
  * ====================================================================
  */

#sidebar {float:left; width:337px; margin:25px 0 0 30px; _margin-left:15px;}

/** 11. Footer
  * ====================================================================
  */
#footer {float:left; clear:both; width:980px; margin-top:70px; }
#footer ul {float:left; width:400px; margin-top:10px; }
#footer ul li {float:left; margin-right:10px;}
#footer ul li a {float:left; color:#fff;}
#footer ul li a:hover {color:#fffeb6}
#footer #cozytweetupfooter {float:left; display:block; background: url(images/bg_footer_logo.png) 20px 0 no-repeat; width:90px; height:45px; margin:5px 0 0 130px;}
#footer #adpaptivelab {float:left; display:block; background: url(images/bg_footer_logo.png) -100px 0 no-repeat; width:200px; height:45px; margin:5px 0 0 10px;}
#footer #designedby {float:left; width:150px; padding:0px; margin-top:10px; text-align:right;}

/** 12. Page Divisions
  * ====================================================================
  */

/* Quotes */
#quotes {float:left; width:370px; height:108px; margin-left:357px; text-align:right; _margin-left:297px;}
#quotes p {font-size:25px; font-style:italic; line-height: 1.2em; display:none;}
#quotes p span {color:#fffeb6; font-style:normal;}

/* Post */
.post {float:left; width:613px; margin-top:30px; }
.post h2 {float:left; width:613px; clear:both; font-size:40px; color:#fff; font-weight:bold;}
.post h2 a {float:left; font-size:40px; color:#fff; font-weight:bold;}

.entry {float:left; width:613px; margin-top:20px; font-size:13px;}
.entry img {float:left; max-width:613px; padding-bottom:10px; _width:613px;}

.postmetadata {float:left; width:613px; height:62px; background:#6aa3b9 url(images/bg_post_comments_date.png) 0 0 no-repeat;}
.postmetadata a {color: #fff;}
.postmetadata .comments {display:block; float:left; background: url(images/ico_comments.png) 0 0 no-repeat; padding-left:20px; margin:24px 0 0 24px; width:200px; _margin-left:12px;}
.postmetadata .time {display:block; float:left; background: url(images/ico_date.png) 0 0 no-repeat; padding-left:20px; width:130px; margin:24px 0 0 195px;}

.navigation {float:left; clear:both; width:613px; font-size:25px; color:#fff; margin-top:20px; margin-top:20px;}
.navigation a {float:left; font-size:25px; color:#fff;  font-weight:bold;}
.navigation a:hover {color:#fffeb6}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}


/* Sidebar boxes */
.sidebar_box {float:left; width:339px; background: url(images/bg_sidebar_box_bottom.png) bottom left no-repeat; padding-bottom:13px;}
.sidebar_box_innner {float:left; width:291px; padding:10px 24px 0px 24px; background:  url(images/bg_sidebar_box.png) 0 0 repeat-y;}
.sidebar_box_innner p {line-height:1.2em;}

/* Attendees */
#click_to_attend {display: block; width:339px; height:64px; background:url(images/bg_title_attendees.png) 0 0 no-repeat; }
#click_to_attend:hover {background:url(images/bg_title_attendees.png) 0 -64px no-repeat}
#attendees h3 {background: url(images/bg_title_attendees_list.png) 0 0 no-repeat; width:339px; height:111px;}
#attendees .tweets {float:left; clear:both; width:300px; }
#attendees .tweet {float:left; clear:both; width:300px; padding-bottom:10px;}
#attendees a {display:block; float:left; margin-top:10px; color:#fff; font-size:22px;}
#attendees .tweet .text {display:none;}

/* Flickr */
#flick_photos_cover h3 {background: url(images/bg_title_flickr.png) 0 0 no-repeat; width:339px; height:75px; margin-top:30px;}
#flick_photos_cover #flickr_photos {padding-bottom:10px; width:292px;}
#flick_photos_cover #flickr_photos a {float:left; width:70px; display:block; margin:3px 3px 0 0;_margin-right:1px;}
#flick_photos_cover #flickr_photos a img {float:left; width:70px; height:70px; }

/* Tweets */
#tweets_cover h3 {background: url(images/bg_title_tweets.png) 0 0 no-repeat; width:339px; height:75px; margin-top:30px;}
#tweets_cover #tweets {float:left; width:300px;}

/* Sponsors Next */
#sponsors_next {padding-bottom:10px;}
#sponsors_next_cover h3 {background: url(images/bg_title_sponsors_next.png) 0 0 no-repeat; width:339px; height:85px; margin-top:30px;}
#sponsors_next_cover #sponsors_next img {float:left; padding:5px 5px 5px 0;}

/* Sponsors Previous */
#sponsors_previous {padding-bottom:10px;}
#sponsors_previous_cover h3 {background: url(images/bg_title_sponsors_previous.png) 0 0 no-repeat; width:339px; height:85px; margin-top:30px;}
#sponsors_previous_cover #sponsors_previous img {float:left; padding:5px 5px 5px 0;}

/* Respond */
#respond {float:left; width:613px; padding-top:30px; border-bottom: 7px solid #fff; border-top:7px solid #fff;}
#respond h3 {float:left; width:613px; font-size:30px; font-weight:bold; padding-bottom:20px;}
#respond input {width:300px;}
#respond input#submit {width:200px;}
#respond textarea {width:600px;}

/* Comments */
#comments {float:left; width:613px; font-size:30px; font-weight:bold;}

commentlist {float:left; width:613px; clear:both;}
.comment {float:left; width:583px; clear:both; margin-top:10px; background:#6AA3B9; padding:15px;}
.comment .comment-author {float:left; width:583px; clear:both;}
.comment .comment-author img {float:left; border:2px solid #fff; margin-right: 10px;}
.comment .comment-author .fn   {float:left; margin-top:20px; padding-right:5px;}
.comment .comment-author .says {float:left; margin-top:20px;}

.commentmetadata {float:left; width:583px; clear:both; margin-top:10px; padding-bottom:10px;}
.commentmetadata a {float:left; display:block; background: url(images/ico_date.png) 0 3px no-repeat; padding-left:20px;}

.comment-body p {float:left; width:583px; clear:both; padding-bottom:10px; line-height:1.4em;}