/*  
Theme Name:Jason 2008 V3
Theme URI:
Here you are able to do as you likes.
Have fun, and don't be afraid to contact me if you have questions.
texto aka Monika  from http://www.texto.de
*/

/* Basics */

* { margin: 0; padding: 0;}

html {
	height: 100%;

}

body {
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #000;
	background-image: url(images/html-bknd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #D7D7BE;
}
	
/* Structure */

#blogdescripation {
	display: none;
}

#archives {
	list-style-type:none;
	display: block;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:3px;
	padding: 15px 0 0 0;
}

#archives strong {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
text-transform:sentence;
font-size: 17px;
margin: 0 0 10px 0;
display:block;
}

#wrapper {
	background-image: url(images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto 0 auto;
	overflow:hidden;
	
}
#header {
	height: 130px;
	width: 960px;
	background-repeat: no-repeat;
	background-position: -133px 500px;
	margin: 0 auto 0 auto;
}

#blogdescripation {
	position:absolute;
	left: 9999px;
	}
	
.floatleft {
	float: left;
	border: 5px solid #fff;
	margin: 0 20px 20px 0;
}

#homeheaderwrapper {
	width: 960px;
	height: 300px;
	margin: -20px auto 10px auto;
	background-repeat: repeat-y;
}

#homeheader {
	background-color: #000000;
	
	height: 270px;
	width: 890px;
	margin: 0 auto;
	border: 5px solid #EADED6;
}

#homecolumnone {
	float: left;
	width: 420px;
}
#homecolumntwo{
	float:left;
	width: 200px;
	margin: 0 30px 0 30px
}
#homecolumnthree{
float:left;
	width: 200px;
}

#contentwrapper {
	width: 960px;
	min-height: 250px;
	margin: 0 auto;
	background-image: url(images/content-bknd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#content {
	width:880px;
	margin: 0 auto;

}


#contentnarrow {
	width:690px;
	margin: -20px 0 0 0;
	float: right;
}

#sidebar {
	display:block;
	float: left;
	width: 190px;
	margin: -30px 0 0 0;
	padding: 0px;

}

#footerflourish {
	clear:left;
	background-image: url(images/florish-bknd.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 23px;
}

#footer {
	clear:both;
	background-image: url(images/footer-bknd.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	text-align: center;
	padding-top: 150px;
}


#commentarea {
	
}



.post {
	background-color: #E5E4DB;
	padding: 10px;
	margin: 0 0 10px 0;
}

#archiveposts {
	list-style-type: none;
}

.archivecontent {
	color:#666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

#archiveposts img {
	/* display:none; */
}

#archiveposts .date {
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(images/date-bknd-archives.jpg);
	background-repeat: no-repeat;
	padding: 10px 5px 0 5px;
	
}

#archiveposts .date p {
	width: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 15px;
}

/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	padding: 0;
	margin: 0 15px 15px 15px;
	border: 5px solid #EADED6;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 15px 15px;
	border: 5px solid #EADED6;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 15px 15px 0;
	border: 5px solid #EADED6;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#featuredimage img {
	width: 430px;
	marging: -50% 0 0 -25%;
}

#featuredimage ul {
	list-style-type: none;

}

#featuredimage ul li{
height: 300px;
	background-color: #2E2E30;
	border: 5px solid #EADED6;
	overflow:hidden;
	margin-bottom: 10px;
}
	
/* End Images */



#homerecent ul{
	list-style-type: none;
	margin-bottom: 15px;
	min-height: 50px;
}

#homerecent .image {
	width: 190px;
	height: 100px;
	background-color:#666;
	border: 5px solid #EADED6;
	margin-bottom: 10px;
}

#homerecent .title {
	font-weight: bold;
	text-transform: capitalize;
}

#homerecent .date {
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(images/date-bknd.jpg);
	background-repeat: no-repeat;
	padding: 10px 5px 0 5px;
	
}

#homerecent .date p {
	width: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 15px;
}



/* End Images */

/* Typography */




#twitter {
	overflow: hidden;
}

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

