/*
Theme Name: Roger Walsh Personal theme
Theme URI: http://www.rogerwalsh.com
Description: My personal Theme V1
Author: Roger Walsh
Author URI: Roger Walsh, based on a theme by http://refueled.net
version: 0.1
Tags: two-column, widget-ready,blank
*/




/* basics */


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     SIL International
 * @vendorurl:  http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&cat_id=Home
 * @licenseurl: http://www.fontsquirrel.com/license/Charis-SIL
 *
 *
 */

@font-face {
	font-family: 'CharisSILRegular';
	src: url('CharisSILR.eot');
	src: local('Charis SIL Regular'), local('CharisSIL'), url('CharisSILR.ttf') format('truetype');
}

@font-face {
	font-family: 'CharisSILItalic';
	src: url('CharisSILI.eot');
	src: local('Charis SIL Italic'), local('CharisSIL-Italic'), url('CharisSILI.ttf') format('truetype');
}

@font-face {
	font-family: 'CharisSILBold';
	src: url('CharisSILB.eot');
	src: local('Charis SIL Bold'), local('CharisSIL-Bold'), url('CharisSILB.ttf') format('truetype');
}

@font-face {
	font-family: 'CharisSILBoldItalic';
	src: url('CharisSILBI.eot');
	src: local('Charis SIL Bold Italic'), local('CharisSIL-BoldItalic'), url('CharisSILBI.ttf') format('truetype');
}



*{margin:0; padding:0;}

body {
	font-family: CharisSILRegular, Georgia, Geneva, Times, serif;
	font-size: 67.5%; 
	height: 100%; 
	background-image: url("images/rwbg.jpg"); 
	background-repeat: repeat-x; 
	background-position: top left;
	background-attachment: fixed;
	color: #000000;
	background-color: #000;
	height: 100%;
	}

	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h2.pagetitle{
	font:normal 2.4em CharisSILBold, georgia, times;
	color: #3e2400;
	padding-left: 40px;
	padding-bottom: 20px;
	}

h3 {font-size: 10pt;}
	#respond h3 {padding-left: 40px;}
h4 {font-size: 9pt;}

p {line-height: 1.5em; margin-bottom: 10px; color: #000; font-size: 1.5em; font-weight: 100;}

p.intro {font-family: CharisSILItalic, Georgia, serif; font-weight: 100; color: #372502; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-left: 2px solid #CFC1A8; display: inline;   }

pre {font-family: courier; background-color: #efefef; padding: 10px; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;}
 
em {font-weight: 400; font-family: CharisSILBoldItalic, Georgia;}
img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#2b1f13;
	text-decoration: none;
	}

a:hover{text-decoration: none;}



/* container */


#container {
	position: relative; 
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	margin-bottom: 33px;
	}
	
/* header */

#header {
  	width: 100%;
  	height: 53px; 
	color: #fff; 
	position: fixed; top: 0px; left: 0px;
	background: url(images/header_bg.png);
	z-index: 2;

	}

#header h1{
	width: 960px; margin-top: 10px; margin-left: auto; margin-right: auto;
	 color: #ffffff; line-height: 2em; font-size: 1.8em;
	}
	
#header h1 a{color: #64491b; text-decoration: none;font-weight: 100 !important; }
#header h1 a:hover{color: #64491b;}


#header h2{
	font:normal 10pt CharisSILBold, georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}

/* main menu */


#menu {
	font-size: 1.2em;
	overflow:hidden;
	padding-top: 5px;
	height: 42px;
	margin: 0;
	background: url(images/menubg.png);
	position: fixed; top: 0px; left: 0px; width: 100%;
	z-index: 4;
}

#menu h1{
	width: 105px; margin-top: 4px; margin-left: 10px;
	 color: #ffffff; float: left; border-right: 1px dotted #87632f;
	}
#menu h1 a {color: #684d26;font-size: 0.6em; text-decoration: none;}


#menu ul {
	float: left;
	padding-top: 2px;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color: #684d26;
	display:block;
	text-decoration: none;
}

#menu ul li a:hover {
	color:#87632f;
}

.SocialNetworks {float: right; margin-right: 5px;}


