/*Colours  Heavily Inspired by the Rounder's Template for Blogger
by stopdesign.com*/

/*Box Layout as given in HeadFirst HTML ;) */


body {
  background: #C9BE62;
  margin:0;
  padding:0;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#333;
  font-size:small;
  }


/* Page Structure
----------------------------------------------- */

#content {
  width:940px;
  margin:0 auto;
  padding: 10px 20px 20px 20px;
  text-align:left;
  }

#main {
   width:685px;
  float:left;
  background:#fff;
  margin:15px 0 0;
  color:#000;
  font-size:97%;
  line-height:1.5em;
  }


#sidebar {
  width:240px;
  float:right;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#258;
  }
a:visited {
  color:#666;
  }
a:hover {
  color:#c63;
  font-size:110%;
  }
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
#header {


  background:#456 url('') no-repeat right 50%;
  color:#fff;
  background-position-x:right; background-position-y:50%; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; background-image:url(''); background-repeat:no-repeat
  }

#title-text {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }

#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:94%;
  line-height:1.5em;
  }


/* Content
----------------------------------------------- */
.content-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#357;
  }
.content {
  
  border-left:0px dotted #bbb; border-right:0px dotted #bbb; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; margin-left:0; margin-right:0; margin-top:.3em; margin-bottom:25px; padding-left:13px; padding-right:13px; padding-top:0; padding-bottom:0
  }
.content-title {
  border-left:1px dotted #bbb; border-right:1px dotted #bbb; border-top:0px dotted #bbb; border-bottom:1px dotted #bbb; margin:0; font-size:135%;
  line-height:1.5em;
  background:url('') no-repeat 10px .5em;
  display:block;
  color:#333; padding-left:29px; padding-right:14px; padding-top:2px; padding-bottom:2px
  }

.content-body {
  border-left:1px dotted #bbb; border-right:1px dotted #bbb; border-top:0px dotted #bbb; border-bottom:1px dotted #fff; padding-left:29px; padding-right:14px; padding-top:10px; padding-bottom:1px
  }

.content-body em {
  font-weight : bold;
  font-style:normal;
}
html>body .content-body {
  border-bottom-width:0;
  }
.content p {
  margin:0 0 .75em;
  }


.content img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #ccc;
  }
blockquote {
  border-left:0px dotted #ccc; border-right:0px dotted #ccc; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:.75em 0; color:#666; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px
  }
.content blockquote p {
  margin:.5em 0;
  }


/*
Tables
*/
table.container {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: #FCDFFF;
}
table.container th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.container td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: #FAF8CC;
	-moz-border-radius: ;
}


/* Profile
----------------------------------------------- */
#nav-container {
  background: #ECD672;
  margin:0 0 15px;
  color:#345;
  }

#nav-container h2{
   margin : 5px 0 0 0;
   line-height  : 60%;
  } 

#nav-container a {
  color:#258;
  }

.nav-list {
  line-height : 200%;
  list-style-type : none;
}


/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#fff;
/*   margin:0 0 15px; */
  color:#666;
  }

.box a:hover{
  font-size: 100%;
  }

.sidebar-title {
  margin:0;
  padding:10px 15px .2em;
  font-size:150%;
  line-height:1.5em;
  color:#333;
  font-style : underline;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding: 8px 0 0 0;
  margin:0; 
  }

#footer2{
  background:#456;
  color:#fff;
  font-stretch : wider;
   
  }


#footer2 p {
  text-align : center;
   
  }

#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;}

.scrol {
 padding: 10px;
 text-align:center;	
}

.horz_list
{
padding: 20px;
}
/*
#mainbox {
   width:600px;
  margin:0 auto;
  padding : 0 10px 0 160px;
  text-align:left;
}

#mainbox img{
  width : 200px; 
  padding : 0 190px 0 40px;
  border : none;
}
*/

#main table a:hover{
 font-size : 100%;
}

/* Flickr Badge CSS */

 .flickr_badge { /*width: 600px;*/
 margin : auto; 
 border : none;
 text-align : center;
  line-height : 2px;
}

.flickr_badge img { /*width: auto; height: 100px;*/ padding: 5px; margin: 10px 10px 10px 0; border: 1px solid #000; background: #dde;  }

.li_right {
 float : right;
}



#search-bar {
  background:#456 ;
  margin:0 0 15px;
  color:#345;
  }


#search-bar input {
  width : 170px
  }


#search-bar button {
  width : 40px
  }

#search-bar h2{
   color : #fff;
   margin : 5px 10px 5px 10px;
  } 


#search-bar form{
   display : inline;	
   margin : 10px;
  } 

#search-bar p{
   display : inline;	

  } 
 


#guidelines{
  text-align : justify;
}


#guidelines ul{
  list-style-type: none;
}