/*  
Theme Name: F01.01
Version: 1.3.2
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "css/reset.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Trackbacks/Pingbacks
-5.4 Gravity forms

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 14px Helvetica,Arial,Sans-serif; line-height: 1.5; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Arial,Helvetica,Sans-serif; letter-spacing: -1px; }
h1  {font-size: 36px;} h2  {font-size: 30px;} h3  {font-size: 24px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

#commentform { zoom:1; }

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  { }



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#bg  { position: absolute; left: 0; top: 0; z-index: 2; height: 1700px; width: 343px; }

#container  { position: relative; z-index: 999; }

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 720px; margin: 0 0 0 255px; }

/* 2.2 Navigation */
#navigation{ width: 100%; float: left; padding: 7px 0; font-size:11px; }
#nav, #nav ul  { position: relative; z-index: 9999; width: 720px; margin: 0 0 0 255px; padding:0; list-style:none; line-height:1; }
#nav li  { position: relative; float:left; width: auto; padding: 7px 10px 7px 3px; }
#nav a  { display:block; z-index:300; padding:0 10px; text-decoration: none; }
#nav a .title  { display: block; margin: 0 0 7px 0; font-size: 24px; font-weight: bold; }
#nav a .description  { display: block; width: 130px; font-size: 12px; font-style: italic; line-height: 14px; }
#nav a .sf-sub-indicator  { display: none; }
#nav li.current_page_item a .title, #nav a:hover .title  {  }
#nav li.current_page_item a .description, #nav a:hover .description  {  }

/* 2.2.1 Drop-down menus */
#nav li ul  { position: absolute; left: -999em; width: 172px; margin: 5px 0 0 10px; }
#nav li ul li  { padding: 0; width: 172px; }
#nav li ul li a  { width:150px; line-height:25px; font-size:11px; }
#nav li ul li a:hover  {  }
#nav li ul ul  { margin: -26px 0 0 170px; }
#nav li ul ul li a  { line-height:25px; }
#nav li ul li ul li a  { border-width: 0 1px 1px 0; }
#nav li:hover ul ul, #nav li.sfhover ul ul  { left:-999em; }
#nav li:hover ul,#nav li.sfhover ul,#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul  { left:auto; }
#nav li:hover,#nav li.hover  { position:static; }

/* 2.3 Header */
#header{padding:40px 0 30px 0;clear:both;position:relative;}

#logo  { }
#logo img  { }
#logo .site-title, #logo .site-description  { display: none; }

#topad{position:absolute;left:470px;top:36px;}


/* 2.4 Content */
#content{min-height:550px;padding:0;}
* html #content{height:550px;}

#main{ width:450px; }
#main.fullwidth  { width: 715px; }

#twitterbig  { position:relative; width: 494px; margin: 0 0 70px -35px; padding: 30px 0 10px 0; font-family: Georgia, Serif; font-style: italic; }
#twitterbig ul  { font-size: 24px; line-height: 26px; }
#twitterbig .bottom  {  width: 389px; margin: 0 0 -15px 0; padding: 0 25px 30px 80px; }
#twitterbig .profile-link { position:relative; text-align:right; margin-top:-33px; top:40px; }
#twitterbig .profile-link a  { padding: 40px 75px 25px 0; text-decoration: underline; }

/* 2.5 Sidebar */
#sidebar  { position: relative; z-index: 100; width:230px; margin-top: -60px; overflow:hidden; }

/* 2.6 Footer */
#footer  { position: relative; font-size:11px; }
#footer .top  { padding: 35px 0; }
#footer .inside  { width: 750px; margin: 0 0 0 225px; }
#footer .inside .left  { float: left; width: 450px; padding: 0 0 0 29px; }
#footer .inside .right  { float: right; width: 230px; padding-left: 29px; }

#footer #bottomline  { }
#footer #bottomline .inside  { text-align: right; }
#footer #bottomline p  { font-size: 18px; font-weight: bold; }
#footer #bottomline p img  { margin: 0 4px; vertical-align: middle; }

