/* Primary CSS file for PJ_RAZOR - 

(c) 2007 Pure Joomla! Pro Template Club

www.pure-joomla.com - "Keep it Pure!"

*/



/*Global Resets*/

* {margin:0;padding:0;}



h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address {margin:0.5em 0;padding:0;}



p {margin:1em 0;}



li,dd {}



fieldset {padding:.5em;}



img {border:0;padding-right:5px;}



a img {border:0;}



table {font-size:1em;}



.hidden {display:none;}

/**********************/





/* DEFAULT STATES HERE MUST CORRESPOND WITH THOSE IN pj_tools.js */

body{font-size: .75em;} /* .65 (small) | .7 (medium) | .75 (large) */

div#wrapping{width: 85%;} /* See section below for choices of what to put in here */





/*Overall Width and Framing */

div#wrapping.widewidth{width:95%;}

div#wrapping.thinwidth{width:85%;}

div#wrapping.widefluidwidth{width:95%;}

div#wrapping.thinfluidwidth{width:85%;}



div#wrapping.width75{width:85%;}

div#wrapping.width85{width:85%;}

div#wrapping.width95{width:95%;}

div#wrapping.width650{width:650px;}

div#wrapping.width770{width:770px;}

div#wrapping.width920{width:920px;}

div#wrapping {margin: 0 auto; height:100%;}



    /*TopZone*/

/*Color Scheme dependent area found in color specific css files*/

.topzone{background:url(../images/pagebg.png) fixed repeat-x; height:137px;position:fixed;width:100%;}

#logocontainer {position: relative;}

#logo {position: absolute;top: 65px; left:0px;z-index: 1;height: 40px;width:300px;

background: url(../images/logo.png) no-repeat !important;background: transparent;}

#headerposition{position:relative;right:-10px;top:-10px; width:300px;padding:15px;color:#ffffff;height:80px;overflow:hidden;}

#headerposition h3,#headerposition h4,#headerposition h5{color:#ffffff;}

   /*LowZone*/

.lowzone{background:transparent; padding:0px;}

#header{height:149px;background:#000;}

		/*Bottom Users Area*/

#bottomuserarea{padding-top:0px;padding-bottom:0px;}

        /*Top Users Area */

#topuserarea{padding-top:0px;padding-bottom:0px;}

