/*

Theme Name: Doublebugs

Description: Fun stripes and dots design for Double Bugs.

Author: Shera

Author URI: http://www.sweetnsimpledesign.com

Version: 1.0





*/



/*general page structure*/

body    

        {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        background-image: url("images/stripesbg.jpg");

	}



#page   {

        margin: 0px auto;

        padding: 0px;

        width: 900px;

        border: 8px solid #000040;

        background: #ffffff;

	}



.leftwrap {

        width: 690px;

        float: left;  

        margin: 0px 0px; 

        border-top: 0px solid #;     

        }



.container {

        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        line-height: 1.3em;

        float: right;

        margin: 0px 0px 0px 0px;       

	width: 480px;

	text-align: left;

        /*fixes ie double margin bug*/ display: inline;

        }

#header {

	margin: 0px auto;

        padding: 2px 0px;

	height: 200px;

	width: 900px;

        background-image: url("images/header.png");

        background-repeat: no-repeat;

	}

a       {

        color: #07c5e9;

        text-decoration: none;

        } 



a:hover  {color: #000040;}



h2       {

         color: #000040;

         font: bold 1.2em georgia, "times new roman", serif;  

         background: url("images/pagelabel.png") center;

         background-repeat: no-repeat;

         text-transform: none;

         text-align: middle;

         padding: 5px 20px 10px 40px;

         margin: 0;

        }



h3       {

         font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

         margin: 0px 0px 5px 0px;

         }



a img,:link img,:visited img { border:none }    





/*sidebar*/

#sidebar {

	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        line-height: 1.3em;

	width: 190px;

        margin-right: 5px;

        padding-left: 5px;

        padding-bottom: 20px;

        float: right;

        text-align: left;

        border-left: 1px solid #000040;

        background-color: #ffffff;

        /*fixes ie double margin bug*/ display: inline;

	}



#leftside {

        font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        line-height: 1.3em;

	width: 195px;

        margin-left: 3px;

        margin-right: 5px;

        padding-bottom: 20px;

        float: left;

        text-align: left;

        border-right: 1px solid #000040;

        background-color: #ffffff;

        /*fixes ie double margin bug*/ display: inline;

        }



#leftside p, #sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px;

	line-height: 17px;

        color: #07a9c3;

	}

	

#leftside ul, #sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 3px;

        list-style-type: disc;

        list-style-image: url(images/bullet.gif);

        list-style-position: outside;

        color: #07a9c3;

}



#leftside li, #sidebar li {

        margin: 0px;

	padding: 0px;

        color: #07a9c3;

}

#leftside ul li, #sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#leftside ul li a, #sidebar ul li a {

	color: #07a9c3;

	text-decoration: none;

}



#leftside ul li a:hover {

	color:#000040; 

}



#sidebar ul li a:hover {

       color: #000040;

}



#leftside ul ul, #sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        color: #07a9c3;

        list-style-type: disc;

        list-style-image: url(images/bullet.gif);

        list-style-position: outside;

        color: #07a9c3;

}



#leftside ul ul li, #sidebar ul ul li {

	margin: 0px;

}



#leftside ul ul ul, #sidebar ul ul ul {

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        color: #07a9c3;

        list-style-type: disc;

        list-style-image: url(images/bullet.gif);

        list-style-position: outside;

}



#leftside ul ul ul li, #sidebar ul ul ul li{

	margin: 0px;

}





#leftside ul li#rectangle {

        width: 110px;

        }



/*header menu*/





#menu {

       position: relative;

       top: 178px;

       left: 0px;      

       font: 1.4em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

       }



#menu ul {margin: 0; padding: 0; 

	list-style-type: none; list-style-image: none; }

#menu li {display: inline; }

#menu ul li a {text-decoration:none;  text-size:12px; margin: 0px;

	padding: 0px 5px 0px 5px; color: #000040; border-left: 1px solid #000040; border-right: 1px solid #000040;}

#menu ul li a:hover {color: #ffffff;

	background: #000040; }



   

/*post*/

.heading a {

        font: 1.7em georgia, "times new roman", serif;  

        color: #000040;

        text-decoration: none;

        border-bottom: 0px solid #588

        }  



.heading a:hover {

        color: #07c5e9;

}



.post   {

	margin: 0px 0px 30px 0px;

        background-color: #ffffff;

        color: #404040;

        padding-bottom: 10px;

        font: 1em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        line-height: 1.4em;

        border-bottom: 1px dashed #000040;

	}