/* content */


#content {
	width: 610px; float: left;  margin-top: 35px; background-image: url("images/page-top.jpg"); background-repeat:  no-repeat; background-position:  0 0; background-color:  #ffffff; height: 100%; padding-top: 40px; border-bottom: 5px solid #1F1302; z-index: 2;	-moz-box-shadow: 0px 0px 15px #000;
		-webkit-box-shadow: 0px 0px 15px #000;
		box-shadow: 0px 0px 15px #000;
}
	
#dateDiv {color: #ffffff; width: 50px; text-align: center; height: 50px; float: right; background: url("images/datedivBg.png") no-repeat;}
	#dateDiv .day {font-size: 24px; padding: 5px; margin-top: 3px; height: 17px;}
	#dateDive .month {font-size: 12px; }

.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 120%;
	border-bottom: 1px dashed #BFB8B3;
	padding-left: 40px;
	padding-right: 40px;
	
	}



.postTitle {	width: 450px;float: left;}
.post h2{
	font:normal 2.8em CharisSILBold, georgia, times;
	color: #3e2400;
	}
	
	
.post h3{
	font:normal 1.8em CharisSILBold, georgia, times;
	color: #3e2400;
	}
	
.post h2 a{
	color: #3e2400;
	}
	
.post h2 a:hover{
	color: #64491b;
	}

.post ul, ol {margin-left: 20px;}

.post ol li {padding-bottom: 20px;}

.post a:link {	border-bottom: 1px dotted #513715; font-style: oblique; color: #513715;}
.post a:visited {	border-bottom: 1px dotted #513715; font-style: oblique; color: #513715;}
.post a:hover {	border-bottom: 1px dotted #5e4f40; font-style: oblique; color: #5e4f40;}
.post a:active {	border-bottom: 1px dotted #513715; font-style: oblique; color: #513715;}

.post small {}

.entry {clear: both; padding-top: 10px; display: block;}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	padding:6px;
	margin: 0px 0;
	font-size: 1.2em;
	}
	
/* Not sure I want Navigation */
.navigation {
	font-size:0.9em;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	display: none;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	float: left; width: 300px; margin-left: 40px; margin-top: 45px; padding-top: 5px;
	}

#sidebar h2{
 	color: #fff !important;
	text-transform: uppercase;
	position: absolute; left: -20px; top: -15px;
	text-align: left;
	width: 190px;
	height: 30px;
	font-weight: 800;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 22px;
	font-size: 1.4em;
	background: url("images/h2_bg.png") no-repeat top left;
	
	/*webkit-transform: rotate(4deg); 
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
	 - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); The rotation property of the BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degress respectively. */
}

#sidebar h2 a { color: #fff !important;}

#sidebar label{
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin-top: 50px;
	background: url(images/sidebarUl_bg.jpg);
	margin-bottom:20px;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	-moz-box-shadow: 0px 0px 15px #000;
		-webkit-box-shadow: 0px 0px 15px #000;
		box-shadow: 0px 0px 15px #000;
		border: 5px solid #fff;
	}
	
	
#sidebar #tagCloud {
	margin-top: 50px;
	background: url(images/sidebarUl_bg.jpg);
	margin-bottom:20px;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	-moz-box-shadow: 0px 0px 15px #000;
		-webkit-box-shadow: 0px 0px 15px #000;
		box-shadow: 0px 0px 15px #000;
		border: 5px solid #fff;

	}


#sidebar ul li {
	margin: 0;
	padding-bottom: 13px;
	padding-top: 13px;
	line-height: 120%;
	list-style-type: none;
	font-size: 1.4em;
	border-bottom: 1px dashed #aab0b8;
	}
	
#sidebar ul li:last-child {border-bottom: none !important;}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

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

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

#sidebar li a {text-decoration: none; font-style: oblique; color: #616574;}
#sidebar li a:link {text-decoration: none; font-style: oblique; color: #3d2c1d;}
#sidebar li a:visited {text-decoration: line-through; font-style: oblique; color: #7F5E2F;}
#sidebar li a:hover {text-decoration: none; font-style: oblique; color: #7F5E2F;}
#sidebar li a:active {text-decoration: none; font-style: oblique; color: #616574;}