.menuimage { background:#666;height:110px;}

.topuser {width:100%;}

#users45container{padding-top:15px;}

#menuimage{position: absolute;}



/*Spacing Divs*/

#topspacer{width:100%;height:130px;}

#bottomspace{width:100%;height:30px;}



/*Pathway*/

#pathway{margin-right:0px;text-align:right; color:#999;}

.pathwayclass {background:#101010 /*url(../images/pathwaybg.png) repeat-x*/; height:15px;padding:7px 15px 7px 0;vertical-align:middle;}



/*Menu*/

.menuzone{height:32px;position:relative; top:100px;}

/* Content Area */



	/*Right Sidebar*/

#rightcolzone{background:#232323;width:185px;float:right; color:#999999;}

#rightcolzone .moduletable h3 {margin-top:0; background: #101010;}

.trigger a{position:relative;float:left;left: 5px;top:155px;background-image:url(../images/slider.png) ;width:20px;height:20px;}



	/*MainZone*/	

#maincontainer{background:#171717;padding:5px;}

#mainzone{margin-left:185px;background:#101010;border:5px solid #232323;}



		/*Center Column*/



#centercolzone {margin-right:185px;background:#232323 ;}

.centercolstyle {float:left;width:100%; background:#101010;overflow:hidden;}



		/*Left Column */

#leftcolzone {width:185px;float:left;}

#leftcolzone .leftcol {background:#171717;}

.leftcol {width:100%; background:#232323;overflow:hidden;}

#leftcolzone .leftcol .moduletable h3 {margin-top:0px; background: #232323;text-transform:uppercase;}



/*Footer*/

#footerzone{text-align:center;padding-top:8px;}

.footer{background:#101010;padding:10px;}





/*Consistant Classes*/

.interior{padding:10px;}

.clearing{clear:both;}



/*Alternating table rows*/

tr.sectiontableentry1 td,td.sectiontableentry1 {padding: 4px;background-color:#232323;}

tr.sectiontableentry2 td ,td.sectiontableentry2 {padding: 4px;background-color:transparent;}

/*Polls' alternating tables*/

.polls tr.sectiontableentry1 td,td.sectiontableentry1 {padding: 4px;background-color:#333;}



/*Mosimage styling*/



.mosimage_caption {min-height:10px;padding:3px;color:#fff;margin-top:4px;font-style:italic;}



.mosimage{margin:4px;padding:4px;border:#000;background:#000;}



/*Fonts*/

body {background:#000 url(../images/pagebg.png) fixed repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;color:#999;height:100%;} 

.componentheading{font-size:1.7em;text-transform:uppercase;padding-bottom:5px;}

.contentheading {font-size:1.5em;font-weight:bold;padding-bottom:5px;}



h1 {font-size:1.7em;}



h2 {font-size:1.5em;}



h3 {font-size:1.3em;}



h4 {font-size:1.2em;}



h5 {font-size:1.1em;}



h6 {font-size:1em;}



.small,.createdate,.modifydate {font-size:.9em; font-style:italic;}

.createdate{padding-bottom:10px;}

pre, .code {padding: 10px 15px;background: #232323;margin: 5px 0 15px;border-left: 5px solid #4A4643;}



blockquote {float:right;width:250px;font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;background: url(../images/quote.gif) 10px 10px no-repeat;} 

blockquote div div{font: bold italic 1em/1.5 Verdana, Arial, Helvetica, sans-serif;padding: 20px 25px 10px 40px;

background: url(../images/quotend.gif) bottom right no-repeat;} 



.dropclass { float: left;color: #333;font-size:3em;line-height:.85em;display: block;padding: 0 3px 0 0;

font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}



.highlight {border-bottom: 1px dotted;font-weight: bold;background: #232323;}



/*Controllables via Toolbar*/

body.smallfonts {font-size:.65em;}



body.mediumfonts {font-size:.7em;}



body.largefonts{font-size:.8em;}



a:link,a:visited {text-decoration:none;}



a:hover,a:active {text-decoration:underline;}



a.category:link,a.category:visited {font-weight:bold;}



/*lists*/

li {list-style-type:none;}

.centercolstyle li {list-style-type:none;background:url(../images/indent1.png) no-repeat left top;

padding-left:18px;margin-left:8px;padding-bottom: 6px;}

.toolshoriz li,.toolshoriz li a{display:block;float:left;}

/* Clear Fix */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;overflow:hidden;}



.clearfix {display: inline-table;}

/* Hides From IE Mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End Hide from IE Mac */







/*Toolbar States*/

#toolset{background:transparent;position:fixed;left:0px;top:0px;}

	#toolarea{padding-left:2px;height:22px;}

		#tools{height:20px;padding-left:20px;}

		#tools ul {display:inline;height:20px;margin:0;}

		#tools li {	height:20px; overflow:hidden;display:inline;background: none;margin: 0;padding:  0 2px 0 0;}

		#tools a {padding-top:20px;height:0;overflow:hidden;background-position: 0 0;background-repeat:no-repeat;font-size:10px;}

		#tools li a:hover {background-color:transparent;}



/* Open/Close Toolbox */

#toolbox {height:0px;background:#fff;}

#toolbutton {height:20px;position:fixed;}



/*Width Setting buttons*/

#tools li a#Width_75 {background-image:url(../images/tools/w_75.png); width:20px; background-position: 0 -40px;}

#tools li a#Width_85 {background-image:url(../images/tools/w_85.png); width:20px; background-position: 0 -40px;}

#tools li a#Width_95 {background-image:url(../images/tools/w_95.png); width:20px; background-position: 0 -40px;}

#tools li a#Width_650 {background-image:url(../images/tools/w_650.png); width:20px; background-position: 0 -40px;}

#tools li a#Width_770 {background-image:url(../images/tools/w_770.png); width:20px; background-position: 0 -40px;}

#tools li a#Width_920 {background-image:url(../images/tools/w_920.png); width:20px; background-position: 0 -40px;}



#tools li a#t_Width {background-image:url(../images/tools/w_thin.png); width:20px; background-position: 0 -40px;}

#tools li a#w_Width {background-image:url(../images/tools/w_wide.png); width:20px; background-position: 0 -40px;}

#tools li a#tf_Width {background-image:url(../images/tools/w_tfluid.png); width:20px; background-position: 0 -40px;}

#tools li a#wf_Width {background-image:url(../images/tools/w_wfluid.png); width:20px; background-position: 0 -40px;}



/*Color Scheme buttons*/

#tools li a#colorBlue {background-image:url(../images/tools/blue.png); width:20px;  background-position: 0 -40px;}

#tools li a#colorRed {background-image:url(../images/tools/red.png); width:20px; background-position: 0 -40px;}

#tools li a#colorGreen {background-image:url(../images/tools/green.png); width:20px; background-position: 0 -40px;}

#tools li a#colorOrange {background-image:url(../images/tools/orange.png); width:20px; background-position: 0 -40px;}

/*Font Size buttons*/

#tools li a#sfonts {background-image:url(../images/tools/sfonts.png); width:20px; background-position: 0 -40px;}

#tools li a#mfonts {background-image:url(../images/tools/mfonts.png); width:20px; background-position: 0 -40px;}

#tools li a#lfonts {background-image:url(../images/tools/lfonts.png); width:20px; background-position: 0 -40px;}



/*Hover States Positioning*/

#tools li a#colorBlue:hover,#tools li a#colorRed:hover,#tools li a#colorGreen:hover,#tools li a#colorOrange:hover,

#tools li a#sfonts:hover,#tools li a#mfonts:hover,#tools li a#lfonts:hover,#tools li a#t_Width:hover,#tools li a#w_Width:hover,#tools li a#tf_Width:hover,#tools li a#wf_Width:hover,

#tools li a#Width_75:hover,#tools li a#Width_85:hover,#tools li a#Width_95:hover,#tools li a#Width_650:hover,#tools li a#Width_770:hover,

#tools li a#Width_920:hover

{background-position: 0 0px; }

/*Active State Positioning*/

#tools li a#colorBlue.active-option,#tools li a#colorRed.active-option,#tools li a#colorGreen.active-option,

#tools li a#colorOrange.active-option,#tools li a#sfonts.active-option,#tools li a#mfonts.active-option,#tools li a#lfonts.active-option,

#tools li a#t_Width.active-option,#tools li a#w_Width.active-option ,#tools li a#tf_Width.active-option,#tools li a#wf_Width.active-option ,

#tools li a#Width_75.active-option,#tools li a#Width_85.active-option,#tools li a#Width_95.active-option,#tools li a#Width_650.active-option,

#tools li a#Width_770.active-option,#tools li a#Width_920.active-option

{background-position: 0 -20px; }

 

/* Module Styles*/

.moduletable {margin-bottom:8px;padding:0 8px 0 8px;}

.moduletable a:link, .moduletable a:visited{color:#666;}



.moduletable h3 {margin-left:-8px; margin-right:-8px;padding-bottom: 3px;font-weight: bold;font-size: 1em;background:#232323;text-align:left;text-indent:15px;height:24px;line-height:25px;color:#CBCBCB; font-size:1em;text-transform:uppercase;}

#userscont1 .moduletable, #userscont2 .moduletable{background:#101010;padding:8px;}

#rightcolzone .moduletable {background:transparent;}



/*CSS for Module Space Splitting*/



 /*Users*/

 



#userscont1, #userscont2{background:#171717;}

#userscont2 {margin-top:8px;}

.user1half {float: left;overflow: hidden;width: 49.999%; }

.user2half {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}

.user3half {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}

.user1third {float: left;overflow: hidden;width: 33%; }

.user2third {margin-left: .999%;float: left;overflow: hidden;width: 32.4%; }

.user3third {float: right;overflow: hidden;width: 32.499%; margin-left: .999%;}

.user4half {float: left;overflow: hidden;width: 49.999%; }

.user5half {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}

.user6 {width:100%;}

.user7half {float: left;overflow: hidden;width: 49.999%; }

.user8half {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}

.user9half {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}

.user7third {float: left;overflow: hidden;width: 33%; }

.user8third {margin-left: .999%;float: left;overflow: hidden;width: 32.4%; }

.user9third {float: right;overflow: hidden;width: 32.499%; margin-left: .999%;}



	/*Joomla Menu in Module - more color specific options in color css*/

.moduletable li a,

a.mainlevel {width: 100%;display: block;line-height:20px;text-indent: 22px;text-decoration:none;border-bottom:dotted 1px #222;}

a.sublevel {width: 100%;display: block;line-height:20px;text-indent: 25px;font-style:italic;text-decoration:none;}

html>body a.mainlevel {width:100%;} /* Opera5-Fix-fix ;-) */

html>body a.sublevel {width:100%;} /* Opera5-Fix-fix ;-) */



 /*imput box, buttons*/

.inputbox {

color:#ccc;

border: #666 1px solid;

background: #333;

margin-right: 5px;

font-size:1em;

}

.leftcol .inputbox {

background: #1C1C1C;

}

.button {margin:8px 0;font-size: 1.0em;height: 20px;background:#232323;border: #666 1px solid;}

fieldset {width:98%;border:#333;}

/* TATTOO-STORIES CUSTOMIZATION */
table.moduletable-xbanner {
margin-left: auto;
margin-right: auto;
}