/*  

Theme Name: JGW-001
Theme URI: http://jamesgwilliams.com
Description: A Wordpress theme for my website.
Author: James G. Williams
Author URI: http://jamesgwilliams.com

*/



body {
background: #000 url(/blog/wp-content/themes/JGW-001/images/bg.jpg) no-repeat center top;
margin: 0;
padding: 0;
font: 9pt Verdana, arial;}

#wrapper {
width: 950px;
height: 100%;
margin: 0 auto;}

#bg {
float: left;
width: 950px;
height: 100%;
background: #888888 url(/blog/wp-content/themes/JGW-001/images/background.jpg) repeat-y;}

p {
margin-bottom: 1.6em;
}

hr {
margin-top: 50px;
}




/* HEADER - Custom headers for pages - header.php */

#header {
	background:url(/blog/wp-content/themes/JGW-001/images/header.jpg) no-repeat;
	height:350px; width:950px;}
	
#header_Homepage {
	background:url(/blog/wp-content/themes/JGW-001/images/header-Summer2010-MissionBay.jpg) no-repeat;
	height:350px; width:950px;}
	
	
#header_AboutMe {
	background:url(/blog/wp-content/themes/JGW-001/images/header-AboutMe.jpg) no-repeat;
	height:350px; width:950px;}
	
	#header_Family {
	background:url(/blog/wp-content/themes/JGW-001/images/header-MomInTheBackyard.jpg) no-repeat;
	height:350px; width:950px;}
	
	#header_Films {
	background:url(/blog/wp-content/themes/JGW-001/images/header-AboutFilms.jpg) no-repeat;
	height:350px; width:950px;}
	
	#header_Work {
	background:url(/blog/wp-content/themes/JGW-001/images/header-AboutWork.jpg) no-repeat;
	height:350px; width:950px;}
	
	

#header_Photos {
	background:url(/blog/wp-content/themes/JGW-001/images/header-SanDiegoWinter2010.jpg) no-repeat;
	height:350px; width:950px;}	
	
	#header_PhotoNotes {
	background:url(/blog/wp-content/themes/JGW-001/images/header-PhotoNotes.jpg) no-repeat;
	height:350px; width:950px;}	


#header_Shows {
	background:url(/blog/wp-content/themes/JGW-001/images/header-Shows.jpg) no-repeat;
	height:350px; width:950px;}

	#header_MyVlog {
	background:url(/blog/wp-content/themes/JGW-001/images/header-MyVlog.jpg) no-repeat;
	height:350px; width:950px;}
				
	#header_MakeAMovie {
	background:url(/blog/wp-content/themes/JGW-001/images/header-MakeAMovie.jpg) no-repeat;
	height:350px; width:950px;}

	#header_ThatMovieWas {
	background:url(/blog/wp-content/themes/JGW-001/images/header-ThatMovieWas.jpg) no-repeat;
	height:350px; width:950px;}


#header_Splash {
	background:url(/blog/wp-content/themes/JGW-001/images/header-Splash.jpg) no-repeat;
	height:350px; width:950px;}


#header_Contact {
	background:url(/blog/wp-content/themes/JGW-001/images/header-MissionBeachBike.jpg) no-repeat;
	height:350px; width:950px;}
	








/* TOP NAVIGATION */

#navbar {
margin-top: 0;
width: 950px;}



/* not in use... using menu.css

.menu * {
padding: 0;
margin: 0;}

.menu {
width: 950px;
padding: 0;
margin: 0;}

.menu ul {
margin: 0;
position: relative;
list-style: none; 
list-style-type: none; 
padding-top: 12px;
padding-left: 65px;}

.menu ul li {
float: left;
display: inline;
padding-right: 40px;
list-style: none;}

.menu li a {
float: left;
display: inline;
font: bold 9pt Verdana, arial;
text-align: center;
padding: 0;
text-decoration: none;
text-transform: uppercase;
color: #84B016;}

.menu li.current_page_item a {
color: #949493;}

.menu li a:hover {
text-decoration: none;
color: #fff;}


*/






/* BLOG NAME PROPERTIES */

/* h1 {
clear: both;
text-align: left;
padding-top: 170px;
padding-left: 120px;
font: bold 2.3em "Trebunchet MS", serif;} */

*html h1 {
padding-top: 160px;}

