/*  
Theme Name: GustyGusset by JL
*/

*
{
margin: 0;
padding: 0;
}

ul {
list-style: none;
}


/* Layout / font styling / color */
body {
font-size: 1em;
margin: 0;
text-align: center;
background: #1f1f1f; /*page background*/
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
	}


                 				 /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/

#blogtitle{
width: 100%;
height:7em;
margin: 0 auto 0 auto;
}

#blogtitle .tagline{
float: left;
font-size: 2em;
padding-top: 33px;
padding-left: 0.45em;
}
#blogtitle .strapline{
float: right;
font-size: 1.25em;
letter-spacing: 1px;
margin-right: 8px;
padding-bottom: 0;
text-align: right;
padding-right: 15px;
padding-top: 50px;
}

#blogtitle a:link, #blogtitle a:visited, #blogtitle a:hover {
color: #ffffff;
background: #1f1f1f;
text-decoration: none;
font-weight: bold;
border: none;
margin-left: 0;
}

                         /***************************************************
                         *********************** Container **************
                         *****************************************************/
#container {
clear:left;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top: 0;
width: 99%;
overflow: hidden;
background-color: #ffffff;
color: #1f1f1f;
}

                         /***************************************************
                         *********************** Left Sidebar Container *******
                         *****************************************************/
#leftnav {
font-size: 14px;
float: left;
width: 185px;
padding-top: 0;
margin-top: 4px;
margin-left: 15px;
margin-bottom: 20px;
text-align: left;
}

/* IE6 Only */
* html #leftnav {
margin-left: 8px;
}

                         /***************************************************
                         *********************** Right Sidebar Container *******
                         *****************************************************/

#rightnav {
font-size: 14px;
float: right;
width: 185px;
padding-top: 0;
margin-top: 4px;
margin-bottom: 20px;
margin-right: 15px;
text-align: left;
}
/* IE6 Only */
* html #rightnav {
margin-right: 8px;
}

                         /***************************************************
                         *********************** Content **************
                         *****************************************************/
#content {
display: block;
margin: 15px 210px 20px 210px;
padding: 1em;
padding-top: 3px;
text-align: left;
background-color: transparent;
color: #1f1f1f;
border-left: 4px dotted #1f1f1f;
border-right: 4px dotted #1f1f1f;
}


#content ul {
padding-left: 8px;
}


#content ul li{
padding: 0.2em;
padding-top: 0;
/*list-style: square;*/
}

#content ul ul li{
padding: 0.2em;
padding-top: 0;
list-style: circle;
}


#content ol{
list-style-position: inside;
list-style-type: decimal;
padding-left: 0px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p {
padding-left: 0;
line-height: 1.3em;
}

#blurb {
font-size: 1em;
margin: 0;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
margin-bottom: 10px;
background: none;
padding: 0 0 0 8px;
}
   
   
                 
            
                         /***************************************************
                         *********************** Footer **************
                         *****************************************************/

#footwrap {
clear: both;
color: #ffffff;             
background: #1f1f1f;
padding: 2px 1em 5px 1em;
font-weight: normal;
}

#footwrap p {
display: block;
margin-top: 8px;
margin-bottom: 2px;
text-align:center;
}

#footwrap a:link, #footwrap a:visited {
color: silver;
text-decoration: none;
border: none;
font-weight: bold;
}

#footwrap a:hover, #footwrap a:visited:hover {
text-decoration: underline;
border: none;
}

#footwrap img {
padding: 0 5px 0 5px;
}

                         /***************************************************
                         *********************** Left Sidebar **************
                         *****************************************************/


#sidebarleft {
margin-bottom: 10px;
background: none;
padding: 0 8px  0 0;
}

#sidebarleft li {
padding-bottom: 8px;
background: #1f1f1f; /* box background*/
}

#sidebarleft ul li {
display: block;
margin-left: 8px;
margin-right: 5px;
padding-bottom: 2px;
}

#sidebarleft ul li ul li{
padding-bottom: 2px;
}

#sidebarleft ul li li{
padding: 4px 5px 2px 2px;
}

#sidebarleft a:link {
display:block;
color: #F5FFC1;
background: #1f1f1f;
text-decoration: none;
font-weight: normal;
}

#sidebarleft a:hover, #sidebarleft a:visited:hover, #sidebarleft a:visited {
display:block;
color: #FFFFFF;
background: #1f1f1f;
text-decoration: none;
}

#sidebarleft h2 {
color: #ffffff;
padding: 2px 8px 2px 8px;
margin-top:14px;
background: #1f1f1f url(img/h2.gif) no-repeat top left;
border-bottom: 2px solid #ffffff;
}

                         /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright {
margin-bottom: 10px;
background: none;
padding: 0 0 0 8px;
}

