/*
Theme Name: Simply Trapped
Theme URI: http://www.trappedphotons.com
Description: A photoblog theme based on <a href="http://johannes.jarolim.com/blog/wordpress/yet-another-photoblog/">YaPB</a>.
Version: 0.5.1
*/

/* Structure: ------------------------------------------- */

html,body {
  margin:0;
  padding:0;
  text-align:center;
}

#container {
  width:850px;
  margin:3px auto;
  text-align:left;
}

#header {
  padding:3px 10px;
}

#wrapper {
  clear: both;
}

#content-main {
  float:left;
  width:540px;
  padding:3px 10px;
}

#content-single {
  padding:3px 10px;
}

#sidebar1 {
  float:right;
  width:270px;
  padding:3px 10px;
}

#footer {
  clear:both;
  padding:3px 10px;
}

.clear, .post, .navigation, .photopost .entry {clear:both;}

/* Colors: ---------------------------------------------- */

body {
  background:#004;
  color:#FFF;
}

#container {
  background:#000;
}

#header {
  background:#666;
}

#navbar {
  background:#888;
}

#sidebar1 {
  background:#666;
}

#footer {
  background:#555;
}

.postmetadata {
  color:#BBB;
}

.commentlist li {
  background: #222;
}

#commentform textarea, #commentform input, #searchform input {
  background:#222;
  color:#FFF;
}

a {
  color:#E00;
}

a:hover {
  color:#000;
  background-color:#E00;
}

/* Customization: --------------------------------------- */

#mosaic img {
  border:solid 2px #888;
}

#mosaic a:hover {
  background:transparent;
}

.entry {
  text-align:left;
}

.photopost {
  text-align:center;
}

.single_entry, .commentlist {
  width:70%;
  margin:0 auto;
  text-align:left;
}

.bigthumb img {
  border:solid 5px #888;
}


/* Typography: */

body{
  font: 100% "Trebuchet MS",Arial,Verdana,sans-serif;
}

#wrapper p {
  line-height:1.4;
}

#footer {
  text-align:center;
  font-size:0.8em;
}

#mosaic {
  text-align: center;
}

.postmetadata, .navigation {
  font-size:0.8em;
}

h1 {
  font-size:1.6em;
  font-weight:bold;
}

h2 {
  font-size:1.4em;
  font-weight:bold;
}

h3 {
  font-size:1.2em;
  font-weight:bold;
}

h4 {
  font-size:1.1em;
  font-weight:bold;
}

h5,h6 {
  font-size: 1em;
  font-weight:bold;
}

a {
  text-decoration:none; 
  font-weight:bold;
}

a:hover {
  text-decoration:none; 
  font-weight:bold;
}

/* Sidebar: */

#sidebar1 ul, #sidebar1 ul ol {
  margin: 0;
  padding: 0;
}

#sidebar1 ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}

#sidebar1 ul p, #sidebar1 ul select {
  margin: 5px 0 8px;
}

#sidebar1 ul ul, #sidebar1 ul ol {
  margin: 5px 0 0 10px;
}

#sidebar1 ul ul ul, #sidebar1 ul ol {
  margin: 0 0 0 10px;
}

#sidebar1 ol li, #sidebar1 ul ol li {
  list-style: decimal outside;
}

#sidebar1 ul li {
  margin: 0;
  padding: 0;
}

#sidebar1 ul ul li {
  display: block;
  padding: 0 0 0 7px;
  margin: 1px 0 3px 0;
}

#sidebar1 ul ul li a { 
  color: #EEE;
}

#sidebar1 ul ul li a:hover { 
  background: #333;
}

/* Navigation bar menu */

#navbar	ul
{
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
  position:relative;
  display:block;
  font-weight:bold;
  border-top:3px solid #CCC;
}

#navbar ul li
{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
	
#navbar ul li a
{
  display:block;
  float:left;
  color:#FFF;
  text-decoration:none;
  font-weight:bold;
  padding:6px 20px 2px 20px;
}
	
#navbar ul li a:hover
{	
  color:#FFF;
  background: #333;
  padding:2px 20px 2px 20px;
  border-top: 4px solid #CCC;
}
	
/* Form elements: */

#searchform {
  margin: 10px auto;
  padding: 5px 3px; 
  text-align: center;
}

#sidebar1 #searchform #s {
  width: 108px;
  padding: 2px;
}

#sidebar1 #searchsubmit {
  padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
}

select {
  width: 130px;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 80%;
  padding: 2px;
}

#commentform #submit {
  margin: 0;
  float: left;
}

/* Comments: */

.alt {
  margin: 0;
  padding: 10px;
}

.commentlist {
  padding: 0;
  text-align: justify;
}

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

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: block;
}

/* Alignment: */

p img {
  padding: 0;
  max-width: 100%;
}

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

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

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

.alignright {
  float: right;
}

.alignleft {
  float: left
}

.center {
  text-align: center;
}

/* slideshow */

.slideshow {
  margin: 18px auto;
}

.slideshow p {
  font-size: 1.4em;
  padding-top: 9px;
}

div.slideshow ul {
  bottom: 0px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 10001;
}

div.slideshow ul a {
  background-image: url('images/dot-white.gif');
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  width: 30px;
}

div.slideshow ul a.prev {
  background-image: url('images/arrow-left-white.gif');
}

div.slideshow ul a.next {
  background-image: url('images/arrow-right-white.gif');
}

div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}

div.slideshow ul li {
  float: left;
  list-style: none;
}


/* Calendar: */

#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 0.9em;
}

#wp-calendar a {
  text-decoration: none;
}

#wp-calendar caption {
  font-weight: bold;
  text-align: center;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

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

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

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

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

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff; 
}

/* Local customization: ---------------------------------------------- */

body {
  background:#000;
  color:#DDD;
}

#container {
  background:#000;
}

#header {
  background:#000;
}

#blogname {
  float: left;
}

#blogdesc {
  float: right;
  padding: 8px;
}

#navbar {
  background:#000;
}

#sidebar1 {
  background:#000;
}

#footer {
  background:#000;
}

a {
  color:#FFF;
}

a:hover {
  color:#000;
  background-color:#DDD;
}

.cc-block {
  font-size: 0.8em;
  text-align: center;
}