/* 	
	Site: http://www.robertjamesphillips.com
	Author: Rob Phillips
	Description: The main .css file for version 2 of www.robertjamesphillips.com
*/

a.download-cv {
	display:block;
	float:right;
	width: 99px;
	background: transparent url(../images/download-cv.gif) no-repeat 0 0;
	height: 26px;
	text-indent:-6000px;
	margin: 0 0 5px 5px
}

a:hover.download-cv {
	background-position: 0 100%;
}

* {
	padding:0;
  	margin:0;
}

body {
	/* font:normal 62.5%/1.7em Helvetica, Georgia, "Times New Roman", Times, serif; */
	font:normal 62.5%/1.7em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* "Trebuchet MS", */
	color:#000000;
	text-align:center;
	margin:0 0 0 0;
	background: #004174 url(../images/body_bg.gif) no-repeat 54% 0;}
	
p {
	font-size:1.2em;
	text-align:left;
	margin: 10px 0 0 0;
	color:#464646}
	
a, a:visited {
	font-size:1.2em;
	color:#003366;
	text-decoration:none
}

hr{
	border:0;
	background: transparent url(../images/footer_bg.gif) repeat-x 0 50%;
	height: 1px;
	margin: 15px 0 0 0;
}


blockquote{
	margin:0 20px 10px 20px;
	padding: 10px;
	border-left:1px solid #ccc;
	background: #eee;

}
blockquote p{
	margin:0 !important;
	padding:0 !important;
}

p a, p a:visited {
	font-size:1.0em;
	padding: 0 2px 0 2px;
}

.content a {
	font-weight:bold;
	color:#1460ac;
}


	
a:hover {
	color:#666;
}
	
h1 {
	font-size:2.0em;
}

h2{
}	


h3{
	font-size: 1.2em;
	color:#464646;
}

.clear{
	clear:both;
	height:1%;
}
	

a.logo {
	display:block;
	width: 345px;
	height:141px;
	text-indent:-6000px;
	background:transparent url(../images/logo.png) no-repeat 0 0;
	margin: auto;	
}



#wrapper {
	text-align:left;
	margin: 10px auto 0 auto;
	width: 846px;
	background: transparent url(../images/wrapper_bg.gif) repeat-y 0 0;
}

#wrapper_header {
	background: transparent url(../images/wrapper_header_bg.gif) no-repeat 0 0;
	height:23px;
	line-height: 23px;
	text-indent:-6000px;
	width:846px;
	margin:0 auto 0 auto
}

#options {
	text-align:right;
	padding: 15px 0 0 0;

}

.panel_container {
	height: 30px;

}

#panel {
	display:none;
	background: transparent url(../images/panel_bg.png) repeat 0 0;
	padding: 5px;
	_background: none;
	_padding:0;
	_margin: 5px 0 0 5px;

}

#panel a {
	color: #fff;
	font-size: 1.1em;
	padding: 0 0 0 12px;
	margin: 0 10px 0 0;
	display:block;
	float:left;
}

#panel a.blue {
	background:transparent url(../images/theme_blue.gif) no-repeat 0 60%;
}

#panel a.pink {
	background:transparent url(../images/theme_pink.gif) no-repeat 0 60%;
}

#panel a.close {
	background:transparent url(../images/theme_close.gif) no-repeat 0 60%;

}

#panel a:hover {
	color: #eee;
}

#options a {
	color: #cccccc;
	background: transparent url(../images/arrow_down.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	margin: 0 0 0 7px;
	font-size: 1.1em;

}

#options a#toggle_panel {
	background-image: url(../images/arrow_right.gif);
}

#options a.toggle_open {
	background-image: url(../images/arrow_down.gif) !important;
}

.top{
	


}

.header {
	width:846px;
	margin: 0 auto 0 auto;

	

}

/* 	
	Start of the navigation -------------------------------------------
*/

#navigation {
	margin: 10px 25px 0 25px }

ul#navigation, ul#navigation li {
	
	list-style:none;
	list-style-type:none;
}

ul#navigation {

}

ul#navigation li {
	display:inline;
	color: #ccc;
	float:left;
	width: 20%;

}

/* 	
	Non selected styles -------------------------------------------
*/
	
