/*
*   Foursquare
*   Qintosolinker
*   Style
*/


/*  Colors
==================================================

Background: #420b0b
Font: #2f1f13

================================================== */


/*  Base
================================================== */

body { font: 11px/14px Arial, Helvetica, sans-serif; color: #2f1f13; background-color: #420b0b } 


/*  Typography
================================================== */

/*  Headlines  */

h1, h2, h3, h4, h5, h6 {
color: #af5c20;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold }
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit }
	h1 { font-size: 19px; line-height: 21px; margin-bottom: 11px }
	h2 { font-size: 19px; line-height: 21px; margin-bottom: 11px }
	h3 { font-size: 19px; line-height: 21px; margin-bottom: 11px }
	h4 { font-size: 19px; line-height: 21px; margin-bottom: 11px }
	h5 { font-size: 19px; line-height: 21px }
	h6 { font-size: 19px; line-height: 21px }
	
/*  Paragraph  */
	
p { margin-bottom: 14px }

	p.error { color: red }
	p img { margin: 0 }

/*  Selection coloring  */

::-moz-selection { background: #af5c20; color: #2f1f13; text-shadow: none; }
::selection { background: #af5c20; color: #2f1f13; text-shadow: none; }


/* Links
================================================== */

a, a:visited { color: #af5c20; text-decoration: none }

	a:hover, a:focus { color: #af5c20; border: none; text-decoration: none }
	
	
/*  Lists
================================================== */

ul, ol { margin: 15px 0; padding: 0 0 0 40px }
	
	ul { list-style: disc }
	
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0 }

dd { margin: 0 0 0 40px }


/*  Frame
================================================== */

/*  Wrapper  */

#wrapper { width: 964px; margin: 0 auto 0 0 }

/*  Header  */

#header { height: 171px; background: url("images/header_bg.jpg") left bottom no-repeat }

	#np_1 { float: right }
	
/*  Container  */

/*  Main  */

#main{ height: 613px; padding: 55px 40px 0 510px; text-align: right;
	   background: url("images/main_bg.jpg") left top no-repeat }

	.pagination { padding-top: 10px }
	.pagination li { display: inline; list-style-type: none;  font-size: 12px; font-weight: bold }
	.pagination li.previous, .pagination li.next, .pagination li.first, .pagination li.last { display: none }

	.totalpages { float:left; padding-left: 6px }
	
	.tattoos #main { background: url("images/main_bg_1.jpg") left top no-repeat }
	.tattoos #footer { background: none }
	.prints #main { background: url("images/main_bg_2.jpg") left top no-repeat }
	.contact #main { background: url("images/contact_bg.jpg") left top no-repeat }
	.prints #footer { background: none }
	.contact #footer { background: none }
	.about #main { background: url("images/main_bg_3.jpg") left top no-repeat }
	.about #footer { background: none }
	
	.ce_text { text-align: right }
	div.ce_text.block { margin-bottom: 14px }
	
	.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}
	
	.ce_gallery { float:right; text-align: right }
	
	.ce_gallery img,.ce_text img { border: 3px solid #a09380 }
	
	.ce_gallery img:hover, .ce_text img:hover { border: 3px solid #af5c20 }

/*  Footer  */

#footer { height: 200px; background: url("images/footer_bg.jpg") left top no-repeat }
.footer { padding-left: 158px; color: #6f6351 }

	.mod_changelanguage { float:right; padding-right: 12px }
	

/*  Navigation
================================================== */

nav.mod_navigation { float: right; background:url("images/navigation.jpg") no-repeat; width: 375px; height: 71px; margin-top: 70px; padding: 0 }

nav.mod_navigation li, nav.mod_navigation a { height: 71px; display: block }

nav.mod_navigation li { float: left; list-style: none; display: inline; text-indent: -9999em }

nav.mod_navigation li.home { width: 75px; }
nav.mod_navigation li.tattoos { width: 75px; }
nav.mod_navigation li.prints { width: 75px; }
nav.mod_navigation li.about { width: 75px; }
nav.mod_navigation li.contact { width: 75px; }

nav.mod_navigation li.home a:hover,
nav.mod_navigation li.active.home { background:url("images/navigation.jpg") 0px -71px no-repeat; }
nav.mod_navigation li.tattoos a:hover,
nav.mod_navigation li.active.tattoos { background:url("images/navigation.jpg") -75px -71px no-repeat; }
nav.mod_navigation li.prints a:hover,
nav.mod_navigation li.active.prints { background:url("images/navigation.jpg") -150px -71px no-repeat; }
nav.mod_navigation li.about a:hover,
nav.mod_navigation li.active.about { background:url("images/navigation.jpg") -225px -71px no-repeat; }
nav.mod_navigation li.contact a:hover,
nav.mod_navigation li.active.contact { background:url("images/navigation.jpg") -300px -71px no-repeat; }



/*  Print  ===================================== 
Inlined to avoid required HTTP connection: h5bp.com/r
================================================ */

@media print {

* {
background: transparent !important;
color: black !important;
box-shadow:none !important;
text-shadow: none !important;
filter:none !important;
-ms-filter: none !important } /* Black prints faster: h5bp.com/s */

a, a:visited { text-decoration: underline }

pre, blockquote { border: 1px solid #999; page-break-inside: avoid } 

thead { display: table-header-group } /* h5bp.com/t */

tr, img, li { page-break-inside: avoid }

ul, ol { page-break-before: avoid }

img { max-width: 100% !important }
 
 @page { margin: 1.5cm }

p, h2, h3 { orphans: 3; widows: 3 }

h2, h3 { page-break-after: avoid }

#main { overflow: visible } 

#search, #footer, #left, #right, .mod_breadcrumb { display :none } 

}