/*
THEME NAME: Community
THEME URI: http://mohdrafie.co.uk/2009/community-wordpress-theme/
DESCRIPTION: WordPress theme powered for community-based website built on the best WordPress Theme Framework, Thematic.
VERSION: 2.0
AUTHOR: Mohd Rafie
AUTHOR URI: http://mohdrafie.co.uk/
TAGS: community, featured post, social media

This theme was built on Thematic Framework which is copyrighted to Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   


.entry-title {
line-height: 36px !important;
}

.aside ul ul li a {
background: #e7f3f9 !important;
margin-bottom:5px;
}

h2 {
clear: none !important;
color: #2397EA !important;
}
.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	border: 1px solid #CCCCCC;
	margin-bottom:18px;
	text-align:center;
}
.wp-caption img {
	margin: 0;
	padding-top: 5px;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
	font-style:italic;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* Facebook Connect Styles */

.facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */
  position: relative;
  float: right;
  width: 300px;
  margin-top: -65px;
  text-align: right
}

.facebook-connect a,  /* you probably won't need this css */
.facebook-connect a:hover,
.facebook-connect a img,
.facebook-connect a:hover img{
  border: 0
}

.facebook-connect .fbc_connect_button_area { /* This is the button container for your comment form */
  border: none;
  float:right;
  margin:0;
  padding:0
}

body .fbc_profile_header { /* I added body to override the CSS from Facebook Connect's default CSS */
  background:#000000 url("images/quote-bg-repeat5.jpg") repeat-x;
  padding:55px 5px 5px 10px;
  text-align:left;
  border: none !important;
  width:220px
}

body .fbc_profile_header a.logout{ /* this is a custom class I added to the HTML in fbconnect.php */
  font-size: .9em;
  color: #999
}

blockquote { color: #111111 !important; border-left: 1px solid #111111; }
.wufoo { background: #FFF8AE !important; }


#blog-description {
display:inline !important;
}

#blog-title a {
width: 410px !important;
}

#sidebar_flickr li {
list-style: none;
}
#sidebar_social a.twitter {
background:url("http://mohdrafie.co.uk/blog/wp-content/uploads/2010/05/twitter_32.png") no-repeat left center transparent;
padding:10px 0 10px 45px;
}
#sidebar_social a.linkedin {
background:url("http://mohdrafie.co.uk/blog/wp-content/uploads/2010/05/linkedin_32.png") no-repeat left center transparent;
padding:10px 0 10px 45px;
}