/*
Theme Name: J.R. PhotoBlog Articles
Theme URI: http://articles.j-roumagnac.net/
Description: Theme for J.R. PhotoBlog Articles
Version: .9
Author: Julien Roumagnac
*/
/* ------ GLOBAL ------ */
		/*
		html {
			*overflow: auto;
		}
		*/
body {
	background: #5a5a5a url(gfx/body_bg.png) repeat-y top left;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
		/*
		html, body {
			scrollbar-face-color:#404040;
			scrollbar-arrow-color:#000000;
			scrollbar-track-color:#202020;
			scrollbar-shadow-color:#202020;
			scrollbar-highlight-color:#5a5a5a;
			scrollbar-3dlight-color:#363636;
			scrollbar-darkshadow-Color:#202020;
		}
		*/
h1, h2, h3, h4, h5, h6, form, input, textarea, p, a, ol, ul, li, img, blockquote, table {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
p {
	font-size: 11px;
}
img {
	border: none;
	outline: none;
}
.clr {
	clear: both;
}
a, a:focus, a:active, div {
	outline: none;
}
.right {
	text-align: right;
}
em {
	font-style: italic;
	color: #bbe1ff;
}

/* ------ HEADER ------ */
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(gfx/header_bg.jpg) repeat-x;
	width: 100%;
	height: 30px;
}
#logo {
	display: block;
	background: url(gfx/logo.jpg) no-repeat;
	width: 250px;
	height: 30px;
	float: left;
}
#menu {
	float: right;
}
#menu li {
	display: inline;
	height: 30px;
	line-height: 30px;
}
#menu li.menu_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	background: url(gfx/menu_sep.gif) no-repeat right;
	letter-spacing: 0px;
}
#menu li.menu_text_last {
	background: none;
}
#menu li.menu_text a {
	color: #A8A8A8;
	text-decoration: none;
}
#menu li.menu_text a:hover {
	color: #FFFFFF;
}
#menu_but {
	float: right;
}
#menu_but img {
	border: none;
}
#menu_but a {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 1px;
	margin-top: 5px;
}
#menu_but span {
	display: none;
}
#menu_but a:hover {
			/*
			filter:alpha(opacity=60);
			*/
	opacity: 0.60;	
}
#menu_but a.menu_but_rss {	background: url(gfx/menu_but_rss.gif) no-repeat; }
#menu_but a.menu_but_last { margin-right: 9px; }

/* ------ HEADER SHADOW ------ */
#header_shadow {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 10px;
	font-size: 0px;
	background: url(gfx/header_shadow.png) no-repeat;
			/*
			*background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/wp-content/themes/jr_articles/gfx/header_shadow.png',sizingMethod='crop');
			*/
}

/* ------- DOC TITLE ------ */
#title {
	font-size: 0px;
	color: #6C6C6C;
}
#doc_title {
	position: absolute;
	left: 11px;
	bottom: 15px;
	width: 23px;
	height: 288px;
	background: url(gfx/title_tutos.png) no-repeat;
			/*
			*background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/wp-content/themes/jr_articles/gfx/title_tutos.png',sizingMethod='crop');
			*/
}

