/* @override http://www.titonet.com/wp-content/themes/cleartypeone-free/cleartypeone/style.css */
/*
Theme Name: cleartypeone
Theme URI: http://www.themelayouts.com/
Description: Designed by ThemeLayouts.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/
/*
Lars Koudal customizations
*/
#social_nav_horizontal {
margin-left: 100px;
/*font-family: Futura, Verdana, Sans-Serif;*/
background-color: #eee;
font-size: 18px;
border: 1px solid grey;
padding:20px;
margin: 10px;
}
#social_nav_horizontal h3 {
}
#social_nav_horizontal ul {
margin: 0;
padding: 0;
margin-top:20px;
}
#social_nav_horizontal ul li {
/* float: left;*/
padding: 5px 0 0 5px;
margin-left: 5px;
list-style-type: none;
}
#social_nav_horizontal ul li a {
padding: 4px 0 0 28px;
height: 32px;
color: #999;
text-decoration: none;
line-height: 1.45em;
}
.delicious {
width: 16px;
height: 16px;
background:url(images/Delicious.png) no-repeat;
background-position:0px -1px;
}
.facebook {
background:url(images/Facebook.png) no-repeat;
background-position:0px -1px;
}
.stumbleupon {
background:url(images/Stumbleupon.png) no-repeat;
background-position:0px -1px;
}
.twitter {
background:url(images/Twitter.png) no-repeat;
background-position:0px -1px;
}
.navigation { font: 12px Arial, Helvetica, sans-serif; color: #585858; }
/* Normal Tags */
body {margin: 0; padding: 0; }
a, a:link, a:active, a:visited { color: #4c7cb6; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 5px 0 5px 0; margin: 0; }
blockquote, blockquote blockquote blockquote { margin: 0 5px; padding: 10px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #e5e5e5; }
blockquote blockquote { margin: 0 5px; padding: 10px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #ffffff; }
img, a img { border: 5px solid #eeeeee; padding: 4px; margin: 0; background: none; }
input, textarea { font-family: Tahoma, Geneva, sans-serif sans-serif; font-size: 12px; color: #585858; margin: 2px; padding: 4px; }
ul, ol { margin-bottom: 0; padding: 0 15px 0 15px; }
/* Wordpress Classes */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: none; text-align: center; background-color: #eeeeee; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; font-family: Tahoma, Geneva, sans-serif; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.navigation { display: block; padding: 0; margin: 0 0 20px 0; overflow: hidden; }
.wp-smiley { background: none; border: none; padding: 0; margin: 0; }
/* Layout Styles */
.clearer { clear: both; }
#header { width: 950px; height: 128px; margin: 0 0 22px 0; padding: 0; }
/* Logo & Search */
#headiv { width: 950px; height: 93px; margin: 0; padding: 0; overflow: hidden; }
#blogname { text-align: left; background: url(http://www.titonet.com/wp-content/uploads/2010/04/logo2.png)no-repeat}
#blogname #logo { background: none; border: none; padding: 0; margin: 0px 0 0 0; }
/* Topnav */
#topnav { width: 950px; height: 35px; /*background: url(images/topnavbg.gif) no-repeat;*/ background-color: #7894BF; padding-bottom:5px;}
/* Top Nav UL */
#topnav ul { list-style-type: none; list-style-image: none; margin: 1px 0 0 0; padding: 0; display: inline-block; /*border-right: 1px solid #ffffff;*/ float: right; }
#topnav ul li { float: left; display: inline; margin: 0; padding: 0; }
/* Top Nav Links */
#topnav ul li a, #topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited { display: block; float: left; font: 18px Tahoma, Geneva, sans-serif bold; color:#ffffff; padding: 8px 22px 15px 22px;/* border-right: 1px solid #e1e1e1; border-left: 1px solid #ffffff; */}
#topnav ul li a:hover { text-decoration: underline; }
#topnav ul li.current_page_item a, #topnav ul li.current_page_item a:link, #topnav ul li.current_page_item a:active, #topnav ul li.current_page_item a:visited { font-weight: bold; }
#home #topnav ul li.home a, #nothome #topnav ul li.home a{ font-weight: bold; border-left: none; }
#nothome #topnav ul li.home a { font-weight: normal; }
/* Feed */
#feed { width: 320px; float: right; margin: 13px 0px 0 0; /*margin-right:-93px;*/
margin-top:65px; }
#feed span {font:bold 13px Arial, Helvetica, sans-serif; text-align: left; line-height: 21px; color: #7894BF; margin:0 0 0px 182px;}
#feed a.feed { display: inline-block; background: url(images/feed.gif) no-repeat top left; padding: 0 0 0 20px; margin: 0 10px 10px; 0; text-align: left; font: bold 11px Tahoma, Geneva, sans-serif; line-height: 21px; float: left;}
#feed a.email { display: inline-block; background: url(images/email.gif) no-repeat top left; padding: 0 0 0 20px; margin: 0; text-align: left; font: bold 11px Tahoma, Geneva, sans-serif; line-height: 21px; float: left; margin-left:5px;
margin-right:5px; }
#socialmedia { border: 1px solid grey; float:right; padding:6px; margin-left:10px; clear: left;}
/* Featured */
div.post p {margin-top:-5px;}
#featured { width: 640px; margin: 0 0 5px 0; background: url(images/hentrytopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#featured2 { width: 640px; margin: 0; background: url(images/hentrybottombg.gif) no-repeat bottom left; padding: 0 0 0px 0; height: 220px;}
#featured .bg { width: 640px; margin: 0; background:url(images/hentrybg.gif) repeat-y; padding: 0; }
#featured .bg2 { width: 640px; margin: 0; background: url(images/hentrybg.gif) no-repeat; padding: 0; height:210px; }
#featured .etext { width: 610px; margin: 0 20px; padding: 0; font: 14px Arial, Helvetica, sans-serif; text-align: left; line-height: 21px; color: #585858; }
#featured .eimage { width: 180px; min-height: 150px; margin: 0 20px; padding: 0; float:left; clear:left;}
#featured .eimage img{ padding: 0px;margin: 0px; padding-left:-20px; margin-left: -20px; margin-right: -20px;}
#featured h2 { font: 26px Calibri, Arial, Helvetica, sans-serif; line-height: 28px; margin: 0 0 5px 0; padding: 0; }
#wrapper { width: 950px; margin: 0; padding: 0; overflow: hidden; }
/* Content */
#content { width: 660px; float: left; font: 14px Arial, Helvetica, sans-serif; color: #585858; line-height: 21px; text-align: left; }
/* Home Entry Boxes */
#content #entries { width: 660px; overflow: hidden; }
#content #entries .entry { width: 660px; float: left; margin: 0 20px 20px 0; background: url(images/hentrytopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#content #entries .entry .entry2 { width: 640px; margin: 0; background: url(images/hentrybottombg.gif) no-repeat bottom left; padding: 0 0 5px 0; }
#content #entries .entry .bg { width: 640px; margin: 0; background: url(images/hentrybg.gif) repeat-y; padding: 0; }
#content #entries .entry .etext { width: 570px; min-height: 250px; margin: 0 20px; padding: 0; /*font-size:14px;*/ }
#content #entries .entry .eimage { width: 180px; min-height: 160px; margin: 0 25px; padding: 0; float:left; clear:left;}
#content #entries .entry .eimage img{ padding: 0px;margin: 0px; /*padding-left:20px;*/ margin-left: -20px; margin-right: -20px;}
/* Content Headlines */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 3px 0;}
#content h3, #content h4, #content h5, #content h6 { font-weight: bold; }
#content #entries .entry h2 { font-size: 22px; line-height: 24px; }
#content #single .entry h2 { font-size: 24px; line-height: 26px; font-color:#4C7CB6; }
#content #entries h5 { text-transform: uppercase; padding:0; margin: 0 0 7px 0; }
#content h3.arc { font-weight: normal; color: #aeaeae; margin: 0 0 7px 20px; }
.entryinfo { font: 11px Tahoma, Geneva, sans-serif; line-height: 19px; margin: 0; padding: 0; color: #999999; }
.ehead { margin: 0 0 12px 0; }
/* Normal (in Single Pages Entries */
#content #single .entry { width: 640px; margin: 0 0 20px 0; background: url(images/sentrytopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#content #single .entry .entry2 { width: 640px; margin: 0; background: url(images/sentrybottombg.gif) no-repeat bottom left; padding: 0 0 5px 0; }
#content #single .entry .bg { width: 640px; margin: 0; background: url(images/sentrybg.gif) repeat-y; padding: 0; }
#content #single .entry .etext { width: 600px; margin: 0 20px; padding: 0; font-size:14px; }
/* Commentlist - comments/replies list */
ol.commentlist { list-style-type: none; margin: 0; padding: 0; }
ol.commentlist li { margin: 0 0 25px 0; background: none; border: none; padding: 10px; }
ol.commentlist li.alt { background: #f0f0f0; border: 1px solid #e5e5e5; }
ol.commentlist li ul.children { list-style-type: none; list-style-image: none; }
ol.commentlist li.alt ul.children li, ol.commentlist li ul.children li.alt ul li { background: #ffffff; border: 1px solid #e0e0e0; }
ol.commentlist li.alt ul.children li ul li { background: #f4f4f4; border: 1px solid #eeeeee; }
.avatar { float: left; margin-right: 5px; background: none; border: none; }
/* Comment Form */
input#author, input#email, input#url, textarea#comment { background: #fcfcfc; border: 1px solid #d0d0d0; }
/* Sidebar */
#sidebar { width: 290px; float: right; font: 12px Arial, Helvetica, sans-serif; color: #4C7CB6; line-height: 21px; text-align: left; }
#sidebar .widget { width: 290px; float: left; margin: 0 0 20px 0; background: url(images/sidewtopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#sidebar .widget .widget2 { width: 290px; margin: 0; background: url(images/sidewbottombg.gif) no-repeat bottom left; padding: 0 0 20px 0; }
#sidebar .widget .bg { width: 290px; margin: 0; background: url(images/sidewbg.gif) repeat-y; padding: 0; }
#sidebar .widget .w { width: 260px; margin: 0 15px; padding: 0; }
/* Sidebar Headlines */
#sidebar h2 { font-family: Calibri, Arial, Helvetica, sans-serif; margin: 0 0 3px 0; font-size: 16px; }
/* Ads Spots 125x125 */
#sidebar .adspotdiv { width: 290px; float: left; margin: 0 0 25px 0; background: url(images/sidewtopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#sidebar .adspotdiv2 { width: 290px; margin: 0; background: url(images/sidewbottombg.gif) no-repeat bottom left; padding: 0 0 20px 0; }
#sidebar .adspotdiv .bg { width: 290px; margin: 0; background: url(images/sidewbg.gif) repeat-y; padding: 0; }
#sidebar .adspotdiv .adspot { width: 260px; margin: 0 15px; padding: 0; }
.adspot { overflow: hidden; }
#sidebar .adspotdiv .adspot a img, #sidebar .adspotdiv .adspot img { padding: 0; margin: 0; border:none; background: none; }
.adspot2 { overflow: hidden; margin-bottom: 10px; padding: 0; }
.adspot3{ overflow: hidden; }
.ad1, .ad3 { float: left; }
.ad2, .ad4 { float: right; }
/* Sidebar UL, OL */
#sidebar ul, #bottombar ul { list-style-type: none; margin: 0; padding: 0 0 0 15px; }
#sidebar ul li, #sidebar ol li, #bottombar ul li, #bottombar ol li { margin: 0; padding: 4px; Border-bottom: 2px solid #ccc; font-size:14px;}
/* Search */
#topsearch { width: 290px; margin: 0 0 21px 0; background: url(images/sbg.gif) no-repeat; }
#s { width: 204px; float: left; background: none; padding: 14px 8px; margin: 0; border: none; }
#searchsubmit { color: #aeaeae; background: url(images/ssbg.gif) no-repeat; float: left; padding: 6px 8px ; margin: 6px 0 0 2px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; cursor: pointer; border: none; text-transform: lowercase; }
/* Bottombar */
/* Bottom Headlines */
#bottombar h2 { font-family: Calibri, Arial, Helvetica, sans-serif; margin: 0 0 3px 0; font-size: 16px; font-weight: bold; font-color: #4C7CB6; }
#home #bottom { width: 982px; margin: 0 0 20px 0; background:#4C7CB6; padding: 20px 0 0 0; }
#home #bottom2 { width: 982px; margin: 0; background:#EAEEF2; padding: 0 0 20px 0; }
#home #bottom #bottombar { width: 930px; margin: 0 0 0 -35px; padding: 0; overflow: hidden; }
#home #bottom #bottombar .widget { width: 280px; float: left; margin: 25px 15px 25px 15px; font: 12px Arial, Helvetica, sans-serif; color: #4C7CB6; line-height: 21px; text-align: left; }
#nothome #bottom { width: 982px; margin: 0 0 20px 0; background: #4C7CB6; padding: 20px 0 0 0; }
#nothome #bottom2 { width: 982px; margin: 0; background: #EAEEF2; padding: 0 0 20px 0; }
#nothome #bottom #bottombar { width: 930px; margin: 0 0 0 -35px; padding: 0; overflow: hidden; }
#nothome #bottom #bottombar .widget { width: 280px; float: left; margin: 25px 15px 25px 15px; font: 12px Arial, Helvetica, sans-serif; color: #4C7CB6; line-height: 21px; text-align: left; }
/* #bottombar h2 { font-family: Calibri, Arial, Helvetica, sans-serif; margin: 0 0 3px 0; font-size: 16px; font-weight: bold; }
#home #bottom { width: 640px; margin: 0 0 20px 0; background: url(images/sentrytopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#home #bottom2 { width: 640px; margin: 0; background: url(images/sentrybottombg.gif) no-repeat bottom left; padding: 0 0 20px 0; }
#home #bottom #bg { width: 640px; margin: 0; background: url(images/sentrybg.gif) repeat-y; padding: 0; }
#home #bottom #bottombar { width: 615px; margin: 0 0 0 20px; padding: 0; overflow: hidden; }
#home #bottom #bottombar .widget { width: 190px; float: left; margin: 0 15px 0 0; font: 12px Arial, Helvetica, sans-serif; color: #585858; line-height: 21px; text-align: left; }
#nothome #bottom { width: 950px; margin: 0 0 20px 0; background: url(images/featuredtopbg.gif) no-repeat top left; padding: 20px 0 0 0; }
#nothome #bottom2 { width: 950px; margin: 0; background: url(images/featuredbottombg.gif) no-repeat bottom left; padding: 0 0 20px 0; }
#nothome #bottom #bg { width: 950px; margin: 0; background: url(images/featuredbg.gif) repeat-y; padding: 0; }
#nothome #bottom #bg2 { width: 950px; margin: 0; background: url(images/featuredbg2.gif) no-repeat; padding: 0; }
#nothome #bottom #bottombar { width: 930px; margin: 0 0 0 20px; padding: 0; overflow: hidden; }
#nothome #bottom #bottombar .widget { width: 290px; float: left; margin: 0 20px 0 0; font: 12px Arial, Helvetica, sans-serif; color: #585858; line-height: 21px; text-align: left; }*/
/* Footer */
#footer { width: 982px; overflow: hidden; padding: 0; margin: 0 0 20px 0; }
#fl { display: block; overflow: hidden; margin: 0 0 15px 0; }
/* Bottom Nav UL */
#fl ul { list-style-type: none; list-style-image: none; margin: 13px 0 0 0; padding: 0; border-right: 1px solid #d4d4d4; }
#fl ul li { float: left; display: inline; margin: 0; padding: 0; }
/* Top Nav Links */
#fl ul li a, #fl ul li a:link, #fl ul li a:active, #fl ul li a:visited { display: block; float: left; font: bold 14px Tahoma, Geneva, sans-serif; padding: 1px 22px 1px 22px; border-right: 1px solid #e1e1e1; border-left: 1px solid #ffffff; }
#fl ul li a:hover { text-decoration: underline;}
#home #fl ul li.home a, #nothome #fl ul li.home a { border-left: none; }
#fr { font: 12px Arial, Helvetica, sans-serif; line-height: 21px; text-align: left; margin: 0 20px 0 13px; color: #656565; }
#fr a { color: #444444; font-weight: bold; }
a.nextpostslink {font-size:18px;}
a.previouspostslink {font-size:18px; margin-right:6px}