/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; margin: 0 auto; position:relative;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }
a{font-weight:inherit;}
em{font-style:italic;}

/* mac hide\*/
html, body {height:100%}
/* end hide */


.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
p, li, td, div{
font: 12px/18px Arial, Helvetica, sans-serif;
color:#333;
}

p, ol, ul {
margin-bottom:18px; 
}

ol{
list-style:decimal;
margin-left:40px;
}
ul{
list-style:outside;
margin-left:40px;
}
a, a:link{color:#2c2c2c;text-decoration:none;outline:0 none;}
a:visited{color:#2c2c2c;text-decoration:none;outline:0 none;}
p a:hover, h5 a:hover{border-bottom:1px solid #2c2c2c;color:#2c2c2c;}
p a:active, h5 a:active{border-bottom:2px solid #2c2c2c;color:#2c2c2c;}

h1{			font:bold 36px/36px Arial, Helvetica, sans-serif;}
h2{			font: 42px/54px Arial, Helvetica, sans-serif;margin:0;}
h3, h3 a{	font: bold 24px/36px Arial, Helvetica, sans-serif;color:#333;}
h4{			font: 18px/36px Arial, Helvetica, sans-serif;margin-bottom:18px;}
h5{			font: 18px/18px Arial, Helvetica, sans-serif;}
h6{			font: 16px/18px Arial, Helvetica, sans-serif;}



/*------------form styles---------------------------------*/

input, textarea, select{
font: 18px/18px Arial, Helvetica, sans-serif;
border:0 none;
width:230px;
padding:4px;
margin:0 10px 10px 0;
color:#444;
background:url('http://media.shotblox.com/static/images/70-white.png') repeat top;
background-color:transparent;
background-image: -moz-linear-gradient(top, #ddd, #fff); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #ddd)); /* Saf4+, Chrome */
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border:1px solid #333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}
select{width:240px;}
select option{background:#ddd;}

div#contact input, div#contact textarea, div#help_div input, div#help_div textarea{border:0 none;}
div.text input, div.text textarea{border:1px solid #bbb;width:228px;margin-bottom:12px;}
div.text textarea{width:484px;}

input[type='file']{font: 12px/18px Arial, Helvetica, sans-serif;border:0 none;
-moz-box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
-webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
box-shadow: 0px 0px 0px rgba(255,255,255,0.0);
}

textarea{width:484px;margin:0 0 10px 0;font: 12px/18px Arial, Helvetica, sans-serif;padding:4px 0 4px 4px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
input:focus, textarea:focus{background:#fff;color:#333;}
input.radio, input.checkbox, input[type="checkbox"], input[type="radio"]{width:auto;margin:0 5px 0 0;background:none transparent;border:0 none;}
div.text label{display:none;}

div.text input:focus, div.text textarea:focus{
background:rgba(255,255,255,0.9);
}

h5 a.count{color:#777;font-weight:bold;}
div#picker{float:right;}

/*------------sitewide styles---------------------------------*/

body{
    background:url('http://media.shotblox.com/static/images/htmlBG2.jpg') repeat fixed;
    width:100%;
}
body.blog{background: #2d2c2c;}

div.page{width:100%;}


/*----accent color----*/
h1,h2,h4,h6,div.item:hover h3 a, div.featuredItem:hover h3 a, h3.comments_title {
   color:#1a7f1d;
}

/*--small shadow--*/
div.item, div.featuredItem, ul.photo li, ul#gallery_sort li{
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
}


/*--generic button styles--*/
p.close a, input.button, p.other_posts a, div#headerInside ul li a{
display:block;
padding:6px;
text-align:center;
font-size:16px;
color:#ccc;
width:auto;
float:left;
margin:0 10px 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
background-image:url('http://media.shotblox.com/static/images/button-bg-grey-1.png'); /* IE */
background-image: -moz-linear-gradient(top, #2f2f2f, #1f1f1f); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1f1f1f),color-stop(1, #2f2f2f)); /* Saf4+, Chrome */
border:1px solid #222;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}

p.close a:active, input.button:active, p.other_posts a:active, div#headerInside ul li a:active{
background-image:url('http://media.shotblox.com/static/images/button-bg-grey-2.png'); /* IE */
background-image: -moz-linear-gradient(top, #1f1f1f, #2f2f2f); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2f2f2f),color-stop(1, #1f1f1f)); /* Saf4+, Chrome */
}

/*--lighter grey button overrides--*/

p.close a, input.button, div.text input.button{
background-color:#333;
background-image: -moz-linear-gradient(top, #666565, #363636); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #363636),color-stop(1, #666565)); /* Saf4+, Chrome */
color:#fff;
border: 1px solid #444;
}

/*--lightest grey button overrides--*/

p.other_posts a{
background-image:url('http://media.shotblox.com/static/images/button-bg-white-1.png'); /* IE */
background-image: -moz-linear-gradient(top, #fff, #ccc); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ccc),color-stop(1, #fff)); /* Saf4+, Chrome */
color:#555;
border: 1px solid #aaa;
text-shadow: 0px -1px 4px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.3);
padding:10px 6px;
}
p.other_posts a:active{
background-image:url('http://media.shotblox.com/static/images/button-bg-white-2.png'); /* IE */
background-image: -moz-linear-gradient(top, #ccc, #fff); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #ccc)); /* Saf4+, Chrome */
}

/*--button width override--*/

div.text input.button{width:230px;}
p.other_posts a{width:216px;}

div.category{
background-color:#5d5d5d;
background-image: -moz-linear-gradient(top, #5d5d5d, #767676); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #767676),color-stop(1, #5d5d5d)); /* Saf4+, Chrome */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #404040;
padding:8px;
margin:0 200px 18px 0;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}
div.category ul#postList li{color:#eee;font-size:14px;line-height:22px;}
div.category h1{color:#fff;font-weight:normal}

/*------------masthead styles---------------------------------*/
div#headerWrap{overflow-x:hidden; position:absolute;min-height:120px;top:0;left:0;right:0;width:100%;}

div#headerInside{
background:#000;
background:rgba(0,0,0,0.9);
position:absolute;
top:0;
left:0;
right:0;
height:80px;
width:100%;
margin:0; 
padding:0;
-moz-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
}
div#headerInside div#logo{
position:absolute;
top:0;
left:0px;
}
div#headerInside h3{
display:none;
}
div#headerInside div#navWrap{
width:950px;
margin:0 auto;
text-align:right;
position:relative;
}
div#headerInside div#navWrap ul li{
display: inline-block;
text-align:right;
float:none;
}
div#help_div label{display:none;}
div#bio, div#contact, div#help_div {
background:url('http://media.shotblox.com/static/images/90-black.png') repeat top left;
background:rgba(77,76,76,0.97);
padding:20px;
position:absolute;
top:80px;
left:0;
right:0;
border-bottom:1px solid #363636;
z-index:500;
}
div#bio p, div#bio h5, div#contact p, div#contact h5, div#help_div p, div#help_div h5{
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
color:#fff;
}
div#bio h5, div#contact h5, div#help_div h5{
margin-bottom:9px;
font-size:22px;
}
div#contact h2{color:#fff;font-weight:bold;font-size:18px;}


div#bio div, div#contact div, div#contact h2, div#help_div div{
width:500px;
margin:0 auto;
}

#contact p{float:right;margin:10px 10px 0 0;}
#contact p a{color:#ddd;}

.hidden{display:none;}

div#headerInside p#navigation{
right:36px;
top:24px;
position:absolute;
}
.post_detail div#footer{color:#ccc;font-weight: bold;width:500px;margin:0 auto 60px; padding-top:9px;}

div#footer{color:#ccc;font-weight: bold;width:960px;margin:0 auto 60px; padding-top:9px;}
div#footer a{color:#aaa;font-weight:normal;}

/*------------homepage styles---------------------------------*/

div.post_list, div#adminPage{
    background:#4d4d4d;
    background:rgba(255, 255, 255, 0.3);
    padding: 100px 20px 25px 20px;
    margin:0 auto;
    width:920px;
    -moz-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
    box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
    border:1px solid #616161;
    border-top:0 none;
}
div#adminPage{background:#6c6b6b;}

div.page div.wrap{width:926px;}
div.featuredItem, div.item{
width:920px;
height:298px;
margin:0 10px 10px 0;
padding:1px;
overflow:hidden;
cursor:pointer;
position: relative;
}
div.item{
    width:454px;
    height:250px;
	float: left;
    margin:0 10px 10px 0;
}

div.noRMargin, ul.photo li.noRMargin{margin:0 0 10px 0;}

div.item h3, div.featuredItem h3{
    background:url('http://media.shotblox.com/static/images/70-white.png') repeat top left;
    background:rgba(255,255,255,0.5);
    margin:0 -1px 0 -1px;
    position:absolute;
    bottom:0;
    left:0;
}
div.featuredItem h3{
    margin:0 -1px 0 -1px;
}
div.item:hover h3, div.featuredItem:hover h3{
    background:#fff;
    background:rgba(255,255,255,0.9);
}

div.item h3 a, div.featuredItem h3 a{
display:block;
padding:30px 10px;
width:903px;
height:100%;
}
div.item h3 a{
width:437px;
}


div.item h3 a:hover, div.featuredItem h3 a:hover{
border-bottom:0 none;
}

/*------------post page styles---------------------------------*/
div.page div.text{
    width:500px;
    margin:0 auto;
    background:url('http://media.shotblox.com/static/images/70-white.png') repeat top;
    background:rgba(255,255,255,0.6);
    padding: 100px 20px 20px;
    -moz-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
    box-shadow: 0px 7px 14px rgba(0,0,0,0.5);
}

div.body{margin-bottom:100px;}
p.other_posts, p.submit{background:url('http://media.shotblox.com/static/images/10-black.png') repeat top left;background:rgba(0,0,0,0.1);padding:10px 0 10px 10px;}
p.other_posts{margin-top:62px;}


/*------------post thumbnail styles----------*/

ul.photo, ul#gallery_sort, ul.gallery_sort{
list-style:none;
margin:0;
padding:0;
}
ul.photo li{
display:inline-block;
margin:0 10px 10px 0;
vertical-align:top;
width:156px;
height:156px;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
zoom:1;
*display:inline;
}
ul.photo li a{
    width:100%;
    height:100%;
    display:block;
    text-indent: -9999px;
    overflow:hidden;
}




/*------------admin page styles---------------------------------*/
div#headerInside ul{list-style:none;padding-top:24px;margin:0;}
div#headerInside ul li{
float:left;
margin:0 0 0 10px;
}
div#headerInside ul li a{margin:0;}

div#adminPage{
padding: 100px 0 25px 200px;
width:750px;
}
div#adminPage table th, div#adminPage table td{
vertical-align: top;
}
div#adminPage p, div#adminPage label{
color:#eee;
}
div#adminPage h2, div#adminPage h3, div#adminPage h4{
color:#fff;
font-weight: normal;
margin-bottom:9px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
div#adminPage h3{margin-bottom:0;}
div#adminPage label{
width:80px;
display: block;
float:left;
margin-bottom:18px;
}
div#adminPage input.button, div#help_div input.button{
float:none;
width:240px;
margin:0 0 18px 80px;
background-image:url('http://media.shotblox.com/static/images/button-bg-green-1.png'); /* IE */
background-image: -moz-linear-gradient(top, #08a71e, #058117); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #058117),color-stop(1, #08a71e)); /* Saf4+, Chrome */
border:1px solid #333;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}
div#adminPage input.button:active, div#help_div input.button:active{
background-image:url('http://media.shotblox.com/static/images/button-bg-green-2.png'); /* IE */
background-image: -moz-linear-gradient(top, #058117, #08a71e); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #08a71e),color-stop(1, #058117)); /* Saf4+, Chrome */
}
div#help_div input.button{margin-left:0;}
div#adminPage input.facebook{
background-image:url('http://media.shotblox.com/static/images/button-bg-blue-1.png'); /* IE */
background-image: -moz-linear-gradient(top, #315c9a, #2a4e83); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2a4e83),color-stop(1, #315c9a)); /* Saf4+, Chrome */
}
div#adminPage input.facebook:active{
background-image:url('http://media.shotblox.com/static/images/button-bg-blue-2.png'); /* IE */
background-image: -moz-linear-gradient(top, #2a4e83, #315c9a); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #315c9a),color-stop(1, #2a4e83)); /* Saf4+, Chrome */
}
div#adminPage div.altBox{
margin-left:80px;
}
div#adminPage input[type="image"]{
width:auto;
padding:0;
margin:0 0 36px 0;
background:none transparent;
border:0 none;
}
div#adminPage textarea{width:420px;}
div#adminPage a{color:#fff;}