#twitter li {
word-wrap: break-word;
margin: 0 0 10px 0;
}

#sidebar #twitter .twittersidebar li,  #sidebar #twitter .twittersidebar a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0 10px 10px 0;
	word-wrap: break-word;
}

#sidebar #twitter .twittersidebar a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}


#content a, #content a:link, #content a:active, #content a:visited {
	color: #333;
	text-decoration: none;
}
#content a:hover {color:#000; text-decoration:underline;}
	


#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color:#333333;
	font-weight: normal;
	text-transform:capitalize;
	margin: 0 0 10px 0;
	background: transparent url(images/headline-bknd.gif) left 60px repeat-x;
	line-height: 70px;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight:normal;
	color: #333333;
}
#content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:active {
	text-decoration: none;
	color:#333;
}
#content h2 a:hover {
	color:#333
}

#bloglinks ul h2 {text-transform:Capitalize;}


#content h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: normal;
	color:#333333;
	margin: 30px 0 10px 0;
	background: transparent url(images/headline-bknd.gif) left 40px repeat-x;
	line-height: 50px;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 10px 0;
}



#footer a, #content a:link, #content a:active, #content a:visited {
	color: #333;
	text-decoration: none;
}
#footer a:hover {color:#000; text-decoration:underline;}



small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 15px;
	}

.description {
	font-size: 12px;
	color:#000;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family: Helvetica,;
	font-size: 11px;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 15px;
	text-transform: none;
	}

#commentform p {
	font-family: helvetica, arial, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small,.nocomments, .postmetadata, blockquote, strike {
	color: #000;
	}
	
code {
	font-size: 11px;
	}

acronym, abbr, span.caps
{
	font-size: 12px;
	}
	
.lead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #222222;
}

/* End Typography */

/* navigation */


#mainnav {
	width: 472px;
	height: 24px;
	background: transparent url(images/main-nav-bknd.jpg);
	margin: 30px 0 0 420px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
}

#mainnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}


#mainnav li, #mainnav a {
	height: 24px;
	display: block;
}

#navhome {
	width: 54px;
	left: 0;
}

#navabout {
	width: 73px;
	left: 54px;
}

#navportfolio {
	width: 115px;
	left: 127px;
}

#navblog {
	width: 68px;
	left: 242px;
}


#navstore {
	width: 77px;
	left: 310px;
}


#navcontact {
	width: 85px;
	left: 387px;
}


#navhome a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    0 -24px no-repeat;}
	
#navabout a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    -54px -24px no-repeat;}

#navportfolio a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    -127px -24px no-repeat;}
	
#navblog a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    -242px -24px no-repeat;}
	
#navstore a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    -310px -24px no-repeat;}

#navcontact a:hover {
    background: transparent url(images/main-nav-bknd.jpg)
    -387px -24px no-repeat;}

#navhomecurrent {
    background: transparent url(images/main-nav-bknd.jpg)
    0 -24px no-repeat;}

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

#sidebar h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-transform:uppercase;
font-size: 14px;
margin: 10px 0 0 0;
display:block;
}

#sidebar h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	color:#333333;
	margin: 30px 0 10px 0;
	background: transparent url(images/headline-bknd.gif) left 40px repeat-x;
	line-height: 50px;
}
 
#sidebar ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 15px;
	color:#666666;
	text-transform:capitalize;
}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
	text-decoration: none;
}
#sidebar a:hover {
	color: #000;
}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	/*content: "\00BB \0020"; */
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align:right;
	}

#sidebar #searchform #s {
	width: 85px;
	padding: 2px;
	}

#sidebar #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: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */




/* Begin Comments*/

#commentarea {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000000;
}

#commentarea h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}
	
ol#commentlist li {
	font-size: 0.9em;
	color:#666;
	border-bottom: 1px solid #efefef;
	margin: 1.5em;
	padding-bottom:1.0em;
}

ol#commentlist li a {
	color:#F34EA5;
}

ol#commentlist li a:hover {
	color:#666;
}

