/*
Theme Name:		PhotopurePress
Description:	Wordpress Theme for Photographers . Visit <a href="http://themeforest.net?ref=rzepak">http://themeforest.net</a> for more information or visit <a href="http://rzepak.pure.pl/">rzepak.pure.pl</a>
Version:		1.0 
Author:			Rzepak
Author URI:		http://rzepak.pure.pl/
*/

body {background: #ededed; overflow-x:hidden }
.clear {clear:both}
.leftside {width:100%; position: relative; margin-left:15px; }
.left {float:left}
.right {float:right}
ul {list-style:none}
ul li {margin-left:0px}

a:active, a:focus {outline: 0; }
a {text-decoration: none;}


/* LOGO --------- */

h1#logo a { display: block; width:297px; font-family: "Century Gothic", Times New Roman, times-roman, georgia, serif; font-size: 48px; line-height: 40px; letter-spacing: -1px; color: #444; margin: 0 0 0 0;
            padding: 0 0 0 0; font-weight: 100; text-decoration: none; margin-top:20px;  }
h1#logo { margin-bottom: 0px}

p#blog-desc { font-family: "Century Gothic", Adobe Caslon Pro, Hoefler Text, Georgia, Garamond, Times, serif; letter-spacing:1px; line-height: 145%; font-size: 17px;  margin-bottom: 20px }
.amp { font-family:"Century Gothic",Hoefler Text,Palatino,Palatino Linotype,serif; font-style:italic; }


/* Slideshow --------- */

#slideshow  { overflow:hidden; width:100%; }
#slideshow ul { padding-left:225px; width:32500px; list-style: none; }
#slideshow li { cursor:pointer; float:left; height: 100%; margin-right:10px}
#slideshow li img {padding:10px; padding:5px; }

/* Thumbnails --------- */
.hover-menu {background:#fff}
.thumb-link { display: block}
.thumb { width:280px; float:left; padding:5px; margin:10px; position: relative;  }
.thumb h2 { position:absolute; bottom:5px; left:0px;opacity:0.7}
.thumb h2 a { text-decoration: none; padding:5px; font-size:18px; display: block; font-family: MS Serif; font-style: italic;}

/* Top menu --------- */

.menu li{ float: left; }
.menu li a { font-family:"Century Gothic",Times,serif; font-size:20px; font-weight:normal; letter-spacing:-1px; margin-bottom:0;   text-decoration:none;}

.menu { list-style: none; float: right; margin:40px 0px 0 0;z-index:300; }
.menu li#title { font-family: "Century Gothic", Tahoma; font-size: 10px;	font-weight: lighter; font-variant: normal; text-transform: uppercase; margin-top: 10px; text-align: center!important;	letter-spacing: 0.3em; float: none }

#dropmenu, #dropmenu ul { list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300;   font-weight:bold;}
#dropmenu a {display:block; padding:10px 20px; text-decoration:none; }
#dropmenu a:hover {text-decoration:none;}
#dropmenu li {float:left; position:relative;z-index:305; margin-left:0px}
#dropmenu ul {position:absolute; z-index:306; left:0px; display: none}
#dropmenu ul a {}
#dropmenu li ul { width:14.1em;}
#dropmenu li ul li {z-index:306;}
#dropmenu li ul a {height:auto; float:left;background:#fff }
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:14.5em; margin:0px 0 0 5px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


ul#dropmenu li.arrow a {padding-right:20px;}


ul#menu {list-style:none;}


#buttons { float:left; float: right; margin-right:300px }

/* Posts styling --------- */

#posts {margin:0 auto}
.post_meta  {margin-top:20px;}

h2#arch-title { font-family: "Century Gothic",Georgia,serif; padding-left:10px; font-size: 12px; font-weight: normal; line-height: 22px; margin: 0; text-transform: uppercase; letter-spacing: 1px  }

#post-title { font-size:26px; font-weight:normal; margin-top:12px;}
#post-content { font-family:"Century Gothic",georgia,serif; font-size:12px; font-weight:normal; line-height:150%; padding:10px 30px; margin:20px 10px 10px 0px; width:880px; }

#normal-post-content { font-family:"century gothic", serif; font-size:12px; font-weight:normal; line-height:150%; padding:10px 30px; margin:20px 0px 10px; width:880px; }
#normal-post-content img {max-width:840px; height: auto}

#navigation ul { list-style: none; margin-top: 10px; padding:5px;  overflow:hidden}
#navigation ul li { margin-left:0px; padding:5px; float:left }
#navigation ul li a { text-decoration: none; }

#left-scroller { position: absolute; left:0px; top:400px}
    #left-scroller a { display: block;width:45px; height: 45px; background: url("../images/img/left-scroller.png") no-repeat; text-indent: -9999px}
    #left-scroller a:hover {background: url("../images/img/left-scroller.png") no-repeat bottom;}
#right-scroller { position: absolute; right:20px; top:240px}
    #right-scroller a { display: block;width:45px; height: 45px; background: url("../images/img/right-scroller.png") no-repeat; text-indent: -9999px}
    #right-scroller a:hover {background: url("../images/img/right-scroller.png") no-repeat bottom;}



/* Featured --------- */

.container { width:940px; height:400px; overflow:hidden; position:relative; cursor:pointer;z-index:0; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:940px; display:none; }

#loopedSlider { margin:0px auto; width:940px; position:relative; clear:both; }
        ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; }
        ul.pagination li { float:left; margin:0 5px; }
        ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url("../images/img/pagination.png"); background-position:0 0; background-repeat:no-repeat;}
        ul.pagination li.active a {background-position:0 -12px}

        a.previous { position:absolute; top:170px; left:0px; display: block;width:45px; height: 45px; background: url("../images/img/left-scroller.png") no-repeat; text-indent: -9999px }
                a:hover.previous {background: url("../images/img/left-scroller.png") no-repeat bottom;}
        a.next { position:absolute; top:170px; right:-2px;  display: block;width:45px; height: 45px; background: url("../images/img/right-scroller.png") no-repeat; text-indent: -9999px }
             a:hover.next { background: url("../images/img/right-scroller.png") no-repeat bottom;}
        #loopedSlider img { padding:5px; margin:10px; position: relative; }

        .slides div h2 {position:absolute; bottom:25px; left:10px; background: #000; opacity:0.7; z-index: 233}
        .slides div h2 a { text-decoration: none; padding:5px; font-size:24px; display: block; font-family: MS Serif; font-style: italic; }

/* Footer --------- */

#bottom { margin-top:20px; padding-bottom:15px;  }
#bottom h2 { font-family: "century gothic",Times New Roman,times-roman,georgia,serif; font-size:20px; font-weight:100; letter-spacing:-1px;
              line-height:40px;  padding:0; text-decoration:none;  margin-bottom: 0px }