ul#navigation a , ul#navigation a:visited{
	display:block;
	color: #fff;
	font-weight: bold;
	margin: 0 25px 0 25px;
	padding: 7px 0 7px 0;
	text-transform:uppercase;
	font-size: 1.1em;
	line-height: 14px;

}

ul#navigation a strong{
	display:block;
	font-weight:normal;
	font-size: 1.0em;
	text-transform: lowercase;
	color: #ccc;

}

/* 	
	Hover & current location styles -------------------------------------------
*/

ul#navigation a:hover{
	color: #ccc;
}

#portfolio #navigation .nav_portfolio, #bonjourno #navigation .nav_bonjourno, #journal #navigation .nav_journal, #about #navigation .nav_about, #contact #navigation a.nav_contact {
	background: #002a53;
}
	
	
/* 	
	end of the navigation -------------------------------------------
*/


/* 	
	Start Content styles -------------------------------------------
*/

.content {
	width: 520px;
	margin: 10px 20px 0 35px;
	text-align:justify !important;
}

#bonjourno .content {
	width: 832px;
	margin: auto;
	padding: 15px 0 0 0;
	background: transparent url(../images/homepage_bg.gif)repeat-x 0 0;


}


.content p {
	text-align:justify !important;
	color: #666666;
	line-height: 24px;
	font-size: 1.1em !important;
}

.content p strong{
	color: #000;
	font-weight:normal;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;

	font-size: 1.9em;
	margin: 15px 0 0 20px;
	font-weight:bold;
}

h1 span {
	color: #666 !important;
}

/* 	
	end of the navigation -------------------------------------------
*/


/* 	
	Start column styles -------------------------------------------
*/


.column-right {
	float:right;
	width: 240px;
	margin: 12px 20px 0 0;
	_margin-right: 10px;
}

.column-right .search {
	margin: 0 0 10px 0;
}

.column-right .search #s {
	padding: 5px 3px 4px 20px;
	font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	border:1px solid #ccc;
	background: #fff url(/images/icon_search.gif) no-repeat 5px 50%;
	margin: 0 5px 0 0;
	width: 150px;
	color: #666;
}

.column-right .search #searchsubmit{
	float:right;
}

.column-right .postit {
	margin: 10px 0 10px 0;
	background: transparent url(../images/right_column_divider.gif) no-repeat 0 0;
	padding: 10px 0 0 0;
}

.column-right .postit a {
	display:block;
	text-indent: -6000px;
	width: 232px;
}

.column-right .postit a.portfolio {
	height: 67px;
	background: transparent url(../images/postit_portfolio.gif) no-repeat 0 0;
}

.column-right .postit a.journal {
	height: 42px;
	background: transparent url(../images/postit_journal.gif) no-repeat 0 0;
}

.column-right .postit a.contactme {
	height: 55px;
	background: transparent url(../images/postit_contact.gif) no-repeat 0 0;
}

.column-right .postit a:hover {
	background-position: 0 100%
}

.search #s:focus {
	border:1px solid #999;
}

.column-right .switcher {
	background: transparent url(../images/column_bg.gif);
	border:1px solid #ccc;
	padding:5px;
}

	
.column-right .contact {
	background: transparent url(../images/column_bg.gif);
	border:1px solid #ccc;
	padding:7px;
	font-size:1.0em;
	margin: 0 0 15px 0;
	position:relative
}

.column-right .contact h3
{
	background: transparent url(../images/icon_contact.gif) no-repeat left 50%;
	padding: 0 0 0 22px
}

.column-right .contact a {
	font-size:0.9em;
	color:#003366;
	text-decoration:underline;
}
.column-right .contact a:hover {
	text-decoration:none;
}

.column-right .contact a.download {
	padding:4px 4px 4px 18px ;
	background: transparent url(../images/feed-icon-14x14.png) no-repeat 0 50%;
	text-decoration:underline;
	display:block;
	font-size:0.9em;
	color:#000;
	float:left;
	position:relative;

}

.column-right .contact a:hover.download {
	color:#666;
	text-decoration:none;}


.column-right .latest {
	font-size:1.0em;
	margin: 10px 0 10px 0;
	background: transparent url(../images/right_column_divider.gif) no-repeat 0 0;
	padding: 10px 0 0 0;
}