input, textarea {
	border:1px solid #ccc;
}
input#submit {
	font-size:.9em;
	text-align:center;
	height: 25px;
	padding:5px;
	line-height: 25px;
	border:none;
	color:#fff;
	background:#EF037F;
}
input#submit:hover {
	background:#ff0;
	color:#333;
	cursor: pointer;
}
textarea#comment {
	width:760px;
}
/* End Comments */



/* Begin Sidebar */
#sidebar {
	width:165px;
	float:left;
	padding-right:4px;
	}

#sidebar form {
	margin: 0;
	}
	
#sidebar a {
	color:#3b6ea5;
	}	
	
#pagenav {
	margin:0px;
}	
	
/* End Sidebar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hrhide {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	height:30px;
	}
	
/* End Various Tags & Classes*/


/* MOOPIX */
#moopix {
	float:left;
	width: 500px;
	border: 1px solid #CCCCCC;
}

/* Type Styles
---------------------------------------------*/



/* Logo
---------------------------------------------*/




/* Major Column
---------------------------------------------*/

#MainCol {
	width: 500px;
}

#MainColInner {
	background: #000 url(images/bkd_maincol.gif) right top no-repeat;
}


/* Minor Column
---------------------------------------------*/

#SideColInner {
	background: #efefef url(images/bkd_maincol.gif) right top no-repeat;
	height: 500px;
	text-align: right;
}

#SideCol {
	float: right;
	width: 250px;
}

#SideColInner div {
	padding: 0;
}

#SideColInner img { border: none; }
#SideColInner a.download:hover, #SideColInner a.download:visited:hover { background-color: transparent;}


/* Photo
---------------------------------------------*/

#PhotoBox {
	padding: 0;
		
}

#Container {
	position: relative;
	height: 350px;
	width: 500px;
	margin: 0 auto;
	border: none;
	font-size: 0px;
}


/* Photo Navigation
---------------------------------------------*/

#Controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(images/controls.gif) left top no-repeat;
	height: 28px;
	width: 67px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#Controls a {
	text-indent: -9000px;
	float: right;
	display: block;
	height: 28px;
}

#PrevLink { width: 25px; background: transparent url(images/controls.gif) 57px 0 no-repeat; }
#PlayToggle { width: 17px; background: transparent url(images/controls.gif) 15px top no-repeat; }
#NextLink { width: 25px; background: transparent url(images/controls.gif) 32px top no-repeat; }

#PrevLink:hover { width: 25px; background: transparent url(images/controls.gif) 57 28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(images/controls.gif) 15px 28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(images/controls.gif) 32px 28px no-repeat; }


/* Loading
---------------------------------------------*/

#Loading {
	text-align: center;
	padding: 175px 0 0 0;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle;
}

#Loading img {
	vertical-align: -30%;
	margin-right: 3px;
}


/* Caption
---------------------------------------------*/
#moofooter {
	width: 500px;
	height: 40px;
	background-color:#B4B2A2;
}

#CaptionContainer {
	margin: 0 auto;
	text-align: left;
	padding: 14px 0 0 10px;
	width: 500px;
}

#CaptionContainer p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0 10px 0 0;
}

#Counter {
	padding-right: 5px;
	color: #333;
}


/* Thumbnail View
---------------------------------------------*/

#ViewThumbs {
	display: block;
	margin: -5px 20px 0 0;
	float: right;
	height: 23px;
	width: 108px;
	overflow: hidden;
	background: transparent url(images/thumbnails.gif) left top no-repeat;
}

#ViewThumbs:hover, #ViewThumbs:visited:hover {
	background: transparent url(images/thumbnails-ov.gif) left top no-repeat;
}

#ThumbContainer {
	display: none;
}

#ThumbContainer img {
	display: block;
	border: none;
}

#ThumbContainer a {
	float: left;
	margin: 0 4px 4px 0;
}

#ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; }
#ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; }
#ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; }

/* Bottom & Footer
---------------------------------------------*/

#BottomBox {
	clear: both;
	text-align: right;
	background-color: #333;
}

