﻿/*
Theme Name: FrancoG
*/
/*
-------------------------------------------------------
MAIN STRUCTURE
-------------------------------------------------------
*/
*{margin:0;padding:0;}
html{background:#2398e8 url(images/body-bg.jpg) repeat-x;}
body{color:#666;font:12px Verdana, Arial, Helvetica, sans-serif;background:url(images/blog-bg.jpg) repeat-y 0 0;}
#main{width:1000px;background:url(images/header.jpg) no-repeat;position:relative;zoom:1;}
#blog{text-align:left;}
/*
-------------------------------------------------------
CONTENT FORMAT and RESET(s)
-------------------------------------------------------
*/
a{text-decoration:none;color:#0194fd;}
img{border:none;}
ul,ol{list-style:none;}
abbr{border-style:dashed;border-width:0 0 1px 0;cursor:help;}
blockquote{
	padding:2px 10px;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: italic;
	background-color:#EFEFEF;
	border-left: 3px solid #AFAFAF;
}
pre,code,.syntax_hilite{font:1.1em 'Courier New',Courier,monospace;}
form *{font:1em Verdana, Arial, Helvetica, sans-serif;}
small{font-size:0.9em;}

.ac{text-align:center;float:none;}
.ar{float:right;}
.al{float:left;}

.txt{line-height:1.6em;}
.txt p,.txt ul,.txt ol,.txt li,.txt pre,.syntax_hilite{margin:1em 0;}
.txt ul{list-style-type:square;}
.txt ol{list-style-type:decimal-leading-zero;}
.txt li{margin-left:1.5em;list-style-position:inside;}
.txt li li{margin-left:1.5em;}
.txt img{max-width:400px;}
.txt a img{text-decoration:none;}
/*
-------------------------------------------------------
HEADER
-------------------------------------------------------
*/
#header{height:165px;position:relative;zoom:1;}
#header a#home{width:250px;height:150px;display:block;position:absolute;top:0;left:65px;}
/*
-------------------------------------------------------
CONTENT
-------------------------------------------------------
*/
#content{width:420px;padding-left:75px;float:left;}
/*
-------------------------------------------------------
SIDEBAR
-------------------------------------------------------
*/
#sidebar{margin-left:20px;width:480px;float:left;font-size:11px;color:#ece9e0;position:relative;zoom:1;}

#side_top_links{width:84px;height:30px;background:url(images/side-top-links.jpg) no-repeat; position:absolute; left:65px; top:8px;}
#side_top_links a{display:block;float:left;width:28px;height:30px; }
#side_top_links a strong{display:none;}

#left_sidebar{float:left;width:200px;padding:45px 15px 0 15px;}
#left_sidebar h3{font-size:14px;line-height:30px;padding-right:20px;border-bottom:1px solid #135da5;border-top:1px solid #135da5;color:#ece9e0;}
#left_sidebar ul{margin:5px 0 30px 0;}
#left_sidebar ul li{line-height:24px;padding-right:20px;background:url(images/side-bullet.jpg) no-repeat right center;}
#left_sidebar ul li a{color:#8ac9fd;}
#left_sidebar h3.last_com{border-top:none;}
#left_sidebar ul.last_com li{line-height:20px;}


#left_sidebar form#search_form{margin:5px 0 30px 0;}
#left_sidebar form#search_form input{border-width:1px;padding:2px; width:170px;}
#left_sidebar form#search_form input.submit{ width:20px; padding:1px;font-weight:bold; color:#333;}


#right_sidebar{margin-left:228px;width:230px;padding:60px 5px 0 12px;}
#right_sidebar #twitter{width:228px;height:115px;margin:10px 0;background:url(images/twitter.jpg) no-repeat;}
#right_sidebar #twitter p{padding:40px 5px 0 15px;color:#000; font-weight:bold;}
#right_sidebar #flickr{width:228px;height:239px;background:url(images/flickr.jpg) no-repeat;}
#right_sidebar #flickr p{ padding:50px 0 0 15px; height:140px;}
#right_sidebar #flickr p a{margin:1px;padding:0;display:inline; padding:2px; background:#FFF; float:left;}
#right_sidebar #flickr p img{width:60px;display:inline;}
#right_sidebar h3{font-size:14px;line-height:30px;border-bottom:1px solid #d8ceaf;color:#b09b5b;}
#right_sidebar ul{margin:5px 0 30px 0;}
#right_sidebar ul li{line-height:24px;padding:5px;background:#ece7da;margin:3px 0;}
#right_sidebar ul li a{color:#a18f5a;}
#right_sidebar ul.blogroll li{background:none;margin:3px 0;border-bottom:1px solid #f2efe6;}

#sidebar #right_sidebar ul#asides{color:#444;}
/*
-------------------------------------------------------
POSTS
-------------------------------------------------------
*/
.post{margin:10px 0 50px 0;width:420px;}
.post h2{color:#006699;font-size:18px; line-height:1.6em;}
.post h2 a{color:#006699;}
.post_title{background:url(images/date-box.jpg) no-repeat;padding-left:60px;color:#999; position:relative;zoom:1;}
.date_box{color:#434343;position:absolute;width:52px;top:4px;left:0;font-size:14px;line-height:18px;text-align:center;font-weight:bold;}
.date_box strong{color:#FFF;font-size:16px;line-height:25px;}
.post .txt{margin-top:15px;}

.navigation{margin:15px 0;width:420px;}
/*
-------------------------------------------------------
COMMENTS
-------------------------------------------------------
*/
#comments{margin:10px 0;padding:10px 0 20px 0;}
ol.commentlist li{padding:10px 0;border-bottom:1px dotted #CCC;margin:10px 0;}
ol.commentlist li h3{font-size:12px;line-height:18px;font-weight:normal;}
#reply_box{padding:15px 0;margin:10px 0;}
#reply_box h3{color:#006699;font-size:16px;line-height:26px;}
#reply_box form{margin-top:10px;}
#reply_box p{margin:8px 0;}
#reply_box input,#reply_box textarea{width:200px;padding:3px;border-width:1px;}
#reply_box textarea{height:100px;width:400px;overflow:auto;}
#reply_box input.submit{font-weight:bold;width:410px; text-align:center;}
/*
-------------------------------------------------------
NAVIGATION
-------------------------------------------------------

.pagination{margin:1em 0;padding:15px 30px;border-style:solid;border-width:2px 0 1px 0;}
.pagination a,.pagination span{padding:3px;margin:0 3px;border-width:1px;border-style:solid;font-weight:bold;}
.pagination span.current{border:none;}
.single .pagination{text-align:center;}
.single .pagination a{margin:0 10px;border:none;}
/*
-------------------------------------------------------
FOOTER
-------------------------------------------------------
*/
#footer{clear:both; height:110px;background:url(images/footer.jpg) no-repeat;}
img#bg_fix{position:absolute;left:0;top:0;}



.float-r{margin: 0 0 10px 10px; float:right;}
.float-l{margin: 0 10px 10px 0; float:left;}