#footer { font-size:10px; margin-top:25px; text-transform:uppercase; }
#footer .right ul { list-style:none}
#footer .right ul li { float:left; margin-left:10px}

.widget {margin:0px 10px}

 ul#socials li { float:left; padding:3px }
 .navigation {text-align:center; margin:10px 0px}
  
/* Images --------- */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* -- tweeter */

  .tweet .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #fff; }
    .tweet .tweet_list li { -webkit-border-radius: 5px; -moz-border-radius: 5px;}
   
    .tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
      .tweet .tweet_list .tweet_avatar img { vertical-align: middle; }

/* Comments --------- */

.comment-meta {font-size:11px;color:#DDDDDD;}
#leave-comment, #comments h4, #navigation h4{ font-family: "Century Gothic",Georgia,serif;
                font-size: 12px; font-weight: normal; color: #888888; line-height: 22px; margin: 0; text-transform: uppercase; letter-spacing: 1px }

#respond h3 { font-family:"century Gothic",Georgia,Times,serif; font-size:16px; }

#comments { margin-bottom:15px; }
    #comments ol { margin:0;padding:0; list-style:none }
ul.children { list-style:none;}
span.unapproved { background: #eee; border:1px solid #ddd; padding:5px; display:block; margin-top:20px;}
li.comment {background:#fff; padding:10px 10px 5px 10px; margin:10px 0px;
            box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; }
li.comment img.avatar {float:right; padding:3px; margin-right:10px;
                        box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; }
li.bypostauthor {background:#f3f3f3; border-top:1px solid #ddd; border-left:1px solid #ddd}
.comment-content p {padding:5px}
.comment-author-admin { border-left:2px solid #6a6a6a}
.comment-author span {font-weight:bold; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 11px;}
.comment-author span a {text-decoration:none;  }
a.comment-reply-link {text-decoration:none; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
a.permalink {text-decoration:none;  font-style:italic; font-family: Helvetica, Arial, sans-serif; font-size: 10px; display: none}
li.depth-2 {background: #f4f4f4; border:1px solid #ddd box-shadow: 0px 0px 0px #ccc; -moz-box-shadow: 0px 0px 0px #ccc; -webkit-box-shadow: 0px 0px 0px #ccc;}
#comment-notes {font-style:italic; padding:10px; text-shadow:1px 1px 1px #fff;}
.form-section { height:40px; text-transform:uppercase;}
#form-section-comment {height:auto;}
#form-allowed-tags {height:auto; text-transform: none;  padding:10px;font-size:10px;  text-shadow:1px 1px 1px #fff; margin-left:190px; width:400px; line-height:14px}
.form-label {float:left; width:85px;font-size:10px; text-align: right;padding-right:10px;padding-top:5px}
.form-input input, textarea {border:3px solid #f2f2f2;padding:5px;}
.required {color:#c42626}
input#submit { -moz-border-radius:5px 5px 5px 5px; background: #DDDDDD; border:2px solid #F2F2F2; float:right;
               font-size:11px; margin-right:215px; padding:5px; text-shadow:1px 1px 1px #FFFFFF;text-transform:uppercase; }
#respond { margin-top:20px; }



/* calendar - this works nicely on duotone theme */
#wp-calendar caption {width: 157px; text-align: center;  }
#wp-calendar { border-collapse:collapse; width: 156px; text-align: center; }

#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; }
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 157px;  padding: 0 1px 1px 0; }



 .menu {z-index:1100}

#dropdown ul li  {
float: right; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#dropdown ul li a{
height: 1%; /* make links honour display: block; properly */
}
#dropmenu li ul li {
z-index:306;}
#content{z-index:1}