#BottomInner {
	margin-right: 15%;
	margin-bottom: 0;
	padding: 0;
	color: #333333;
}

#FooterBox {
	background-color: #333;
}

#FooterBox p {
	color: #333;
	padding: 10px 20px;
	text-align: center;
	font-size: 1.1em;
}

#FooterBox a:link, #FooterBox a:visited { color: #fff; text-decoration: none; }
#FooterBox a:hover, #FooterBox a:visited:hover { }


/* Miscellaneous
---------------------------------------------*/

iframe {
	border: none;
	width: 100%;
	height: 100px;
	margin-bottom: 2.0em;
}
/* ENE MOOPIX */


/*homepage recent images */

.recenttattoo {
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.recentartwork {
	background-image: url(http://static.flickr.com/3148/2583535226_66f34aa842.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.recentmachine {
	background-image: url(http://static.flickr.com/3098/2583577746_bdba3e63b8.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/*-- slideshow --*/
/* slideshow */

/* remember to define focus styles! */
:focus {
	outline: 0;
}

#flickr {
	width:685px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}

.caption{
color:#FFF;
font:italic 1.0em/1.5 Cambria, serif;
position:absolute;
top:460px;
left:219px;
padding: 10px 0;
text-align:center;
width:420px;
z-index:1000;

}

.caption:hover {
color:#FFF;
font:italic 1.0em/1.5 Cambria, serif;
position:absolute;
top:460px;
left:219px;
padding: 10px 0;
text-align:center;
width:420px;
z-index:1000;

}

.galleria_wrapper {
	
}
.galleria {
	width:162px;
	padding-right:15px;
	margin-right:5px;
	float:left;
	height:500px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.galleria li {
	width:148px;
	height:92px;
	text-align:center;
	overflow:hidden;
	float:left;	
	margin: 0 0 10px 0;
	border:3px solid #E1E0D7;
	background:#E1E0D7 url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/loader-sm.gif") center center no-repeat;
	display:block;
}

.galleria li img {
}

.galleria li.hover{
	border-color:#333;
	cursor:pointer;
}
.galleria li.active{
	border-style:solid;
	border-color:#301C27;
}
.galleria li div{
	left:240px
}
.galleria li div .caption{
	font:italic 0.7em/1.4 Cambria, serif;
}
	
.nav {
	clear:both;
	text-align:center;
	position:absolute;
	top:457px;
	left:189px;
	background-color: transparent;
	background-image: url(http://oddballstudios.com/wp-content/themes/oddball/images/caption-bkndgradient.png);
	background-repeat: repeat;
	width:492px;
	height:40px;
	z-index:1000;
}

.nav:hover {
	clear:both;
	text-align:center;
	position:absolute;
	top:457px;
	left:189px;
	background-color: transparent;
	background-image: url(http://oddballstudios.com/wp-content/themes/oddball/images/caption-bkndgradient2.png);
	background-repeat: repeat;
	width:492px;
	height:40px;
	z-index:1000;
}

.nav a {
	display:block;
	width:10px;
	height:20px;
	text-indent:-9999em;
	position:absolute;
	top:10px;
	left:10px;
}

.nav a#previous {
	background:transparent url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/arrow-lt.gif") no-repeat;
}
.nav a#previous:hover {
	background:transparent url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/arrow-lt.gif") 0 bottom no-repeat;
}

.nav a#next {
	left:470px;
	background:transparent url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/arrow-rt.gif") no-repeat;
}

.nav a#next:hover {
	background:transparent url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/arrow-rt.gif") 0 bottom no-repeat;
}


.galleria_container {
	float:right;
	width:492px;
	height:492px;
	line-height:492px;
	padding:3px;
	border:1px solid #B2B1A8;
	text-align:center;
	overflow:hidden;
	background:#fff;
	display:block;
}

.galleria_wrapper {
	height:492px;
	overflow:hidden;
	background:#000 url("http://jasondleisge.com/wp-content/themes/jason-2008-v2/images/loading.gif") center center no-repeat;
	
}