/* ------ CONTENT ------ */
#content_home, #content {
	width: 560px;
	margin-left: 65px;
	position: relative;
	top: 40px;
}
#content p, #content li {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
}
#content li {
	list-style-image: url(gfx/bull1.gif);
	margin-left: 20px;
}
#content h1, #content h1 a {
	font-size: 18px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	text-align: center;
}
#content h1 a {
	display: block;
	text-decoration: none;
	padding-bottom: 50px;
	padding-top: 5px;
	background: url(gfx/title_bg.gif) no-repeat center bottom;
}
#content h1 a:hover {
	color: #cae93f;
}
#content div.entry a {
	color: #bbe3ff;
	text-decoration: none;
}
#content div.entry a:hover {
	text-decoration: underline;
}
#content p.postmetadata {
	background-color: #5B5B5B;
	padding: 5px;
	color: #DDDDDD;
}
#content p.postmetadata small {
	font-size: 10px;
}
#content p.postmetadata a {
	color: #7ba6e4;
	text-decoration: none;
}
#content p.postmetadata a:hover {
	text-decoration: underline;
}
#content p.share_this {
	display: block;
	width: 100px;
	margin: auto;
}
#content p.share_this a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#intro_text p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
#intro_text_img {
	display: block;
	width: 170px;
	height: 280px;
	float: left;
}
#intro_text_words {
	width: 380px;
	float: right;
	text-align: justify;
}
#intro_text_words h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
#content h4 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px dashed #AAA;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 14px;
}
#content textarea.code {
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #009900;
	overflow: auto;
}
#content strong.green {
	color: #cae93f;
}
/* ------ LAST ARTICLES ------ */
div.last_articles {
	width: 560px;
	background: #5B5B5B url(gfx/lasta_bg.gif) repeat-y top left;
	margin-top: 10px;
}
div.last_articles_topcap {
	font-size: 0px;
	height: 10px;
	background: url(gfx/lasta_topcap.gif) no-repeat top left;
}
div.last_articles_botcap {
	font-size: 0px;
	height: 10px;
	background: url(gfx/lasta_botcap.gif) no-repeat top left;
}
div.last_articles_left {
	width: 380px;
	float: left;
}
div.last_articles_left h2 {
	background: #4C4C4C;
	color: #cae93f;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	height: 25px;
	line-height: 25px;
	text-indent: 10px;
}
div.last_articles_left ul {
	list-style: none;
}
div.last_articles_left li {
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #3C3C3C;
}
div.last_articles_left li.categ_7, div.last_articles_left li.categ_8 {
	background-image: url(gfx/icon_pp.gif);
}
div.last_articles_left li.categ_11, div.last_articles_left li.categ_12 {
	background-image: url(gfx/icon_faq.gif);
}
div.last_articles_left li.categ_9, div.last_articles_left li.categ_10 {
	background-image: url(gfx/icon_lr.gif);
}
div.last_articles_left a {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 45px;
	margin-right: 10px;
}
div.last_articles_left a:hover {
	color: #cae93f;
}
div.last_articles_right {
	width: 170px;
	float: right;
}
div.last_articles_left p.allarticles {
	text-align: right;
	padding-top: 5px;
}
div.last_articles_left p.allarticles a {
	font-size: 11px;
}
/* ------ SIDE BAR ------ */
#sidebar {
	position: absolute;
	top: 30px;
	left: 650px;
	width: 330px;
}
#sidebar ul { list-style: none; }
li.sidebar_content {
	margin-left: 20px;
}
li.sidebar_sep {
	background: url(gfx/sidebar_sep.gif) no-repeat left center;
	height: 30px;
}
.green_sidebar {
	font-size: 12px;
	color: #cae93f;
}
#sb_search input, #sb_search span {
	float: left;
}
#sb_search input.search_text {
	height: 18px;
	width: 160px;
	background: #FFFFFF url(gfx/input_bg.gif) repeat-x;
	border: 1px solid #3F3F3F;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
ul.sb_categ_list {
	margin-top: 7px;
}
ul.sb_categ_list li {
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	color: #353535;
}
ul.sb_categ_list a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px;
	padding-left: 18px;
	margin-left: 5px;
	background: url(gfx/sidebar_bull1.gif) no-repeat 3px center;
}
ul.sb_categ_list a:hover {
	background: #505050 url(gfx/sidebar_bull2.gif) no-repeat 3px center;
}
#sb_newsletter p {
	font-size: 10px;
	color: #BBBBBB;
	margin-bottom: 10px;
}
a.rss_link {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	background: url(gfx/icon_rss.gif) no-repeat left center;
}
a.rss_link_small {
	display: block;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding-left: 22px;
	margin-left: 8px;
	background: url(gfx/icon_rss_small.gif) no-repeat left center;
}
a.rss_link:hover, a.rss_link_small:hover {
	color: #ff9740;
}
a.mail_link {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	background: url(gfx/icon_mail.gif) no-repeat left center;
}
a.mail_link_small {
	display: block;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding-left: 22px;
	margin-left: 8px;
	background: url(gfx/icon_mail_small.gif) no-repeat left center;
}
a.mail_link:hover, a.mail_link_small:hover {
	color: #a3cbff;
}
#sb_adsense {
}

/* ------ COMMENTS SECTION ------ */
#commentstopcap {
	font-size: 0px;
	height: 10px;
	background: url(gfx/com_topcap.gif) no-repeat top left;
}
#commentsbotcap {
	font-size: 0px;
	height: 10px;
	background: url(gfx/com_botcap.gif) no-repeat top left;
}
#comments {
	background: url(gfx/com_bg.gif) repeat-y top left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
#commentsform {
	background: url(gfx/com_bg2.gif) repeat-y top left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