a.mainlink {
text-decoration: none;
color: #669104;}

a.mainlink:hover {
text-decoration: none;
color: #669104;}



/* SIDEBAR */

#mainnav {
float: right;
width: 200px;
margin-top: -30px;
padding-right: 25px;}

.nav h2 {
clear: both;
background: url(/blog/wp-content/themes/JGW-001/images/sidebar-header.jpg) no-repeat;
font: bold 9pt Verdana, arial;
text-indent: 5px;
margin-top: 15px;
padding: 7px 0;
color: #777777;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
list-style: none;}

.nav li a {
display: block;
padding: 7px 0;
background: url(/blog/wp-content/themes/JGW-001/images/sidebar-list.jpg) no-repeat;
width: 175px;
font: 9pt Verdana, arial;
text-indent: 25px;
text-decoration: none;
text-transform: capitalize;
color: #888888;}

.nav li a:hover {
color: #575757;}



/* MAIN PROPERTIES */

#main {
float: left;
font-size: 1.4em;
margin-top: -26px;
padding-left: 25px;
line-height: 1.8em;
text-align: left;
width: 650px;
color: #3E3C3C;}


h1 {
font: bold 28pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
color: #222;
margin-bottom: -1px;
}



h2 {
padding-bottom: 0px;
margin: 0px 0px 14px 0px;
font: bold 28pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-top: 0px;
margin-bottom: -14px;
color: #222;}


.ad {
padding-top: 20px;
padding-bottom: 20px;}

h3 {
background-image: url(/blog/wp-content/themes/JGW-001/images/title-background.png);
background-repeat: no-repeat;
color:#555555;
font-family:Georgia,Times New Roman,serif;
font-size:2.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:oblique;
font-variant:normal;
font-weight:lighter;
letter-spacing:-1px;
line-height:normal;
margin:0 0 10px;
padding-top: 5px;
padding-bottom:0;
text-align:left;
}




/* First line after Read Rest Of Story */
h4 {
padding-bottom: 0px;
font: bold 18pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-top: -30px;
margin-bottom: -14px;
color: #222;
padding-top: 67px;
background-image: url(/blog/wp-content/themes/JGW-001/images/more-seperator.png);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 25px;
}




h7 {
font-size: small;
color: #666;
font-style: italic;
}




/* Read More link */
.more-link {
font-size: larger;
font-style: italic;
}






a.link {
margin-top: 20px;
text-decoration: none;
outline: none;
color: #73706F;}

a.link:hover {
text-decoration: none;
color: #73706F;}

.reply {
clear: both;
padding-bottom: 5px;
margin: 3px 0px 3px 0px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-top: 100px;
margin-bottom: 14px;
color: #444;}

blockquote {
padding-left: 7px;
padding-right: 5px;
font-size: 16pt;
border-left: 2px dotted #999999;
font-style: italic;
color: #555;}



/* AUTHOR TEXT */

h5 {
font: 8pt Verdana, arial;
margin-top: -5px;
padding-left: 30px;
color: #999;
font-size: .55em;
/*padding-left: 91px;*/
/*margin-left: 78px;
color: #4B4B4B;
*/
}

/*
h5 strong {
color: #96C417;}
*/

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
font-weight: bold;
text-decoration: none;
font-size: 12px;
color: #878887;}

.entries a:hover {
text-decoration: none;
color: #7AA318;}

.left {
float: left;}

.right {
float: right;}



/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 33px;
padding-top: 91px;
background: url(/blog/wp-content/themes/JGW-001/images/post-seperator.png) no-repeat scroll center bottom;
padding-right: 10px;
margin-top: -65px;
margin-bottom: 60px;
color: #878887;}

.com a {
text-decoration: none;
color: #999;}

.com a:hover {
text-decoration: none;
color: #333;}

.author {
padding: 7px 0 0 10px;
font: bold 13pt Times New Roman, arial;
color: #777;
font-size: 1.6em;
font-style: italic;
font-weight: lighter;
padding: 7px 0 0 4px;}

.author a {
color: #1561a1;
text-decoration: none;
}

.alt {
background-color: #c6d5ec;}

.comment {
padding: 0 60px;
font-size: 1.1em;}

.userinfo {
text-align: right;
font-size: .55em;
padding: 0 10px 10px 0;
text-align: right;}



/* FOOTER */

#footer {
clear: both;
margin-left: 0px;
background: #333333 url(/blog/wp-content/themes/JGW-001/images/footer.jpg) no-repeat;
/*background: #333333 url(/blog/wp-content/themes/JGW-001/images/bg.jpg) no-repeat;*/
/*overflow: visible;*/
width: 950px;
height: 300px;
/*text-align: center;*/
font-size: 8pt;
}

#footer a {
font-size: 8pt;
text-align: left;
text-decoration: none;
color: #516c87;
}

#footer a:hover {
text-decoration: none;
color: #fff;
}

#footer p {
color: #394653;
}



/* INPUT PROPERTIES */

#search {
margin-top: 12px;
margin-bottom: 30px;}

.searchform {
background-color: #FFFFFF;
border: 1px solid #A3A4A3;
font-weight: bold;
padding-left: 6px;
color: #878887;}

.field {
background-color: #F9F8F8;
border: 1px solid #BCBCBB;
color: #000;
font-size: 18px;
font-family: Verdana;
padding: 4px;}

.comments {
background-color: #F9F8F8;
border: 1px solid #BCBCBB;
color: #000;
font-size: 18px;
font-family: Verdana;
padding: 4px;}

.button {
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #A3A4A3;
color: #878887;}

* html .button {
height: 20px;}



/* IMAGE STYLE */

img {
/*float: left;*/
padding-right: 5px;
border: 0;}

.wp-smiley {
float: none;}



/* GENERAL LINK STYLE */

a {
text-decoration: underline;
color: #555;}

a:hover {
text-decoration: none;
color: #000;}

a:active
{
  outline: none;
}



/* DIV TAGS FOR IPHONE/IPOD DISPALY ONLY 
USES C-CSS.PHP (PHP4 ON THIS SERVER) 

[if ! SafMob]#video  { display: none; }
[if SafMob]#video { font-size:14px; }
*/



/* TWITTER */

#twitter-area	{ 
	font-size: 12px;
	 /* position: absolute; */
	 position:relative; 
	left: 500px; 
	top: -2px; 
	height: 168px; 
	width: 400px;
	}
#twitter-area ul { 
   list-style: none; 
   }
#twitter-area ul li { 
   font-size: 18px; 
   color: white; 
   font-family: Georgia, serif; 
   line-height: 32px; 
   text-align:left;
   }
#twitter-area p {
   position: absolute; 
   bottom: 0px; 
   text-align: right; 
   color: #c5d7ff;
   font-family: Georgia, serif; 
   font-style: italic; 
   width: 100%; 
   }
#twitter-area p a { 
   font-family: Lucida Grande, Arial, Helvetica, Sans-Serif; 
   text-transform: uppercase;
   letter-spacing: 3px; 
   font-style: normal; 
   font-size: 10px; 
   color: white;
   border-bottom: 1px dotted white; 
   padding: 0 3px; 
   }
#twitter-area p a:hover { 
   border-bottom: 1px solid white; 
   background: #1f2c4b; 
   }
#twitter-area #tweet a {
   color: #39b9f2; 
   }
#twitter-area #tweet a:hover {
   border-bottom: 1px dotted #39b9f2; 
   }



#twitter_update_list a:link {
  text-decoration:  none;
  /* font-weight: bold; */
  font-size: 18px; 
   /* color: yellow; */
   font-family: Georgia, serif; 
   line-height: 32px; 
   text-align:left;
  }
#twitter_update_list a:visited {
  text-decoration:  none;
  }
#twitter_update_list a:hover   {
  text-decoration:  underline;
  color:#fff;
  }