.post ul {

        padding-left: 5px;

        }



.post li {

        padding-left: 5px;

        }



.content {

        margin: 10px 0px;

        }



p.postinfo, p.postmetadata  {

         font-size: 0.8em;

         text-align: center;

         line-height: 0.8em;

         }



p.postmetadata { 

         line-height: 1.2em;

         text-align: left;

         clear: left;

         }



#navigation,#navigation .alignleft a,#navigation .alignright a{

         margin: 0px 0px 70px 0px;

         font: bold 1.1em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

         }



/*comments*/

   .commentlist li {
list-style-image:none;
list-style-position:inside;
list-style-type:decimal;
margin:15px 0 10px;
padding:10px 5px 10px 10px;
}


.comment, .alt {

        background-color: #afe3e6;

	border: 1px solid #000040;

        font-size: 1.2em;

	margin: 15px 0px;

	padding: 5px 5px;

	list-style: none;

	}



.alt    {

        background-color: #fff;

        }



#commentform textarea {

        width: 400px;

        background-color: #fff;

        border: 1px solid #000040;

        margin: 10px 10px;

	padding: 2px;

	}



#commentform #submit {

        background-color: #afe3e6;

	margin: 5px 0px;

        padding: 2px;

	float: left;

	}



#commentform #author, #commentform #email, #commentform #url {

        background-color: #ffffff;

        border: 1px solid black;

        } 



.decoration {

        background-image: url("");

        width: 50px;

        height: 43px;

        border: 0px solid black;

        margin: 10px 0px;

        }



/*footer*/

#footer {

	padding: 0px 0px;

	width:900px;

        background-color:#afe3e6;

        clear: both;

	}



.footmenu {

        height: 20px;

        width: 900px;

        border-top: 1px solid #000040;

        border-bottom: 1px solid #000040;

        }



.footmenu ul {

        margin: 0px;

        padding: 0px;

        }



.footmenu li{

        padding: 1px 0px;

        margin: 0px;

        float: left;

        display: inline;

        height: 100%;

        width: 50%;

        }



.footmenu a {

        display: block;

        text-align: center;

        font: bold 1.5em "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

        color: #ffffff;

        background-color: #000040;

        }  



.footmenu a:hover,.footmenu a:active {  

        background-color: #ffffff;

        }



/*comments popup page*/

#smallpage {

        margin: 0px auto;

	width: 300px;

        padding: 5px 20px;

        border: 2px solid #000;

        background-color: #fff;

        }



#smallpage textarea {

        width: 200px;

        background-color: #fff;

        border: 1px solid black;

        margin: 10px 0px;

	padding: 2px;

	}



#smallpage #commentform #submit {

        background-color: #fff;

	margin: 5px 0px;

        padding: 2px;

	}



#smallpage #commentform #author, #commentform #email, #commentform #url {

        background-color: #fff;

        border: 1px solid black;

        } 



/*miscellaneous classes*/

#s, #barsubmit {

         margin: 7px 2px;

         width: 90px;

         height: 17px;

         padding: 2px 1px;

         background-color: #fff;

         border: 1px solid #000;

	 }



#barsubmit {

	 margin: 6px 0px;

	 padding: 2px 0px;

         height: 23px;

         width: 26px;

	 }



ul, li, ul li, li ul li, ul ul li, ul ul ul li {

        list-style-type: disc;

        margin: 10px 0px;

        padding: 0px 0px;

        }



ol      {

        margin: 0px 15px;

        padding: 0px 10px;

        }



ol li   {list-style-type: disc}



.alignleft {float: left}



.alignright {float: right;}



.center {text-align: center;}



code {font: 1.1em 'Courier New', Courier, Fixed, monospace;}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select  {width: 130px;}



blockquote {

	margin: 10px 15px;

        border: 1px solid #000040;

        background: #baf1f4;

        padding: 0px 7px;

	}



hr      {display: none;}



a img   {

	border: none;

        margin: 1px 0px;

        list-style-type: none;

	}



img     { border: none;

        }





.textwidget {

        margin: 10px 3px;

        }



.fix    {

display: inline;

        }



.watermark {   

        margin: 3px auto;

        width: 800px;

        color: #000040;

        border-left: 0px solid #589;

        border-right: 0px solid #589;

        text-align: ;left;

        }