/*
Theme Name: b|photo
Theme URI: http://bmedia.us
Description: WP Theme for b|photo
Version: 1.0
Author: B. Allan Stewart
Author URI: http://bmedia.us
Tags:

*/

/* List Styles */
/*  Creates a Universal Setting for Lists  */
ul {margin: 0 0 25px 20px;}
ol {margin: 0 0 25px 20px;}
ul ul, ol ul {margin: 0 0 0 30px;}
ul ol, ol ol {margin: 0 0 0 30px;}
dl {margin: 25px 0 0 20px;}
dt {font-weight:bold;}
dd {margin: 0 0 0 30px;}

/* Heading Styles */
h1, h2, h3, h4, h5, h6 {margin-bottom:20px;font-weight:bold;}
h1.page-title{font-size:24px;line-height:30px;margin-top:-20px;margin-bottom:10px;font-weight:normal;font-style:italic;text-indent:-120px;text-transform:lowercase;color:#252525;}
h2 {font-size:24px;line-height:30px;margin-bottom:10px;text-indent:-10px;text-transform:lowercase;color:#252525;}

/* Paragraph Styles */
p {margin-bottom:20px;}

/* Link Styles */
a {}
a:link, a:visited {color:#333;text-decoration:underline;}
a:hover {color:#444;}
a:focus {outline:dotted 1px #bd2126;}

/* Image Styles */
img {padding:5px; border:1px dotted #444;}
a img {border:none;}
img.alignright, a img.alignright {float:right; margin:0 0 5px 5px}
img.alignleft, a img.alignleft {float:left; margin:0 5px 5px 0}
img.aligncenter, a img.aligncenter {display:block; margin-left:auto; margin-right:auto}

/* General Styles */
body {color:#252525;background:#717171 url('img/bg.png') repeat-x;font-size:15px;letter-spacing:2px;line-height:20px;font-family:'Helvetica', san-serif;}

small {font-size:smaller;}
b {font-weight:bold;}
em {font-style:italic;}

#container {margin:0 auto;}

#nav-main {height:40px;line-height:20px;text-transform:lowercase;}
#nav-main ul {white-space:nowrap;list-style-type:none;margin-top:20px;float:right;}
#nav-main ul li {display:inline;position:relative;}
#nav-main ul li.current_page_item a {color:#bd2126;text-decoration:overline;}
#nav-main ul li a {float:left;padding:0 10px;text-decoration:none;color:#333;}
#nav-main ul li a:hover {text-decoration:overline;color:#444;}
#nav-main ul li:last-child a, #nav-main ul li:last-child.current_page_item a:hover {background:url(img/arrow.png) top right no-repeat;padding-right:20px;}
#nav-main ul li:last-child.current_page_item a {background:url(img/arrow.png) bottom right no-repeat;padding-right:20px;}
#nav-main ul li:last-child.current_page_parent a {background:url(img/arrow.png) bottom right no-repeat;padding-right:20px;}
#nav-main ul li:hover ul {display:block;}
#nav-main ul li ul {display:none;position:absolute;top:20px;right:0;margin:0;padding:3px 10px;float:none;z-index:200;background:#717171;border:solid 1px #616161;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);-moz-box-shadow:0 1px 3px rgba(0,0,0, .4);}
#nav-main ul li ul li {display:block;}
#nav-main ul li ul li a {display:block;float:none;padding:0;margin:0;}
#nav-main ul li:last-child ul li a, #nav-main ul li:last-child ul li a:hover, #nav-main ul li:last-child.current_page_item ul li a, #nav-main ul li:last-child.current_page_item ul li a:hover {background-image:none;}
#nav-main ul li:last-child ul li a:hover {background-image:none;}
#nav-main ul li:last-child.current_page_item ul li a {color:#333;text-decoration:none;}
#nav-main ul li:last-child.current_page_item ul li a:hover {color:#444;text-decoration:overline;}
#nav-main ul li:last-child.current_page_parent ul li a {background-image:none;}
#nav-main ul li:last-child.current_page_parent ul li a:hover {background-image:none;}

#branding {height:80px;clear:both;}
#branding a {background:url('img/logo.png') no-repeat left center;height:80px;width:220px;line-height:80px;color:#bd2126;font-weight:bold;text-indent:-99999px;display:block;}

#content {margin-top:40px;letter-spacing:1px;}
#content ul {list-style-type:disc;}
#content ol {list-style-type:decimal;}

#footer {margin-top:40px;height:20px;line-height:20px;}
#footer p {font-size:9px;font-weight:bold;color:#333;text-align:center;letter-spacing:2px;}

/* Form Styles */
label {font-size:12px;text-transform:lowercase;}
.input-box {padding:3px 7px;border:dotted 1px #666;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.input-box:focus {border-color:#bd2126;}
#submit {padding:3px 7px;background:#FFF;border:dotted 1px #666;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;cursor:pointer;}
#submit:hover, #submit:focus {color:#bd2126;border-color:#bd1226;cursor:pointer;}

/* Portfolio Styles */
#portfolio {height:540px;width:700px;overflow:hidden;}
#portfolio img {margin:0;padding:0;border:none;}
#portfolio ul {margin:0;padding:0;list-style-type:none;white-space:nowrap;overflow:hidden;}
#portfolio ul li {padding-right:20px;display:inline;}
#portfolio ul li:last-child {padding-right:0;}

#p-scroller {margin:20px auto 0 auto;width:400px;height:10px;background:#606060;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #555;}
#p-scrollbar {width:380px;margin:0 auto;position:relative;}
.ui-slider-handle {width:18px;height:8px;margin-left:-10px;position:absolute;background:#444;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 1px #404040;}
.ui-slider-handle:hover {background:#404040;cursor:move;}
.ui-slider-handle:focus {outline:none;background:#404040;}

#p-how-to-scroll {font-size:9px;font-weight:bold;text-align:center;color:#444;letter-spacing:2px;}
#p-how-to-scroll p {margin:0;padding:0;}