#footer #address  { position: absolute; top: -17px; left: 0; }
#footer #address h3  { width: 120px; height: 22px; padding: 60px 0 0 65px ; font-size: 18px; }
#footer #address address  { margin: 0 0 0 30px; padding: 10px 0 0 35px; font-family: Georgia, Serif; font-size: 12px; font-style: italic; }
#footer #address .bottom  { display: block; width: 155px; height: 18px; margin: 0 0 0 30px; }
#footer #address .mail a  { text-decoration: underline; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb { margin: 0 0 20px 0; }

.archive_header  { display: block; float: left; width: 100%; margin: 0 0 25px 0; padding: 0 0 7px 0; font-family: Georgia, Serif; font-style: italic; font-size: 18px; font-weight: bold; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }

.post  { margin: 0 0 25px 0; }

.post .title, .post .title a:link, .post .title a:visited  { width:100%;position:relative; margin: 0 0 5px 0; font-size: 30px; line-height: 28px; }
.post .title a:hover  {  }

.post.page .title  { margin: 0 0 25px 0; }

.top-meta{margin: 0 0 15px 0;font-size:11px;text-transform: uppercase; font-weight: bold;}
.bot-meta  { margin: 0 0 25px 0; }
.bot-meta .tags  { float: left; width: 300px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.bot-meta .tags a:link, .bot-meta .tags a:visited  {  }
.bot-meta .tags a:hover  {  }
.bot-meta .comments  { float: right; font-family: Georgia, Serif; font-style: italic; }
.bot-meta .comments .count  { padding: 0 0 0 5px; }
.bot-meta .comments .count a  { display: inline-block; padding: 0 7px 3px 17px; font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.video { margin: 0 0 15px 0; }

.entry  {}

/* 3.1 Typographic Elements */
.entry a:link, .entry a:visited  {  }
.entry a:hover  {  }

.template .entry a:link, .template .entry a:visited  { border: none; }

.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }

.entry p  { margin: 0 0 15px 0; }

.entry blockquote  { margin: 25px 0; padding: 15px 20px 15px 15px; font-family: Georgia, serif; font-style: italic;  }
.entry blockquote p  { margin: 0 0 15px 0; }
.entry blockquote a:link, .entry blockquote a:visited  { text-decoration: underline; }

.entry ul  { margin: 0 0 15px 0; }
.entry ul ul  { margin: 4px 0 -5px 0; }
.entry ul li  {	padding: 6px 0 4px 20px; line-height: 18px; list-style: none; }

.entry ol  { margin: 0 0 15px 0; }
.entry ol ol  { margin: 4px 0 -5px 0; }
.entry  ol li  { list-style-type: decimal; list-style-position: inside; padding: 6px 0 4px 5px; line-height: 18px; }
.entry  ol li ol li  { list-style-type: decimal; margin: 0 0 0 5px; }

.entry a.more-link  { font-family: Georgia, Serif; font-style: italic; font-weight: bold; border: none; }
.entry a.more-link:hover  {  }

/* 3.2 Images */
.entry img  { border: 5px solid #818073; }
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 0px 15px 15px 0; }
.entry .alignright  { float: right; width: auto; margin: 0px 0 15px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center;  }
.entry .wp-caption img{ margin:0; padding:4px 0; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries { float: left; width: 100%; margin: -26px 0 25px 0; font-size:11px; }
#comments .more_entries  { margin-top: 20px; }
.more_entries a { display: block; margin: 4px 0 3px 0; font-size: 18px; font-weight: bold; }
.more_entries .fl a  { margin-left: 10px; padding: 0 0 0 35px; }
.more_entries .fr a  { margin-right: 10px; padding: 0 35px 0 0; }

.more_entries .wp-pagenavi { margin: 0 0 0 0; text-align: center; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; padding: 4px 6px!important;}
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 0 4px; font-size: 18px; font-weight: bold; }


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 30px 0; }
.widget h3  { margin: 0 0 15px 0; font-size: 30px; line-height: 25px; }
.widget a:link, .widget a:visited  {  }
.widget a:hover  {  }