#sidebarright li {
padding-bottom: 8px;
background: #1f1f1f;
}

#sidebarright ul li {
display: block;
margin-left: 5px;
padding-bottom: 2px;
}

#sidebarright ul li ul li{
padding-bottom: 2px;
}

#sidebarright ul li li{
padding: 4px 3px 2px 2px;
}

#sidebarright a:link {
display:block;
color: #F5FFC1;
background: #1f1f1f;
text-decoration: none;
font-weight: bold;
}

#sidebarright a:hover, #sidebarright a:visited:hover, #sidebarright a:visited {
display:block;
color: #FFFFFF;
background: #1f1f1f;
}

#sidebarright h2 {
color: #ffffff;
padding: 2px 8px 2px 8px;
background: #1f1f1f url(img/h2.gif) no-repeat top left;
margin-top:14px;
border-bottom: 2px solid #ffffff;
}


#leftnav p, #rightnav p { 
margin: 0 0 1em 0; 
}
#content h2 { 
margin: 0 0 0.5em 0; 
}

                         /***************************************************
                         *********************** Paragraph **************
                         *****************************************************/

p {
margin-bottom: 12px;
margin-top: 12px;
margin-left: 10px;
}

                         /***************************************************
                         *********************** Blockquote ********************
                         *****************************************************/

blockquote {
margin: 0 0 0 30px;
padding: 0 25px 0 0;
font-style: italic;
color: #1f1f1f;
}

                         /***************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata {
font-size: 0.85em;
width: 98%;
display: block;
margin: 25px auto 6px auto;
padding: 2px 5px 2px 35px;
text-align: left;
color:#1f1f1f;
background: transparent;   
border-top: 2px solid #1f1f1f;
}

#content .postmetadata {
padding-left: 5px;
}

.postmetadata a:link, .postmetadata a:hover {
border: none;
color: blue;
font-weight: normal;
}

.postmetadata a:visited:hover {
border: none;
color: #1f1f1f;
background: transparent;
font-weight: normal;
}

.postmetadata a:visited {
border: none;
color: purple;
font-weight: normal;
}

                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link {
color: blue;
text-decoration: none;

}

a:hover {

text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: none;
}

a:visited:hover {

text-decoration: underline;
}




												/*****  Images *********************/
a img {
border:none;
background:none;
padding-top:5px;
padding-right: 0px;
}

#feed, #feed img a:link, #feed img a:visited {
border: none;
}

.leftImage{
float: left;
margin-left: 1.2em;
margin-right: 1em;
margin-bottom: 0.75em;
margin-top: 1em;
}

.leftImage1{
float: left;
margin-left: 0;
margin-right: 1em;
margin-bottom: 0.5em;
margin-top: 0.25em;
}

.mediaImage{
float: left;
margin-left: 0;
margin-right: 1em;
margin-bottom: 0.5em;
margin-top: 3px;
border-right: 4px solid #1f1f1f;
border-top: 2px solid #1f1f1f;
border-left: 2px solid #1f1f1f;
border-bottom: 4px solid #1f1f1f;
}
.rightImage{
float: right;
margin-left: 1em;
margin-right: 0;
margin-bottom: 0.75em;
margin-top: 1em;
}

.rightImage1{
float: right;
margin-left: 1em;
margin-right: 0;
margin-bottom: 0;
margin-top: 0.25em;
}
.flash{
float: left;
margin-left: 8px;
margin-right: 1em;
margin-bottom: 0.25em;
margin-top: 11px;
border-right: 4px solid #1f1f1f;
border-top: 2px solid #1f1f1f;
border-left: 2px solid #1f1f1f;
border-bottom: 4px solid #1f1f1f;
}

                         /***************************************************
                         *********************** Comments ********************
                         *****************************************************/

.commentlist {
padding-left: 10px;
padding-right: 0;
background: transparent;
/*color: #1f1f1f;*/
}

.commentlist li {
margin: 8px 0 20px 8px;
padding-left: 0;
list-style: none;
padding-top: 8px;
padding-bottom: 5px;
border-top: 1px solid gray;
}

li.alt {
background: transparent;
color: #1f1f1f;
}

.commentlist cite {
padding: 2px 0 4px 0;
color: #1f1f1f;
}

.commentlist p {
padding: 5px 0 2px 0;
margin-bottom: 5px;
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {
text-decoration: none;
color: #1f1f1f;
padding-left: 10px;
}

.commentnumber {
margin-top: 2px;
float:right;
color: gray;
font-size: 13pt;
}

#comment {
width:98%;
}



                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

h1 {
float: left;
font-size: 4em;
text-align: left;
padding-left: 10px;
padding-top: 20px;
margin-left: 8px;
}