.sideWidget {position: relative; clear: both; display: block;}


/* comments */


#commentform{
	margin:0;
	padding:40px;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; border-bottom: 1px dotted #465D71;line-height: 120%;}
	
#commentform h3{
	font-family: CharisSILBold, georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:5px;
	border: 1px solid #000;
	
	}
	
#submit{margin:5px 5px 0 0; padding: 5px;background-color: #34230C; color: #9f9484; }

#comments{margin:0; padding:40px;}
	
ol.commentlist {list-style-type: none; margin:0; padding:40px;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 120%;}

ol.commentlist a {color:#000;}

cite {
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000;}




/* search */

.noResults {padding: 20px;}

#searchFormDiv {position: fixed; right: 160px; top: 8px; }
#searchform{
	position: relative;
	padding:0px;
	}

#searchform input#s{
	background: none; border: none; padding: 3px; color: #7F5E2F; font-family: CharisSILRegular, Georgia, Geneva, Times; width: 120px; float: left;
	}

#searchform .submitSearch { width: 10px; height: 10px; background: url("images/arrow_right.png") no-repeat; cursor: pointer; float: left; margin-top: 6px; margin-left: 5px;}

	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #59301a;
   text-align: center;
   background-image: url("images/captionBg.jpg") ;
   padding: 10px;
   margin-top: 10px;
   margin-bottom: 20px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 1px solid #c5a461;
}

.wp-caption p.wp-caption-text {
   font-size: 1.2em;
   line-height: 120%;
   padding: 5px 4px 0px 5px;
   font-style: oblique;
   margin: 0;
   color: #3e2400;
}




/* footer */

#footer {
	display: none;
	}
	
#footer p{text-align:center; color: #22180c; font-size: 11px;}
#footer a{color: #22180c;}
#footer a:hover{color: #362713;}

/* Gallery */

.slideDown {color:#d5d7ee; margin-left: 5px;}
#gallery a {color: #fff;}
#gallery {color: #fff;}
#gallery {background-image:url(images/galleryBg.png); position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; overflow-x: hidden; overflow-y: hidden; }
#gallery h3 {float: left; margin-left: 5px; cursor: pointer;}
.galleryHead { height: 22px; position: relative; width: 100%;}

.gallery a {border: none !important;}
#infoContainer {width: 60%; margin: auto; position: relative;}
#galLeft {position: absolute; left: 0px; top: 43px; cursor: pointer; background: url("images/left.png") no-repeat; width: 20px; height: 78px; z-index: 10;}
#galRight {position: absolute; right: 0px; top: 43px; cursor: pointer; background: url("images/right.png") no-repeat; width: 20px; height: 78px; z-index: 10;}
#galTitleContain {text-align: center; margin-top: 15px;}
#galleryContain {position: relative; height: 121px;width:9999px !important;}
#mobileMe {display: block; width:9999px !important; margin-top: 10px; margin-left: 20px;}
#mobileMe li {float: left; border: 1px solid #22283a; padding: 5px; margin: 5px; background-color: #151720; list-style-type: none;}
#mobileMe li:hover {background-color:#1a1a35; border: 1px solid #818fb8;}
	#mobileMe li div { float: left;}
	#mobileMe li img {height: 50px; cursor: pointer; border: 1px solid #22283a;}
	
#displayImage {position: fixed; left: -1000px; bottom: 113px; display: none; }
	#displayImage img {border: 1px solid #090c2b; z-index: 1;}
	
#mobileMe li.selected {border: 1px solid #150e08;background-color:#372613;}
#mobileMe li.selected img.mobileMeImg {border: 1px solid #ffffff;}


/* PLUGINS */

/* Last.FM */
#lastfmrecords ol {	margin-top: 50px;
	background: url(images/sidebarUl_bg.jpg);
	margin:0px;
	margin-top: 60px;
	padding-top: 20px;
	padding-left:20px;
	padding-right: 10px;
	padding-bottom: 20px;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	border-left: 1px dashed #fff;
}
#lastfmrecords img {width: 54px; height: 54px; margin: 4px; border: 1px solid #ffffff;}