.column-right .latest h3
{
	text-transform:uppercase;
	color: #003065;
	font-size: 1.1em;
	margin: 0 0 7px 0;
	padding:0
}

.column-right .latest a.more {
	background: transparent url(../images/latest_viewall_bg.gif) no-repeat 0 0;
	width: 64px;
	height: 25px;
	display:block;
	text-indent:-6000px;
	margin: 15px 0 0 0;
}

.column-right .latest a:hover.more {
	background-position: 0 100%
}

.column-right .latest ul{
	margin: 5px 0 0 0;
}

.column-right .latest ul, .column-right .latest li{
	list-style:none;
	list-style-type:none;
}

.column-right .latest li{
	padding: 0 0 0 10px;
	line-height: 21px;
	margin: 0 0 3px 0
	
}

.column-right .latest li.white {
	background: transparent url(../images/latest_bg.gif) no-repeat 0 0;
}

.column-right .latest li.normal {
	background: transparent url(../images/latest_bg_normal.gif) no-repeat 0 0;
}

.column-right .latest a{
	color:#004a80;
	padding: 0px 0 0px 5px;
	font-size: 1.1em;
}


.column-right .calendar {
	background: transparent url(../images/column_bg.gif);
	border:1px solid #ccc;
	padding:7px;
	font-size:1.0em;
	margin: 15px 0 0 0;
	position:relative
}

.column-right .calendar h3
{
	background: transparent url(../images/icon_plus.gif) no-repeat left 50%;
	padding: 0 0 0 18px;
	font-size:1.0em;
}

.column-right .calendar ul{
	margin: 5px 0 0 0;
}

.column-right .calendar ul, .column-right .calendar li{
	list-style:none;
	list-style-type:none;
}

.column-right .calendar li{
	padding: 2px 0 2px 0 
}

.column-right .calendar div a{
	color:#004a80;
	padding: 0px 0 0px 5px;
	border-left:1px solid #ccc;
}

#flickr {
	background: transparent url(../images/right_column_divider.gif) no-repeat 0 0;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

#flickr h3 {
	text-transform:uppercase;
	color: #003065;
	font-size: 1.1em;
	margin: 0 0 7px 0;
	padding:0;
}

#flickr h3 span{
	color:#FF0000;
}

#flickr img { 
	height: 25px;
	width: 25px;
	border:0
}

#flickr a:hover,
#flickr a:link,
#flickr a:active,
#flickr a:visited {
	text-decoration:none !important;
	float:left;
	margin: 0 5px 5px 0;
	border:2px solid #ccc;
}
		
#flickr a:hover {
	border-color: #fff;
}

/* 	
	End column styles -------------------------------------------
*/


/* 	
	Start footer styles -------------------------------------------
*/

.footer_start {
	background: transparent url(../images/footer_base.gif) no-repeat 0 100%;
	width:846px;
	margin:auto;
	text-indent:-6000px;
	height: 23px;
}

.footer {
	clear:both;
	margin: 0px auto 20px auto;
	padding: 0;
	width:846px;
	text-align:left;
	font-size: 1.0em;
	color:#fff;
}

.footer div{
	margin: 0 10px 0 10px
}

.footer a#back {
	float:right;
	font-weight:bold;
	background: transparent url(../images/arrow_white_up.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	display:block;
	color:#fff;
}

.footer a, .footer a:visited{
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	color:#ccc;
	
}

.footer a:hover{
	color:#fff;
}

#portfolio .footer .nav_portfolio, #bonjourno .footer .nav_bonjourno, #journal .footer .nav_journal, #about .footer .nav_about, #contact .footer .nav_contact {
	font-weight:bold;
	color:#fff;
}
/* 	
	End footer styles -------------------------------------------
*/

/* 	
	Start homepage specific styles -------------------------------------------
*/

#bonjourno .welcome {
	background: transparent url(/images/footer_bg.gif) repeat-x bottom;
	padding-bottom: 8px;
}

#bonjourno .welcome h2 {
	text-indent:-6000px;
	background: transparent url(/images/title_bonjourno.gif) no-repeat 0 0;
	font-size:1.2em;
	height:22px;
	margin: 0 0 6px 0;

}