h2 {
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
letter-spacing: 1px;
}

h3 {
display: block;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 12px;
margin: 0 0 6px 0;
text-align: left;
}

h3.posttitle {
font-size: 1em;
padding-left: 8px;
padding-top: 0;
padding-bottom: 2px;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px solid #1f1f1f;
background:#1f1f1f url(img/title.gif) no-repeat top left;
}

.posttitle a:link, .posttitle a:hover, .posttitle a:visited:hover {
font-size: 1.15em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.posttitle a:visited {
font-size: 1.15em;
color: silver;
font-weight: bold;
}

h4 {
margin-top: 15px;
font-size: 15px;
font-weight: bold;
padding: 0 0 0 12px;
margin: 0px 0 6px 0;
text-align: left;
color: #1f1f1f;
background: #ffffff;
}

h4 .comments {
text-decoration: none;
}

h5 {
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}


                         /***************************************************
                         *********************** date ********************
                         *****************************************************/
.date {
font-size: 0.8em;
float: right;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 5px 5px 5px;
margin-top: 2px;
text-align: center;
color: #F5FFC1;
}

.entry {
margin-bottom: 5px;
}
                         /***************************************************
                         *********************** Contained floats fix************
                         *****************************************************/
.post {
font-size: 1em;
display: block;
overflow:hidden;
width:98%;
padding-bottom: 12px;
}

                         /***************************************************
                         *********************** Code ********************
                         *****************************************************/
code {
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #1f1f1f;
color: #1f1f1f;
background: #4F4F4F;
background: #1f1f1f;
}

                         /***************************************************
                         ************ Navigation (based on Blix)**************
                         *****************************************************/
#navigation {
margin-top: 0;
margin-left:8px;
margin-right:auto;
width: 100%;
overflow: hidden;
height:2.7em;
line-height:2.7em;
}

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

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
  
}

#navigation li a {
  display: block;
  padding:0 15px 2px;
  font-size:0.8em;
  text-transform:uppercase;
  font-weight: bold;
  letter-spacing:1px;
    }

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


#navigation form {
  float:right;
  height:99%;
  width:200px;
  padding:0 5px;
  line-height:1em;
  margin-right: 18px;
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {
margin-top:7px;
}

#navigation #s {
  height:1.5em;
  width:115px;
  margin:0 8px 0 0;
  padding:0;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
 /* border:1px solid;*/
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}

#navigation {
background-color: #1f1f1f;
color:#ffffff;
}


#navigation a {
background-color: #1f1f1f;
color:#ffffff;
}

#navigation .selected, #navigation a:hover {
  color: #F5FFC1;
  background: #1f1f1f;
  text-decoration: underline;
  }

#navigation form {
}

#navigation #s {
border-color:#FFF9EA;
}

#navigation #searchbutton {
color:#333333;  
background-color:#ffffff;
}

/*.credits
{
margin-top: -20px;
margin-bottom: 5px;
padding: 0 4px 8px 4px;
float: right;
}*/


                         /***************************************************
                         *********************** Calendar ********************
                         *****************************************************/
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 160px;
color: #FFFFFF;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar td {
padding: 2px 0;
text-align: center;
}

#wp-calendar th {
text-align: center;
}

#wp-calendar caption {
color: #F5FFC1;
text-align: center;
width: 99%;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 2px;
}

												/************************ Quotes **********************/

#quoterotator {
color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
}

                         /***************************************************
                         ***************** Previous and Next Posts************
                         *****************************************************/

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0.75em;
}


                         /***************************************************
                         *********************** Smileys ********************
                         *****************************************************/

.wp-smiley {
padding: 0;
}

	
													/***************************************************
                         *********************** Weird list ********************
                         *****************************************************/
                         
#weirdlist {
	list-style: none;
}
#weirdlist li {
float: left;
margin-right: 12px;
margin-left: 8px;
margin-bottom: 10px;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #333333;
}
#weirdlist img {
display: block;
margin-top: 10px;
margin-bottom: 5px;
border-right: 4px solid #1f1f1f;
border-top: 2px solid #1f1f1f;
border-left: 2px solid #1f1f1f;
border-bottom: 4px solid #1f1f1f;	
}
#weirdlist ul {
  margin:0;
  padding:0;
  width: 95%;
}

											
												/***************************************************
                         *********************** Log in ********************
                         *****************************************************/

#login {
margin:120px auto 120px auto;
width:350px;
background: #ffffff;
color: #1f1f1f;
padding: 10px;
}

#login ul {
margin:0;
padding:0;
padding-top: 20px;
padding-bottom: 20px;
}
#login ul li {
display:inline;
margin-left:10px;
}