/*
Theme Name: Ooh.com Blog Redesign April 2010
Theme URI: http://www.ooh.com/blog
Description: Redesign for ooh.com/blog April 2010
Varsion: 1.0
Author: Andy Davies
Author URI: http://www.distilled.co.uk

*/

/* Begin Typography & Colors */
body {
	background-color:#AAAAAA;
	color:#555555;
	font-family:Georgia,"Times New Roman",Times,serif;
	line-height:1.2em;
}

a img { border:0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

#header ul li ul li { line-height:1.2em; padding:0; }

a { text-decoration:none; }
.clr { clear:both; height:1px; width:100%; }
.pink { color:#ED008C; }
small { font-size:1em; line-height:1.2em; }

form input,
form textarea { background:url('images/bg-input.jpg') top left repeat-x; border:1px solid #C3C3C3; }
form label { display:block; float:left; width:178px; }

form input#submit { width:auto; padding:2px 5px; background:#00AEED; color:#fff; border:0; 	font-family:Georgia, "Times New Roman", Times, serif; }
form p.subscribe-to-comments label { float:right; width:95%; }

#content { float:left; min-height:450px; width:600px; padding:5px 70px 5px 10px; background:#fff; font-size:1.1em; }

#content .post { margin-bottom:1.5em; }
#content .post a { color:#ED008C; }
#content .post img { box-shadow: -3px 3px 3px #9d9d9d; -moz-box-shadow:-3px 3px 3px #9d9d9d; -webkit-box-shadow:-3px 3px 3px #9d9d9d; }


#content .post h2 { clear:both; display:block; width:480px; margin:0; margin-top:0.5em; margin-bottom:0.2em; padding-bottom:0.2em; padding-right:90px; font-size:1.7em; line-height:1.2em; border-bottom:1px dotted #000; }
#content .post h2 a { text-decoration:none; color:#565455; }
#content .post .entry { width:80%; }

#content .post .entry h2 { border:none; font-size:1.5em; }
#content .post .entry p { clear:both; margin:0.2em 0 1em 0; }
#content .post .addtoany_subscribe,
#content .post .addtoany_share_save_container { float:left; margin:0; padding:0; }

#content .post .addtoany_share_save_container ul { margin:0; padding:0; }
#content .post .addtoany_share_save_container ul li { margin:0; padding:0; }

#content .post .postmetadata { float:left; margin:6px 0 0 2px; }

#content .post .date { color:#00AEEF; }

#content .commentlist { padding:0; }
#content .commentlist li a {  color:#ED008C; }
#content .commentlist li { min-height:60px; list-style-type:none; margin:0; margin-top:10px; padding-top:10px; border-top:1px dotted #000; }
#content .commentlist li .avatar { float:left; height:60px; margin-right:10px; }

#content .commentlist li .fn { float:left; font-style:normal; font-size:1.4em; line-height:1.2em; margin-right:5px; }
#content .commentlist li .fn a { color:#555555; }
#content .commentlist li .says { display:none; }

#content .commentlist li .commentmetadata { padding-top:0.8em; font-size:0.8em; line-height:1.2em; }
#content .commentlist li .commentmetadata a { color:#00AEEF; }

#content .commentlist li p { margin-top:0.2em; margin-bottom:1em; }

#content #respond h3 { margin-top:2em; border-bottom:1px dotted #000; }





#sidebar { position:relative; float:right; width:280px; font-size:1.1em; line-height:1.2em; }
#sidebar a { color:#ED008C; }
#sidebar .dateText { color:#00AEED; }
#sidebar ul { padding:0; }
#sidebar ul li { position:relative; list-style-type:none; }

#sidebar ul li.widget_twitter li a { color:#565455; }
#sidebar ul li.widget_twitter ul.idTabs { margin-top:0px; }
#sidebar ul li.widget_twitter li.tab1 { display:block; height:33px; float:left; margin:0; margin-top:-37px; font-size:1.1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#sidebar ul li.widget_twitter li.tab1 a { display:block; height:32px; width:76px; padding-top:8px; padding-right:22px; text-align:center; text-decoration:none; background:url('images/blog-tabs.png') -578px 0 no-repeat; }

#sidebar ul li.widget_twitter li.tab1 a.selected { background-position: -578px -40px; color:#fff; }

#sidebar ul li.widget_twitter li.tab2 { display:block; height:33px; float:left; margin:0; margin-left:96px; margin-top:-37px; font-size:1.1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#sidebar ul li.widget_twitter li.tab2 a { display:block; height:32px; width:71px; padding-top:8px; padding-right:22px; text-align:center; text-decoration:none; background:url('images/blog-tabs.png') -482px 0 no-repeat; }
#sidebar ul li.widget_twitter li.tab2 a.selected { background-position:-482px -40px; color:#fff; }

#sidebar ul li.widget_twitter #tab1 { position:relative; float:left; width:260px; padding:5px 10px; background:#fff; box-shadow: -2px 2px 2px #9d9d9d; -moz-box-shadow:-2px 2px 2px #9d9d9d; -webkit-box-shadow:-2px 2px 2px #9d9d9d; }
#sidebar ul li.widget_twitter #tab1 .tweet { position:relative; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #000;}
#sidebar ul li.widget_twitter #tab1 .screenName a { width:auto; padding-right:30px; background:url('images/icon-twitter-pink.jpg') right top no-repeat; }

#sidebar ul li.widget_twitter #tab2 { position:relative; float:left; width:260px; padding:5px 10px; background:#fff; box-shadow: -2px 2px 2px #9d9d9d; -moz-box-shadow:-2px 2px 2px #9d9d9d; -webkit-box-shadow:-2px 2px 2px #9d9d9d; }

#sidebar ul li .widgettitle { margin-top:10px; }

#sidebar ul li.widget_recent_entries { margin-top:20px; width:260px; padding:1px 10px 5px 10px; background:#fff; box-shadow: -2px 2px 2px #9d9d9d; -moz-box-shadow:-2px 2px 2px #9d9d9d; -webkit-box-shadow:-2px 2px 2px #9d9d9d;  }
#sidebar ul li.widget_recent_entries h2 { margin:2px 0 0 0; font-size:1.4em; line-height:1.2em; border-bottom:0; }
#sidebar ul li.widget_recent_entries ul li { margin-top:5px; padding-top:5px; border-top:1px dotted #000; }
#sidebar ul li.widget_recent_entries ul li h4 { margin:0; font-size:1.2em; line-height:1.2em; }
#sidebar ul li.widget_recent_entries h4 a { color:#565455; }
#sidebar ul li.widget_recent_entries ul li p { margin-top:0; }

#sidebar ul li.widget_archive h2,
#sidebar ul li.widget_tag_cloud h2,
#sidebar ul li.widget_contact_links h2,
#sidebar ul li.widget_social_links h2 { font-size:1.2em; line-height:1.2em; padding-bottom:0.2em; border-bottom:1px dotted #000; }

#sidebar ul li.widget_archive { margin-bottom:2em; }
#sidebar ul li.widget_archive ul li { display:inline; float:left; font-size:0.9em; line-height:1.2em; margin-bottom:0.5em; width:45%; color:#ED008C; }

#sidebar ul li.widget_tag_cloud { margin-bottom:2em; }
#sidebar ul li.widget_contact_links { margin-bottom:2em; }

#top-tabs { width:670px; margin:0; padding:0; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.2em; line-height:1.2em; }

#top-tabs li { display:block; float:left; width:auto; list-style-type:none; background:url('images/blog-tabs.png') left top no-repeat; }
#top-tabs li a { display:block; height:27px; text-align:center; padding-top:10px; padding-right:14px; font-size:1em; background:url('images/blog-tabs.png') left top no-repeat; text-decoration:none; color:#565455; }

#top-tabs li.tab-general a { width:131px; }

body.category-general #top-tabs li.tab-general a,
#top-tabs li.tab-general a:hover { color:#fff; background-position:0 -40px; }

#top-tabs li.tab-craft a { width:131px; }

body.category-craft #top-tabs li.tab-craft a,
#top-tabs li.tab-craft a:hover { color:#fff; background-position:0 -40px; }

#top-tabs li.tab-sport a { width:86px;  background-position:-200px 0; }

body.category-sport #top-tabs li.tab-sport a,
#top-tabs li.tab-sport a:hover { color:#fff; background-position:-200px -40px; }

#top-tabs li.tab-travel a { width:86px; background-position:-200px 0; }

body.category-travel #top-tabs li.tab-travel a,
#top-tabs li.tab-travel a:hover { color:#fff; background-position:-200px -40px; }

#top-tabs li.tab-leisure a { width:86px; background-position:-200px 0; }

body.category-leisure #top-tabs li.tab-leisure a,
#top-tabs li.tab-leisure a:hover { color:#fff; background-position:-200px -40px; }

#top-tabs li.tab-food a { width:66px; background-position:-400px 0; }

body.category-food #top-tabs li.tab-food a,
#top-tabs li.tab-food a:hover { color:#fff; background-position:-400px -40px; }

.navigation { clear:left; width:670px; padding-top:5px; font-size:0.9em; color:#ED008C;  }
.navigation a { color:#ED008C; }

.alignleft { float:left; margin:0 10px 10px 0px; }
.alignright { float:right; margin:0 0 10px 10px; }