#bonjourno .welcome p {
	margin: 0 0 0 12px;
}

#bonjourno .welcome a{
	text-decoration: underline;
}

#bonjourno .welcome a:hover{
	text-decoration: none;
}

#bonjourno .comments {
	float:right;
	width:265px;
	font-size:1.1em;
	background: transparent url(/images/comments_bg.gif) no-repeat bottom;
	padding: 0 8px 25px 3px;
	margin: 15px 0 0 0;
	color:#666666;
}
#bonjourno .comments ul, #bonjourno .comments li {
	list-style:none;
	list-style-type:none;padding:0; margin:0
}

#bonjourno .comments h2 {
	text-indent:-6000px;
	background: transparent url(/images/title_recent_comments.gif) no-repeat 0 0;
	font-size:1.2em;
	height:13px;
	margin: 0 0 6px 0;
	
}

#bonjourno .comments ul {
	margin: 0 0 0 5px;
}

#bonjourno .comments li {
 	background: transparent url(/images/icon_quote.gif) no-repeat 0 4px;
	padding: 0 0 0 15px;
	margin: 0 0 12px 0;
	
	clear:both;

 }

#bonjourno .comments div {
	
	background: transparent url(/images/footer_bg.gif) repeat-x 0 100%;
	margin: 7px 0 0 0;
	
	
}

#bonjourno .comments a {
	padding: 4px 4px 4px 21px;
	border:0px solid #ccc;
	background: transparent url(/images/icon_comment.gif) no-repeat 0 50% ;
	font-size:0.9em;
	text-decoration:none;
	color:#003399;
	overflow:auto;
	display:block

	
}

#bonjourno .comments a:hover {
	color: #000;
}

#bonjourno .latest_post {
	margin: 15px 0 0 0;
	width: 350px;
}

#bonjourno .latest_post h2 {
	text-indent:-6000px;
	background: transparent url(/images/title_journal_latest.gif) no-repeat 0 0;
	font-size:1.2em;
	height:15px;
	margin: 0 0 6px 0;
	
}

#bonjourno .latest_post p {
	font-size: 1.2em;
	padding-left:10px;

	
}

#bonjourno .latest_post img {
	margin: 0 0 5px -5px;
}

#bonjourno .latest_post a.more {
	padding: 4px 4px 4px 22px;
	border:1px solid #ccc;
	background: #eeeeee url(/images/icon_plus.gif) no-repeat 5px 50% ;
	font-size:0.9em;
	text-decoration:none;
	color:#003399;
}
#bonjourno .latest_post a:hover.more {
	border-color: #666;
}

/* 	
	End homepage specific styles -------------------------------------------
*/

/* 	
	Start contact specific styles -------------------------------------------
*/
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/ajax-loader.gif) no-repeat 0 0 ;
}

#contact {

}

#contact a.toggle {
	display:block;
	padding:5px;
	border:1px solid #ccc;
	text-decoration:none;
	background: #f4f4f4 url(../images/icon_expand.gif) no-repeat 99% 50%;
	font-size:1.1em
}

#contact #form_box  form {
	margin: 0 0 0 10px;

}

#contact #log {
	border:0px solid #ccc;
	background: ;
	margin:10px;
	display:block;
	font-size:1.1em;

}



#contact #form_box a#close {
	padding:4px 4px 4px 22px;
	border:1px solid #ccc;
	background: #fcfcfc url(../images/icon_cancel.gif) no-repeat 5px 50%;
	text-decoration:none;
	display:block;
	font-size:1.0em;
	float:right;
	color:#666
}


#contact #form_box span {
	margin: 0 0 0 7px;
	font-size:1.0em;
	color:#666666;
	border-bottom:1px dotted #ccc;
}

#contact input.field{
	width: 200px;
	background: transparent url(../images/form_bg.gif) no-repeat 0 0;
	padding: 5px;
	border:1px solid #ccc;
}

#contact textarea.field{
	width: 98%;
	background: transparent url(../images/form_bg.gif) no-repeat 0 0;
	padding: 5px;
	height:120px;
	border:1px solid #ccc;
}

