/*
Theme Name:		El Sombrero
Theme URI:		http://www.sombrero.gr
Description:	A tad of Wordpress hooligan style for El Sombrero.
Version:		1.0
Author:			Nevma
Author URI:		http://www.nevma.gr
*/

html { background: #bfbaad url( 'images/background_repeat.jpg' ); }

body { color: black; background: url( 'images/background.jpg' ) 50% 0 no-repeat; font: 12px Arial, Helvetica, sans-serif; text-align: center; position: relative; }

* { padding: 0; margin: 0; }

/* GLOBAL ELEMENTS */
a { color: #AF852B; text-decoration: none; }
    
    a:hover { color: #1a7504; }

	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 15px 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 15px 0; overflow: auto; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }

/* HEADLINES */

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 200%; }

h2 { font-size: 150%; }
	
    h2.page_header { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 150% !important; margin: 0 0 15px 0 !important; padding: 5px 2px !important; }
	
h3 { font-size: 130%; margin: 5px 0;}

	.entry h3 { margin: 20px 0 10px 0; }
	
	.entry h3.top { margin: 15px 0 5px 0 !important; }
	
h4 { font-size: 120%; color: #888; }

/* CORE LAYOUT ELEMENTS */

#container { width: 1020px; margin: 0 auto 0 auto; position: relative; }
					
	#content_box { width: 994px; padding: 0 13px; text-align: left; float: left; clear: both; background: url('images/container_background.jpg') repeat-y; }

    #content_box_header { height: 137px; width: 992px; background: url('images/content_box_header_background.jpg') -14px 0 no-repeat; }
	
		#content { width: 490px; padding: 20px 13px 0 13px; margin: -140px 0 0 0; float: left; font-family: Georgia, serif; }

        #sidebar_container { float: left;  margin: -80px 0 0 0; background: url('images/sidebar_background.jpg') repeat-y }

		.sidebar { }

        #sidebar1 { width: 188px; padding: 0 0 0 15px; float: left; }
        #sidebar2 { width: 260px; padding: 0 0 0 0; float: left; }




            

		
/* THAT'S THE MONOBLOG RSS FEEDS STYLING */

	.footer_rss_container { clear: both; height: 252px; padding: 60px 0 0 10px; background: black url( 'images/footer_rss_container_background.jpg' ) no-repeat; }
    .bottom { background: black url( 'images/footer_rss_container_background.jpg' ) 0 -32px no-repeat; height: 224px; padding-top: 27px; margin-top: -10px;}

    	.footer_rss_container a { color: #c3baaf; }
    	.footer_rss_container a:hover { color: #1a7504; }

        .footer_rss_container .footer_rss { float: left; width: 248px; margin: 5px 12px 5px 5px; padding: 0 20px 0 40px;}
		.footer_rss_container .blog_title { display: block; width: 220px; height: 50px; text-indent: -9999px; margin: 0 auto;}

		.footer_rss_container .clear { clear: both; width: 0; height: 0; margin: 0; padding: 0;}

        .footer_rss_container .footer_rss li { color: #c3baaf; margin: 7px 0; }
        .footer_rss_container .footer_rss li a { text-decoration: none; }

/* THAT'S THE MONOBLOG RSS FEEDS STYLING END */

	#footer { width: 1002px; height: 97px; padding: 10px 20px 0 20px; margin: 0 auto; clear: both; background: center top url('images/footer_background.jpg') no-repeat; position: relative;}

/* HEADER STYLES */

#masthead { width: 990px; height: 191px; }

    #masthead .logo { position: absolute; top: 0; left: 0px; }

    #masthead h1,
    #masthead h3 { display: none; }

ul#nav { list-style: none; width: 968px; padding: 0 0 0 15px; height: 41px; line-height: 41px; background: url('images/nav_background.jpg') no-repeat; color: white; position: absolute; top: 132px; left: 20px; }
    
	ul#nav li { margin: 0 18px; padding: 0 4px; height: 41px; line-height: 41px; font: 18px Impact, MgAntique, Arial, Tahoma, Helvetica, sans-serif; text-align: center; float: left; }
	
		ul#nav li a { color: white; text-decoration: none; height: 41px; line-height: 41px; }
	
		ul#nav li a:hover,
        ul#nav li a.current { color: #DFDDCA; }
        
    ul#nav li.searchform { float: right; text-align: right; }
        ul#nav li.searchform form { position: relative; width: 230px;}
            ul#nav li.searchform form label { position: absolute; top: 9px; left: 0; }
            ul#nav li.searchform form input { position: absolute; top: 9px; left: 65px; width: 134px; padding: 4px 6px 0 6px; height: 18px; background: url( 'images/search_background.jpg' ); font-family: Tahoma, sans-serif; font-size: 11px; color: black; }
            ul#nav li.searchform form input.submit { position: absolute; top: 9px; left: 217px; width: 15px; height: 15px; background: none; }
    
    ul#nav li.rss { padding: 10px 0 10px 0; float: right; }
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }

    #links_hover_links { display: none; position: absolute; top: 33px; z-index: 999; line-height: 20px; width: 175px; left: 0; margin: 0; padding: 0; text-align: left; background: black; color: white; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius-bottom-right: 12px; -webkit-border-radius-bottom-left: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
    #links_hover_links a { display: block; margin: 0; padding: 0 7px;}

#header_img { position: relative; margin: 0 0 30px 0; border-bottom: 1px solid #000; float: left; clear: both; }

	#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */

/* CONTENT STYLES */

.post_date { float: left; width: 54px; height: 63px; margin: 0 0 0 5px; background: url('images/date_background.gif') no-repeat; font-family: Georgia, serif; font-weight: bold; text-align: center; }
    .post_date .day { color: #1b7504; font-size: 22px; line-height: 26px; }
    .post_date .month { color: black; font-size: 19px; line-height: 18px; }
    .post_date .year { color: #DBB259; font-size: 14px; line-height: 14px; }

.post_header { margin: 0 0 0 70px; }
    .post_header h2,
    .post_header h2 a { font-family: 'Myriad Pro', Tahoma, sans-serif; font-size: 26px; font-weight: bold; color: black; }
    .post_header h2 a:hover { color: #CF9F3A; }

.post_comments { margin: 7px 0 0 0; padding: 0 0 4px 0; border-bottom: 1px dotted black; }
    .post_comments img { vertical-align: middle; }

.post_author { color: #1b7504; padding: 5px; border: 1px solid #1b7504; margin: 0 0 10px 0; }

.post_tags { margin: 0 0 15px 0; }
    .post_tags img { vertical-align: middle; }
    .post_tags a { color: #AF852B; }
    .post_tags a:hover { color: #1a7504; }

.entry { line-height: 18px; margin-top: 10px;}

	.entry blockquote { font-size: 110%; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, 
            .entry blockquote.left p { margin: 0 !important; }
	
	.entry p { margin: 0 0 15px 0; }

	.entry ul, 
    .entry ol { margin: 0 0 15px 40px; }
    	.entry li { margin: 0 0 7px 0; }
			.entry ul li ul, 
            .entry ul li ol, 
            .entry ol li ul, 
            .entry ol li ol { margin: 7px 0 7px 30px; }
	
	.entry dl { margin: 0 0 15px 0; }
			
		.entry dt { margin: 0 0 15px 0; }
		
		.entry dd { margin: 0 0 15px 20px; }
		
	.entry .ad { margin: 0 0 7px 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 7px 0; float: left; }

	.entry img { padding: 4px; border: 1px solid #969696; }

		.entry img.left { padding: 3px; margin: 7px 15px 7px 0; border: 3px double #bbb; float: left; clear: left; }
		.entry img.right { padding: 3px; margin: 7px 0 7px 15px; border: 3px double #bbb; float: right; clear: right; }
		.entry img.center { display: block; padding: 3px; margin: 0 auto 15px auto; border: 3px double #bbb; float: none; clear: both; }
		.entry img.off { padding: 0 !important; border: none !important; }
		.entry img.stack { clear: none !important; }

.tagged { padding: 5px 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 110%; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 3px; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 500px; font-size: 16px; float: left; margin: 10px 0;}
	
	.previous { padding: 0 20px 0 0; float: left; font-weight: bold; }
	
	.next { float: right; font-weight: bold; }

.clear { width: 500px; height: 1px; margin: 0 0 10px 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 20px 0 !important; }

.whitespace { margin: 0 0 30px 0 !important; }

/* SIDEBAR STYLES */

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, 
    ul.sidebar_list li.linkcat { margin: 0 0 15px 0; }
    ul.sidebar_list li#ad-rotator-1 { margin: 0 0 10px 0; }

		li.widget h2, 
        li.linkcat h2 { font-family: "Myriad Pro", Tahoma, sans-serif; font-weight: bold; font-size: 22px; color: black; padding: 5px 8px;}

        #sidebar1 ul.sidebar_list li.widget h2,
        #sidebar1 ul.sidebar_list li.linkcat h2 { line-height: 41px; background: url('images/sidebar1_header_background.gif') 0 0 no-repeat; }
        #sidebar2 ul.sidebar_list li.widget h2,
        #sidebar2 ul.sidebar_list li.linkcat h2 { line-height: 39px; background: url('images/sidebar2_header_background.gif') 0 0 no-repeat; }

		li.widget p { margin: 0 0 15px 0; padding: 0 10px; }
		
		li.widget ul, 
        li.linkcat ul { list-style: disc; margin: 0 0 7px 25px; }
		
		li.widget ol, 
        li.linkcat ol { margin: 0 0 7px 25px; }
		
			li.widget li, 
            li.linkcat li { margin: 0 0 7px 0; }
			
				li.widget li a, 
                li.linkcat li a { color: black; text-decoration: none; }
                li.widget li a:hover, 
                li.linkcat li a:hover { color: #1a7504; }
				
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
				li.widget ul.flickr_stream li a img { padding: 3px; }
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/* FLICKRRSS STYLES FOR THE WIDGET ONLY */
		
			li.widget_flickrrss { }
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				li.widget_flickrrss a:hover img { background: #ff2a96; }

    ul.sidebar_list li.widget_authors ul { list-style: none; margin: 5px 5px 10px 15px; }
    ul.sidebar_list li.widget_authors ul li { background: url( 'images/authors_bullet.gif' ) no-repeat; padding: 0 0 0 20px; }

    ul.sidebar_list li.widget#recent-posts ul,
    ul.sidebar_list li.widget#recent-comments ul { color: black; list-style-type: none; margin: 0 0 0 8px; padding: 0; }
    ul.sidebar_list li.widget#recent-posts ul li,
    ul.sidebar_list li.widget#recent-comments ul li { border-bottom: 1px dotted black; padding: 0 0 5px 0; }
    ul.sidebar_list li.widget#recent-posts ul li a,
    ul.sidebar_list li.widget#recent-comments ul li a { color: black; }
    ul.sidebar_list li.widget#recent-posts ul li a:hover,
    ul.sidebar_list li.widget#recent-comments ul li a:hover { color: #7CAF00; }

    .textwidget { padding: 3px 5px; }

        /* CALENDAR WIDGET STYLES */
		
		#calendar_wrap { font-size: 120%; }

        .adrotatorwidget div { margin: 0; padding: 0; text-align: right; font-size: 90%; }
        .adrotatorwidget div a { color: gray; text-decoration: none; }
        .adrotatorwidget div a:hover { color: #90B92D; text-decoration: underline; }

	ul.sidebar_list li.dfrads {text-align: center;}

/* FOOTER STYLES */

#footer p { margin: 0 0 15px 0; font-size: 120%; text-align: right; font-family: Georgia, serif; }

	#footer a { color: #303237; text-decoration: none; margin: 0 5px; }
		
		#footer a:hover { color: #B78B5B; }

/* COMMENT STYLES */

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 20px 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 15px 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 15px 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 15px 0; }
			
				.comment_num { padding: 0 25px 0 20px; font-weight: bold; font-size: 140%; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 140%; }
					
				.comment_time { color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 10px 0; }

#comments h2 a { font-family:Arial,Helvetica,sans-serif; }

#comments img { border: none; }

/* COMMENT FORM STYLES */

#comment_form { width: 500px; padding: 10px 0 0 0; float: left; }

	#comment_form p { padding: 5px 25px 5px 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-family: "Century Gothic";}

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
		
		#comment_form .text_area { width: 90% !important; }
	
	    #comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 5px 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 120%; }
		
			#comment_form p.subscribe-to-comments label { }

/* SEARCH FORM STYLES */

#search_form { height: 41px;}

	#search_form .search_input { font-family: "Bookman Old Style", serif; font-size: 80%; border: none; color: white; }

#idSiteMeterHREF { position: absolute; bottom: 47px; left: 50%; margin-left: -6px; }

#wpstats { position: absolute; bottom: 54px; left: 50%; margin-left: 20px; }

