@import "layout.css";
@import "pp_album.css";

body, html { margin:0; padding:0; }

body { margin:20px 0 0 0; padding:0; font-family: verdana, Georgia, Times, Times New Roman, sans-serif; font-size: 0.8em; text-align:center; color:#0B244E; line-height:1.3em; background: #c1d2e3; }

*::-moz-selection { background-color:#990099; color:white; }

/*----------- GENERAL STYLING --------------*/
a { color: #990099; text-decoration:none; }
a:visited { color: #990099; }
a:hover { color: #0B244E; text-decoration:underline; }

/*------ HEADER ------*/
#title_image { margin:0; display:block; height:260px; background:url('images/headers/header_Namebay_news.jpg'); }

#content h2 { color:#515151; padding:0; margin:0; border:none; }
#content h2 a { text-decoration:none; border:none; }
#content h2 a:hover { border-bottom:1px dotted silver; }

ul#content  { margin-left: 0; padding-left: 25px; list-style-type: none; }
ul#content li { background: url(images/bullet.gif) no-repeat 0 1px; padding-left: 1.5em; }
ol#content li { list-style-type:decimal; list-style-position:inside; background:transparent; padding-left:0; }
ol#content li li { padding-left:2em; }

hr { display:none; clear:both; }
h3, h4 { color:#515151; padding:0; margin:2em 0 0 0; clear:both; }
label { font-size:.9em; }

input, textarea { background: #FFFFFF; border: #CCCCCC 1px solid; }

textarea { overflow:auto; display:block; width:100%; }

a img { border: 0 none; }

form { padding:0; margin:0; }

pre, code { display:block; font: 1em 'Courier New', Courier, Fixed, monospace; font-size : 100%; color: #000; background : #fff url(images/preback.jpg) no-repeat left top; overflow : auto; text-align:left; border : 1px solid #99cc66; /*highlight color */ padding : 0px 20px 0 30px; margin:1em 0 1em 0; line-height:17px; }

.alt { background-color:#F5F5F5 !important; }

.icon { vertical-align:middle; border:0; }
.with_icon { padding:2px 0 2px 0 }

.navigation { clear:both; padding:0; display:block; }

.alignleft { display:block; }
.alignright { display:block; }

/*------- SIDEBAR ---------*/

#sidebar h2 { margin: 10px 0px 0px 0px; padding: 0; line-height: 26px; font-size: 12px; color: #FFFFFF; text-align:center; background-color: #0B244E; height:26px; font-weight:bolder; }
#sidebar ul { list-style-type: none; padding: 0 5px 5px 5px; margin: 0; font-size: 0.9em; background:#EEEEEE; border:#c3c3c3 1px solid; border-top:#c3c3c3 1px solid; }
#sidebar ul li { margin: 0.1em 0 0 0; padding: 0; }
#sidebar ul li a { text-decoration: none; border:none; font-weight: normal; letter-spacing: -1px;  }
#sidebar ul li a:link { color: #003366; text-decoration:none }
#sidebar ul li a:visited { color: #990099; text-decoration:none }
#sidebar ul li a:hover, #sidebar ul li a:active { color: #990099; text-decoration:none }
#sidebar ul ul { list-style-type: none; padding: 5px; margin: 0; font-size: 1em; background:none; border:none; }
#sidebar ul ul li { margin:0; padding:0; padding-left:10px; margin-left:0px; background:url(images/bullet.gif) no-repeat left; }

/*------- NAVBAR ---------*/

#navbar ul, #navbar ol { list-style-type:none; list-style-position:outside; padding:0; margin:0; }
#navbar ul li, #navbar ol li { font-size: 1em; } 
#navbar ul ul li, #navbar ol ol li { background:transparent url(images/bullet.gif) 0px .5em no-repeat left; padding-left:8px; }

.menu ul { list-style-type:none; margin:0; padding:0; height:22px; overflow:hidden; }
.menu li { background:none; padding:0; display:table-row; vertical-align:middle; float:left; height:22px; margin: 0; }
.menu li.last_menu, .menu li.right_menu { float:right; margin: 0 22px 0 0; padding: 0; }
.menu li a { font-size:.8em; line-height:normal !important; line-height:22px; display:table-cell; vertical-align:middle; height:22px; padding:0 10px 0 10px; background:url(images/menu/menu_triple.gif) top left transparent repeat-x; text-decoration: none;  font-weight: bold; }
.menu li a:hover, .menu li a:active { background-position:center left; color:#990099; text-decoration:none;}
.menu li.current_page_item a { background-position:bottom left !important; color:#1F3700 !important; }

.menu li a.first_menu { padding-left:35px; background-repeat:no-repeat; background-image:url(images/menu/menu_start_triple.gif); }
.menu li a.last_menu { padding-right: 35px; background-repeat:no-repeat; background-image:url(images/menu/menu_end_triple.gif); background-position:top left;}
.menu li a.last_menu_off { padding-right: 10px; background-repeat:no-repeat; background-image:url(images/menu/menu_end_triple.gif); background-position:top left; }
.menu li a.last_menu:hover, .menu li a.last_menu:active { background-position:center right; }

.menu li a { color:#0B244E; text-decoration:none; }
.menu li.lang_menu { float:right; }
.menu li.lang_menu a span { width:19px; height:22px; overflow:hidden; text-indent:100px; display:block; }
.menu li.lang_menu a { display:block; width:19px; cursor:pointer; }

/*--------- LANGS ----------*/

.menu li.lang_menu#fr_fr a span { background:url(images/lang_fr.gif) left transparent no-repeat; }
.menu li.lang_menu#en_US a span { background:url(images/lang_en.gif) left transparent no-repeat; }

/*-------- FOOTER ---------*/

#footer .footer_content { color: #999999; width:950px !important; width:950px; display:block; margin-right:auto; margin-left:auto !important; /* stupid ie... */ margin-left:1px; margin-top:0px; padding:30px 10px 30px 30px; text-align:center; }

/*-------- POST --------*/

.post { margin-bottom:10px; padding: 0; }

.post-date { float: left; color: #990099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center; font-weight: bold; margin: 3px 10px 0 0; padding: 8px 3px; width: 55px; background: #EEEEEE; line-height:10px; }
.post-info { font-size:0.85em; font-family: Verdana, Arial, Sans-Serif; margin:0; padding: 0 0 10px 0; color:#333; }
.post-title { font-family:Verdana, Arial, Serif; font-size:1.8em; margin: 10px 0; padding: 10px 0;font-weight:bold; line-height: 25px; }
.post-footer { padding-top:20px; background:url(images/divider.gif) no-repeat center; }

#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active { text-decoration:none; color:#003366; }

.entry { padding:10px 0; margin:3px 0; border-top:#CCCCCC 1px solid;  font-family: Georgia, Verdana, Arial, serif; font-size:11px; line-height: 16px; }
.entry p { margin:0 0 1em 0; }

/*
.highlight_box { font-size:.9em; border:2px solid #F5F5F5; padding:1em; margin-bottom:20px; }
.highlight_box .post { font-size:1em; border:0px none; margin-bottom:0px; padding:0 0 0 0; }
.highlight_box .post p { margin:0; }
.highlight_box .post .date { display:none; }

.highlight_box h2, .highlight_box h3, .highlight_box h4, .highlight_box h5 { font-size:2em; border-bottom:10px solid #F5F5F5; }
.highlight_box .post h2, .highlight_box .post h3, .highlight_box .post h4, .highlight_box .post h5 { font-size:1.5em; }


.readmore { display:block; text-align:left; font-weight:bold; clear:both; margin:1em 0 1em 0; color:#FF3C00; }

.postmetadata { margin:0; color:#515151; list-style-type:none; }

#content .postmetadata a { color : #FF3C00; border:none; text-decoration:none; }
#content .postmetadata a:hover { border-bottom:1px dotted silver; }

.gravatar { float:left; margin:0 5px 0 0; border:1px solid lightgray; vertical-align:middle; }

#content .commentlist dt{ position:absolute; }

html > body #content .commentlist dt{ position:static; }
#content .commentlist dd { margin:0; padding:10px 3em 10px 10px;  font-size:1em; line-height:1.5em; color:silver; margin:0 0 1em 0; }

html > body #content .commentlist dd { padding:10px; }
#content .commentlist .comment { color:#000000; }
#content .commentlist .date { margin-right:5px; font-size:.5em; }
#content .commentlist .comment_text { margin-top:5px; display:block; }

html > body #content .commentlist dd.author_comment { background:url(images/transp-80.png) #c9e45a !important; width:auto; }
#content .commentlist dd.author_comment { background-color:#c9e45a !important; filter:alpha(opacity=20); width:510px; }
#content .commentlist .author_comment .author, #content .commentlist .author_comment .author a { color:#c9e45a !important; border-color:#c9e45a !important; }
#content .commentlist dd.author_comment  {  filter:alpha(opacity=100); position:relative; }
#content .commentlist dt.author_comment .date { color:#a5ba52 !important; border-color:#a5ba52 !important; }
#content textarea#comment { font-size:1em; line-height:1.3em; }
#commentform small { color:#515151; }
.commentmetadata { }
*/

/*-------- NEWSLETTER --------*/

#ajaxNewsletter, .newsletterContainer {	/* newsletter container */}
#newsletterFormDiv {	/* newsletter form elements*/}
.newsletterTextInput { width: 85px; font-family: verdana; font-size: 10px; font-weight: bold;}
#newsletterLoading {	/* the loading message while the subscription is beeing handled */}
.success {	/* the success message container */}
.error {	/* the error message container */}
.submit { font-family: verdana; font-size: 10px; font-weight: bold; font-size: 10px; } 

/*-------- TAGS --------*/

div#tagcloud { padding:5px; margin:0; text-align:left; list-style:none !important; display:block !important; color:#ccc; background:#EEEEEE; border:#c3c3c3 1px solid; border-top:#c3c3c3 1px solid; }
#tagcloud small a, #tagcloud small a:link { text-decoration:none; }
#tagcloud small a:hover { text-decoration:underline; }
.t1 a { color:#AAAAAA; font-size: 80%; }
.t2 a { color:#999999; font-size: 85%; }
.t3 a { color:#666666; font-size: 90%; }
.t4 a { color:#333333; font-size: 95%; }
.t5 a { color:#111111; font-size: 100%; }
.t6 a { color:#990099; font-size: 105%; }
.t7 a { color:#660066; font-size: 110%; }
.t8 a { color:#330033; font-size: 120%; }
.t9 a { color:#110033; font-size: 130%; }
.t10 a { color:#0B244E; font-size: 140%; }

.pagetitle {  font: bold verdana 14px; color: #666666; } 

/*-------- ADSENSE --------*/
div#ads1 { padding: 10px; margin: 10px 0 0 0; text-align:center; display:block !important; color:#ccc; background:#EEEEEE; border:#c3c3c3 1px solid; border-top:#c3c3c3 1px solid; }
div#ads2 { padding: 10px; margin: 10px 0 0 0; text-align:left; display:block !important; color:#ccc; background:#EEEEEE; border:#c3c3c3 1px solid; border-top:#c3c3c3 1px solid; }
div#maintenance { padding: 10px; margin: 10px 0 0 0; text-align:left; display:block !important; color:#ccc; background:#EEEEEE; border:#c3c3c3 1px solid; border-top:#c3c3c3 1px solid; }