#comments p, #commentsform p { 
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#comments h3, #commentsform h3 {
	font-size: 14px;
	font-weight: bold;
	color: #a3cbff;
}
#comments a, #commentsform a {
	color: #cae93f;
	text-decoration: none;
}
#comments a:hover, #commentsform a:hover {
	color: #cae93f;
	text-decoration: underline;
}
#comments li {
	font-size: 11px;
	margin-left: 20px;
	color: #DDDDDD;
	background: url(gfx/com_sep.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
#comments li.thats_me {
	color: #FFFFFF;
}
#comments li.thats_me a {
	color: #ff9740;
}
#comments p.jr {
	background-color: #444444;
	padding: 5px;
	color: #FFFFFF;
}
#comments p.jr span {
	color: #ff9740;
}
#commentsform small {
	color: #BBB;
	font-size: 11px;
}
#commentsform p.vinfos input {
	padding: 3px;
	width: 270px;
	font-size: 11px;
	background: #FFFFFF url(/wp-content/themes/jr_articles/gfx/input_bg.gif) repeat-x;
	border: 1px solid #3F3F3F;
	color: #333333;
}
#commentsform textarea {
			/*
			scrollbar-face-color:#999;
			scrollbar-arrow-color:#999;
			scrollbar-track-color:#DDD;
			scrollbar-shadow-color:#555;
			scrollbar-highlight-color:#999;
			scrollbar-3dlight-color:#777;
			scrollbar-darkshadow-Color:#777;
			*/
	overflow: auto;
	padding: 3px;
	width: 500px;
	font-size: 12px;
	background: #FFFFFF url(/wp-content/themes/jr_articles/gfx/input_bg.gif) repeat-x;
	border: 1px solid #3F3F3F;
	color: #333333;
	
}
#commentsform #submit {
	background-color: #353535;
	border: 1px solid #252525;
	color: #a3cbff;
	font-size: 12px;
	padding: 3px;
	cursor: pointer;
}

/* ------ FOOTER ------ */
#footer {
	
}

/* ------ ARCHIVES ------ */
#content h1.pagetitle {
	padding-bottom: 50px;
	padding-top: 5px;
	background: url(gfx/title_bg.gif) no-repeat center bottom;
}
#content div.archive_row {
	padding: 5px;
	padding-bottom: 3px;
	background: url(gfx/postarch_bg.gif);
	margin-bottom: 10px;
}
#content div.archive_icon {
	width: 45px;
	height: 46px;
	float: left;
	background-repeat: no-repeat;
}
#content div.categ_7, #content div.categ_8 {
	background-image: url(gfx/icon3_pp.gif);
}
#content div.categ_11, #content div.categ_12 {
	background-image: url(gfx/icon3_faq.gif);
}
#content div.categ_9, #content div.categ_10 {
	background-image: url(gfx/icon3_lr.gif);
}
#content div.archive_text {
	width: 500px;
	float: right;
}
#content a.archive_title {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#content a.archive_title:hover {
	color: #cae93f;
}
#content div.archive_meta {
	font-size: 10px;
	margin-top: 11px;
	color: #AAA;
}
#content div.archive_meta a {
	color: #a5ba4b;
	text-decoration: none;
}
#content div.archive_meta a:hover {
	color: #cae93f;
	text-decoration: underline;
}

/* ------ ADSENSE ------ */
div.ads_250x250_l, div.ads_250x250_r {
	background: #5b5b5b url(gfx/ads_250x250.gif) no-repeat top left;
	padding: 5px;
}
div.ads_120x240_l, div.ads_120x240_r {
	background: #5b5b5b url(gfx/ads_120x240.gif) no-repeat top left;
	padding: 5px;
}
div.ads_250x250_l, div.ads_120x240_l {
	float: left;
	margin-right: 10px;
}
div.ads_250x250_r, div.ads_120x240_r {
	float: right;
	margin-left: 10px;
}
div.ads_468x60 {
	background: #5b5b5b url(gfx/ads_468x60.gif) no-repeat top left;
	padding: 10px;
	padding-left: 46px;
}

/* ------ PRINT ORDER ------ */
img.print_thumb {
	border: 1px solid #444;
	float: left;
	margin-right: 20px;
}
div.print_headline {
	float: left;
}
h3.print_title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
h3.print_title span {
	font-size: 14px;
	color: #BBB;
}
a.print_browse {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
a.print_browse:hover {
	text-decoration: underline;
}
#content #print_form li {
	list-style-image: none;
}
table.print_prices {
	float: left;
	margin-right: 10px;
	font-size: 11px;
	background-color: #5B5B5B;
	border-collapse: collapse;
}
table.print_prices td {
	border: 2px solid #707070;
	padding: 5px;
}
table.print_prices tr.t_header {
	background-color: #353535;
	font-size: 12px;
	color: #cae93f;
	text-align: center;
}
table.print_prices tr.t_ctitles {
	background-color: #4a4a4a;
	color: #ccc;
}
#print_details_fr {
	display: none;
}
#print_switchlang {
	margin-top: 15px;
	text-align: center;
}
#content #print_switchlang a {
	background-color: #CCC;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 11px;
	font-size: 11px;
	color: #444;
	text-decoration: none;
}
#content #print_switchlang a:hover {
	background-color: #fff;
}
#print_switchlang_en {
	border-bottom: 3px solid #FFF;
}