.widget ul  { clear:both; }
.widget ul li  { font-size: 10px; font-weight: bold; text-transform: uppercase; }
.widget ul li a  { display: block; margin: 0 0 6px 0; padding: 0 0 0 8px; line-height: 20px; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.widget ul li a:hover  { }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

#footer .widget li  { float: left; width: 150px; }

.widget_recent_comments li, #twitter li  { padding: 3px 0; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

/* 4.2 Specific Widgets */

/* CUSTOM RECENT ENTRIES */
#recent_custom .item  { position: relative; margin: 0 0 15px 0; padding: 0 0 15px 0; }
#recent_custom .item h4 a  { display: block; width: 190px; font-size: 16px; line-height: 20px; }
#recent_custom .item .date  { display: block; margin: 3px 0 10px 0; font-size: 9px; text-transform: uppercase; font-weight: bold; }
#recent_custom .item .comments  { position: absolute; top: 0px; right: 0; }
#recent_custom .item .comments a  { display: inline-block; padding: 0 7px 3px 17px; font-family: Georgia, Serif; font-style: italic; font-size: 12px; background-repeat: no-repeat; background-position: 6px center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#recent_custom .item p  { font-family: Georgia, Serif; font-size: 13px; font-style: italic; line-height: 18px; }

/* CUSTOM LIST WIDGETS */
.custom-list li a  { float: left; width: 222px; }
.custom-list li a .name  { float: left; }
.custom-list li a .count  { float: right; margin: -2px 8px 0 0; font-family: Georgia, serif; font-size: 12px; font-style: italic; }

#footer .left .custom-list li a { width: 130px; }

/* TEXT WIDGET */
.widget_text .textwidget  { font-family: Georgia, Serif; font-size: 13px; font-style: italic; line-height: 16px; }

/* SEARCH */
#searchform  { margin: 15px 0 0 0; }
#searchform input#s, #campaignmonitorform .field   { width: 150px; margin: 0 0 10px 0; padding: 8px 5px 6px 5px;  font-size: 13px; font-weight: bold; border: none; }
.widget input.submit  { float: right; padding: 8px 15px 6px 15px; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* FLICKR */
#flickr h3  { text-indent: -9999px; }
#flickr .wrap  { margin-left: -5px; position: relative; margin-bottom: 25px; padding: 0; }
#flickr a img  { float: left; padding: 4px; margin: 0 13px 32px 20px; display: block; }
#flickr a:hover img  {  }

/* LIFESTREAM */
.widget_lifestream ul li  {  }
.widget_lifestream ul li a  {  }
.widget_lifestream ul .lifestream_meta  {  }

/* CALENDAR */
#giraffe_calendar, #calendar_wrap  { position: relative; }
#wp-calendar  { position: relative; width: 99%; margin: 0 0 0 1px; clear:both; }
#giraffe_calendar #wp-calendar caption, #calendar_wrap #wp-calendar caption  { padding: 5px 0!important; font-size: 18px!important; font-weight: bold!important; text-align: center!important; }
#wp-calendar th  { height: 30px; text-align: center; vertical-align: middle;  }
#wp-calendar tbody  { text-align: center; font-size: 14px; font-weight: bold; }
#wp-calendar td  { height: 30px; background:transparent; vertical-align: middle; }
#wp-calendar td#today  { }
#wp-calendar #showit  { display: none; }
#wp-calendar a:link, #wp-calendar a:visited  { display: block; padding: 4px 0; }
#wp-calendar a:hover  { }
#wp-calendar tfoot td  { border: none!important; }
#wp-calendar tfoot #prev  { position: absolute; top: 5px; left: 0; }
#wp-calendar tfoot #next  { position: absolute; top: 5px; right: 1px; }
#wp-calendar tfoot #prev a  { display: block; overflow: hidden; height: 0; padding: 25px 0 0 0; width: 26px; }
#wp-calendar tfoot #next a  { display: block; overflow: hidden; height: 0; padding: 25px 0 0 0; width: 26px; }

/* SUBSCRIBE */
#subscribe  {}
#subscribe li  { width: 110px!important; font-size: 14px!important; }
#subscribe li a  { padding: 4px 0 0 22px; background-repeat: no-repeat; background-position: 8px center; }

/* SOCIAL */
#social  {}
#social li  { display: inline!important; float: none!important; padding: 0 8px 0 0; line-height: 30px; }
#social a  { display: inline; margin: 0; padding: 6px 0 2px 0; background-repeat: no-repeat; background-position: left center; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#social a:hover  {  }

#social li.twitter a  { padding-left: 20px; }
#social li.flickr a  { padding-left: 28px; }
#social li.facebook a  { padding-left: 18px; }
#social li.brightkite a  { padding-left: 27px; }
#social li.delicious a  { padding-left: 25px; }
#social li.deviantart a  { padding-left: 28px; }
#social li.digg a  { padding-left: 27px; }
#social li.friendfeed a  { padding-left: 25px; }
#social li.linkedin a  { padding-left: 27px; }
#social li.lastfm a  { padding-left: 28px; }
#social li.posterous a  { padding-left: 25px; }
#social li.stumbleupon a  { padding-left: 27px; }
#social li.tumblr a  { padding-left: 25px; }
#social li.vimeo a  { padding-left: 25px; }
#social li.youtube a  { padding-left: 27px; }

/* TWITTER */
.widget_woo_twitter li { margin-bottom: 10px}
.widget_woo_twitter a{ display: inline!important; margin-bottom: 0px!important; padding:0px!important}

/* 200x200 Ad */

#advert_200x200  { text-align: center; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments { position:relative; margin: 0 0 25px 0; padding:0; }
#comments h3{}
#comments .comment {margin-top:10px;width:100%;list-style-type:none;}
#comments .comment.thread-even  { padding-bottom: 10px; }
#comments .comment .comment-container  { margin: 0 0 10px 0; padding: 10px 10px 25px 10px; }
#comments .comment-head  { margin: 0 0 10px 0; }
#comments .comment-head .avatar  { float: right; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;}
#comments .comment-head .name  { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 16px; }
#comments .comment-head .name a  { }
#comments .comment-head .name a:hover  { }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 10px; text-transform: uppercase; }
#comments .comment-entry p  { margin: 0 0 10px 0; font-family: Georgia, serif; font-style: italic; }

#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments ul.children .comment .comment-container  { }

#comments .comment .reply a, #comments .cancel-comment-reply a  { display: block; float: right; margin: -5px 0 0 0; padding: 3px 6px 0px 6px; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#comments .cancel-comment-reply {margin-bottom:10px;}
#comments .cancel-comment-reply a  { float: none; display: inline; }


/* 5.2 Comments Form */
#respond  { margin: 0 0 25px 0; }
#respond h3  { }

#commentform  {	margin: 15px 0 0 0; padding: 20px 14px; }
#commentform .name_email  { }
#commentform .name_email .name  { float: left; width: 48%;}
#commentform .name_email .email  { float: right; width: 48%;}

#commentform label  { display: block; height: 25px; font-family: Georgia, serif; font-size: 11px; font-style: italic; }
#commentform input.txt, #commentform textarea  { width: 93%; margin: 0 0 3px 0; padding: 8px 7px 6px 5px; font-size: 13px; font-weight: bold; border: none;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#commentform .url input, #commentform textarea  { width: 97%; }
#commentform #submit  { margin: 20px 0 0 0; padding: 7px 15px 5px 15px; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}


/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 20px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/* 5.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 7px 15px 5px 15px !important; font-family: Helvetica, Arial, Sans-serif; font-size: 12px !important; text-transform: uppercase; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; border: 0px !important; }
.gform_wrapper input { padding: 7px 3px !important; border: 1px solid #818073; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 300px !important; padding: 7px 3px !important; border: 1px solid #818073; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { display: none !important; }
.entry .gform_wrapper ul { border: 0px !important; }
.entry .gform_wrapper ul li { background: none !important; border: 0px !important; }