ul#gallery_sort, ul.gallery_sort{
margin-left:17px;
width:514px;
}
div.category ul#gallery_sort li,
div.category ul.gallery_sort li{
position:relative;
display:block;
margin:0 10px 10px 0;
width:156px;
height:156px;
float:left;
color:#333;
}
ul#gallery_sort li span,
ul.gallery_sort li span{
padding:6px;
width:144px;
display:block;
position:absolute;
bottom:0;
background:url('http://media.shotblox.com/static/images/70-white.png') repeat top left;
}
ul#gallery_sort li span span, ul.gallery_sort li span span{display:block;position: static;font-size:11px;line-height:12px;margin-bottom:1px; background:0 none;width:132px;overflow:hidden;}
ul#gallery_sort li a.edits, ul.gallery_sort li a.edits, ul#postList li a.delete_post{
display:block;
width:25px;
height:25px;
text-indent:-9999px;
overflow:hidden;
float:left;
opacity:0.8;
margin-right:12px;
}
ul#gallery_sort li a:hover.edits,ul.gallery_sort li a:hover.edits, ul#postList li a.delete_post:hover{
opacity:1.0;
}

ul#gallery_sort li a.moveUp, ul.gallery_sort li a.moveUp{background:url('http://media.shotblox.com/static/images/edit.png') no-repeat -25px 0px; }
ul#gallery_sort li a.moveTop, ul.gallery_sort li a.moveTop{background:url('http://media.shotblox.com/static/images/edit.png') no-repeat -50px 0px; }
ul#gallery_sort li a.details, ul.gallery_sort li a.details{background:url('http://media.shotblox.com/static/images/edit.png') no-repeat 0px 0px; }
ul#gallery_sort li a.delete, ul.gallery_sort li a.delete{background:url('http://media.shotblox.com/static/images/edit.png') no-repeat -75px 0px;margin-right:0; }

ul#postList{
margin:0;
padding:0;
list-style:none;
}
ul#postList li{position: relative;}
ul#postList li a.delete_post{background:url('http://media.shotblox.com/static/images/edit.png') no-repeat -75px 0px;position:absolute;top:4px;right:40px;padding:0; }

ul#postList li.odd{
background:#797979;
}
ul#postList li:hover{
background:#989696;
}
ul#postList li a{display:block;padding:4px 0 4px 80px; width:360px;}