#contact input.submit{
	padding: 3px;
	margin: 15px 0 0 0;
	font:normal 1.4em Helvetica, "Lucida Grande" Tahoma, Arial, Helvetica, sans-serif; /* "Trebuchet MS", */
}
	
/* 	
	End contact specific styles -------------------------------------------
*/


/* 	
	Start about-me specific styles -------------------------------------------
*/

#about #cv_download
{
	display:block;
	padding: 7px 7px 7px 26px;
	background: #eee url(../images/icon_plus.gif) no-repeat 7px 50%;
	color:#000;
	border:1px solid #ccc;
	text-decoration:none;
	font-weight:bold;
	clear:left;
	width:55px;
	margin: 10px auto 10px auto
}

#about .content ul, #about .content li {
	font-size:1.1em;
	list-style:square;
	color: #666;
}

#about .content ul {
	margin: 15px 0 0 20px
}

#about .cloud{
	width:200px; 
	float:right; 
	margin: 0 0 0 10px;
}

#about .cloud p{
	margin: 0;
	padding:0;
}


/* 	
	End about-me specific styles -------------------------------------------
*/



/* 	
	Start portfolio styles -------------------------------------------
*/ 

#portfolio .pager {
	padding: 0 0 15px 0;
}

#portfolio .pager a, #portfolio .pager a:visited {
	dislay:block !important;
	background:#014275 url(../images/pager_bg.gif) repeat-x 0 0;
	color: #fff;
	padding: 4px 6px 4px 6px;
	font-size: 1.0em;
	font-weight:normal
}

#portfolio .pager a:hover {
	background: #014275;
}

#portfolio .pager a.selected {
	background-image: url(../images/pager_selected_bg.gif) !important;
	background-color:#000 !important;
}	

#portfolio #portfolio_content {
	display:none;
}

#portfolio #portfolio_content h3 {
	font-size: 1.3em;
}

#portfolio #portfolio_content p {
	line-height: 20px
}

#portfolio #portfolio_content a.preview, #portfolio #portfolio_content a.launch {
	display:block;
	height:22px;
	text-indent: -6000px;
	width: 58px;
	float:left;
	margin: 15px 4px 15px 0;
}

#portfolio #portfolio_content a.preview {
	background: transparent url(../images/button_preview.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.launch {
	background: transparent url(../images/button_launch.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a:hover.preview, #portfolio #portfolio_content a:hover.launch{
	background-position: 0 100%;
}

#portfolio #portfolio_content a.thumb_1,
#portfolio #portfolio_content a.thumb_2,
#portfolio #portfolio_content a.thumb_3,
#portfolio #portfolio_content a.thumb_4,
#portfolio #portfolio_content a.thumb_5,
#portfolio #portfolio_content a.thumb_6,
#portfolio #portfolio_content a.thumb_7,
#portfolio #portfolio_content a.thumb_8,
#portfolio #portfolio_content a.thumb_9
{
	display:block;
	text-indent: -6000px;
	width:500px;
	height: 312px;
	clear:left;

}

#portfolio #portfolio_content a.thumb_1 {
	background: transparent url(../images/portfolio/thumb_1.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_2 {
	background: transparent url(../images/portfolio/thumb_2.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_3 {
	background: transparent url(../images/portfolio/thumb_3.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_4 {
	background: transparent url(../images/portfolio/thumb_4.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_5 {
	background: transparent url(../images/portfolio/thumb_5.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_6 {
	background: transparent url(../images/portfolio/thumb_6.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_7 {
	background: transparent url(../images/portfolio/thumb_7.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_8 {
	background: transparent url(../images/portfolio/thumb_8.gif) no-repeat 0 0;
}

#portfolio #portfolio_content a.thumb_9 {
	background: transparent url(../images/portfolio/thumb_9.gif) no-repeat 0 0;
}

#portfolio .keys {
	float:right;
	text-indent: -5000px;
	width: 164px;
	height: 23px;
	background: transparent url(../images/portfolio/keys.gif) no-repeat 0 0;
	margin: 10px 15px 0 0;
}

#loading {
	width: 36px;
	height:36px;
	float:right;

}
.loading {
	background:transparent url(../images/loading.gif) no-repeat 0 0;
}

/* 	
	End portfolio styles -------------------------------------------
*/