/*
Theme Name: nredmond
Theme URI: http://niamhredmond.org/
Description: nredmond playing around with wordpress.
Version: 2.0
Author: Niamh Redmond
Published: July 30, 2009.
*/

/* ---------------------------- DEFAULTS ---------------------------- */

*{
	margin: 0;
	padding: 0;
}

html{
	background-color:#ffffff;
}

body{
	font: 16px Georgia, serif;
	color: #999999;
	background-color: #ffffff;
	background-image: url('/images/decoration.gif'); 
	background-attachment:fixed;
	background-position: bottom right;
    background-repeat: no-repeat;
	text-align:left;
	overflow:auto;
	margin:0;padding:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
li{list-style:none;}


/* Navigation */

#nav { 
	font-family: arial,helvetica,clean,sans-serif; 
	height: 16px; 
	margin-bottom: 27px; 
	background-color: #00ADEE; 
	width: 100%; 
}

#nav ul { 
	float: right; 
}

#nav li { 
	float: left; 
	width: 80px; 
	text-align: center; 
	border-left: 1px solid #fff;
}

#nav a { 
	display: block; 
	color: #fff; 
	font-size: 80%; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: normal; 
	line-height: 16px; 
	background-color: #00ADEE; 	
	border-bottom: none;
}

#nav li.selected a { 
	background-color: #333333; text-decoration: none; 
}

#nav a:hover, #nav a:visited, #nav a:active { 
	color: #fff; 
	background-color: #00ADEE; }

#nav a:hover { 
	background-color: #999999; 
	color: #fff; 
}


/* Intro */

#intro {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	clear: both;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
	text-align: left;
}

#intro img {
	float: left;
	margin: 5px 50px 0px 0;
}

#intro p {
	margin: 0;
	padding: 0;
}


/* Structure */

#page { 
	margin: 0 auto; 
	}

#header { 
	margin-bottom: 40px;
}

#wrapper {
    width: 960px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}

#content {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
	}

#narrowcolumn {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: left;
}

#widecolumn {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: left;
}

#sidebar {
	float: right;
	width: 330px;
	margin: 10px 0 25px 0;	
	padding: 0px;
	font-size: 14px;
	line-height: 1.6em;
}

#footer
{
	clear:both;
	width:960px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#footer ul
{
	float: right;
}

#footer li
{
	padding: 0 30px;
	float: left;	
}

#footer img
{
	padding: 0 30px 10px 0;
}

#footer a, #footer a .img, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover 
{
	border-bottom: none;	
}


/* Links */

a:link, a:visited { 
	text-decoration: none; 
	color: #00ADEE;
	background-color:#FFF;
	border-bottom: dotted #cccccc 1px;
}

a:active, a:hover {
	color: #333333;
	background-color:#FFF;
	border-bottom: dotted #cccccc 1px;
}

a img {
	border: none;
	border-bottom: 5px;
}

/* Horizontal Bars */

.bar {
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 20px 0 25px 0;
	background-color: #cccccc;
	clear: both;
}

.sidebar_bar {
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 30px 0px 30px 0;
	background-color: #cccccc;
	clear: both;
}

#footer_bar {
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 50px 0 25px 0;
	background-color: #cccccc;
	clear: both;
}

.posts_bar {
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 30px 0px 30px 0;
	background-color: #cccccc;
	clear: both;
}


/* Generic */

p {
	margin-bottom: 15px;	
}

img {
	margin: 5px 0px 5px 0;
}

.dim {
	color: #cccccc;
}

.alignright {
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;

	}

.alignleft {
	float: left
	margin-top: 20px;
	}
	
#navigation {
	padding-bottom: 10px;
	}

#comments {
	line-height: 22px;
}

.post {
	padding: 0;
	margin: 10px 0 20px 0;
	line-height: 1.7em;
}
.clear {
	clear: both;
	margin-bottom: 500px;
}


/* Headings & Titles */

h2 {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	color: #000000;
	text-decoration: none;
	border-width: 0;
	margin: -2px 0 9px 0;
	padding: 0;
}


h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	border-bottom:none;
	color: #333;
}

#title_also_on_this_blog {
	background: url('/images/titles/also_on_this_blog.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_elsewhere {
	background: url('/images/titles/elsewhere.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_posts {
	background: url('/images/titles/posts.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_categories {
	background: url('/images/titles/categories.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_archives {
	background: url('/images/titles/archives.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_tags {
	background: url('/images/titles/tags.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_recommended {
	background: url('/images/titles/recommended.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_twitter {
	background: url('/images/titles/twitter.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_flickr {
	background: url('/images/titles/flickr.gif') no-repeat;
	width: 225px; height: 22px;
}

#title_about {
	background: url('/images/titles/about.gif') no-repeat;
	width: 200px; height: 33px;
}

#title_contact {
	background: url('/images/titles/contact.gif') no-repeat;
	width: 200px; height: 33px;
}

h3 {
	font: bold 16px Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	text-transform:uppercase;
}

h3 .comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


/* Form Elements */
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}

#searchform #s {
    background: #EEEEEE;
	width: 200px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	padding: 4px;
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #DDDDDD;
	}

#searchsubmit {
border: 1px solid #e1e1e1;
	background: #00ADEE;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 1px;
	font-weight: bold;
        height: 24px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {

	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}



/* Tag Cloud */
div#cloud {
	border: 1px dotted #E4F0DB;
	padding: 0.5em;
	margin: 0.6em 0.5em;
	font-family: Tahoma, Verdana, Arial;
	text-align: justify;
	line-height: 1.7em;
}
 
div#cloud a {
	color: #2f63b3;
}
 
div#cloud a.top_category {
	color: #76b391;
}
 
div#cloud a.top_category:hover {
	color: #4A5265;
	text-decoration: none;
}

/* Sidebar */
#sidebar .module {
	margin: 0 0 33px; 
	padding: 0 0 30px;
	border-bottom: 1px solid #ccc;
}

#title_twitter a, #title_twitter a:hover, #title_flickr a, #title_flickr a:hover {
	display: block;
	text-indent: -9999em;
	width: 131px; height: 21px;
}

.twitter p {
	font: normal 20px/28px Georgia, serif;
	color: #999;
	padding: 0 0 15px;
}

.twitter small {
	font: normal 12px Georgia, serif;
	color: #999;
}
	
.module.flickr li {
	float: left;
	margin: 0 6px 6px 0;
}

.module.flickr li img {
	width: 70px; 
	height: 70px;
	border: 2px solid #ccc;
}

.module.flickr li.last {
	margin-right: 0;
}
	
.module.links {
	font: normal 14px/20px Georgia, serif;
}
.module.links h2, .module.member_block h2 {
	margin: 0 0 15px;
}

.widget_flickrRSS img {
	display: block;
	float: left;
	padding: 2px;
	border:1px solid #ccc;
	position: relative;
	height: 65px;
	width: 65px;
	margin:0 4px 6px 0;
	}