#twitter_update_list a:active  {
  text-decoration:  none;
  }





div#twitter {
	width: 20em;
	margin-bottom: 2em;
	border: 1px solid #888;
}


ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 0 0;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color:#333;
	font-size:10px;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color:#0C3;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
}






/* SimplePie style */

.simplepie p {
	margin-top: -20px;
}

.simplepie h2 {
	font-size: 1.2em;
}





/* http://codex.wordpress.org/Using_Images */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* Styling Some Images */

img.upload {
     /* margin: 10px; */
     padding: 10px;
     border:solid #222 0px;
     background: #fff;
     max-width: 620px;
     width: expression(this.width > 630 ? 630: true);
}


img.uploads {
     /* margin: 10px; */
     padding: 10px;
     border:solid #222 0px;
     background: #fff;
     max-width: 620px;
     width: expression(this.width > 630 ? 630: true);
}


img.smugmug {
     /* margin: 10px; */
     padding: 5px;
     border:solid #222 0px;
     background: #728dc3;
     max-width: 630px;
     width: expression(this.width > 630 ? 630: true);
}


a:hover img.smugmug { background: #e5e5e5; }





img.alignnone.size-full {
     max-width: 640px;
     width: expression(this.width > 640 ? 640: true);
}





/* 
img.alignnone.size-full {
     margin: 10px;
     padding: 10px;
     border:solid #222 0px;
     background: #fff;
     max-width: 630px;
     width: expression(this.width > 630 ? 630: true);
}
 */