/*
Theme Name: Dark Ritual
Theme URI: http://www.kaushalsheth.com
Version: 1.0
Description:  Tribal-style three column layout.
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com
*/



/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #cc3300;
text-decoration:none;}

a:hover {color: #003366;}

body {
	background: #003366 url(img/bg.gif);
	/*color: #333;*/
	font: normal 62.5% Arial, Verdana ,sans-serif;
	margin: 0 0 3% 0;
}

p,ul {
	padding-top: .5em;
	
}

ul {margin-left: 1.2em;}

/*.main_right li {
background: green;
list-style: none;}*/

main li {list-style-image: url(img/li.gif);}


blockquote {
	/*background: #FFF;*/
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	/*color: #333;*/
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
	background: yellow;
	
}
blockquote p {padding: 3px 0;}

.gradient {
width: 679px;
background-color: pink;
}

h1{
	color: #cc3300;
	font:1.4em Arial,sans-serif;
	letter-spacing: 1px;
	font-weight:bold;
	
	}

h2{
	color: #666666;
	font:1em Arial,sans-serif;
	font-style:italic;
	letter-spacing: 1px;
	font-weight: 600;
	padding-bottom: 1.5em;
	padding-top: .5em;
	}

h3{
	color: #cc3300;
	font:1.2em Arial,sans-serif;
	letter-spacing: 1px;
	font-weight: 900;
	
	
	}

.title{
	color: #666666;
	font:1em Arial,sans-serif bold;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top:.5em;

	}
	
.headline{
	color: #666666;
	font:2em Arial,sans-serif;
	font-style:italic;
	font-weight:bold;
	margin-bottom:0em;
	margin-top: -.3em;
	}

.instructions{
	color: #003366;
	font:1em Arial,sans-serif;
	letter-spacing: 1px;
	font-size: 1.2em;
	font-weight: bold;
	padding-top:2em;
	}

/*Styling for Right Col Paragraph Text*/


.paraText2{
margin-top:8.0em;
}	

.paraText3{
margin-top:11.6em;
}

.paraTextEssure2{
margin-top:1.7em;
}

.paraTextEssure3{
margin-top:4.0em;
}

/*styling for 2nd image in the left column*/

.paraImage1{
margin-top:1em;
}

.paraImage2{
margin-top:.5em;
margin-bottom:1em;
}

.paraImage3{
margin-top:1em;
margin-bottom:10em;
}

.imageWrapper2{
margin-top:5em;
margin-bottom:2em;
}

.imageWrapper3{
margin-top:5em;
margin-bottom:10em;
}

/* Styling Especially for the Fine Art Section*/

/* Image Wrapper for fine art regular*/

.FineArtimageWrapper2{
margin-top:10em;
margin-bottom:10em;
}

.FineArtimageWrapper3{
margin-top:10em;
margin-bottom:10em;
}

/*Text in Left Colmn styling for each fine art page*/

.TextMixMed2{
margin-top:7.6em;
}


.TextPaint2{
margin-top:18.6em;
}

.TextPenInk2{
margin-top:5.8em;
}

.TextPenInk3{
margin-top:25em;
}

.TextPenChar2{
margin-top:32.6em;
}

.TextPenChar3{
margin-top:26em;
}

.TextPhoto2{
margin-top:29em;
}

.TextPhoto3{
margin-top:22.8em;
}

.TextPhoto4{
margin-top:15.2em;
}


/* misc */
.clearer {clear: both;}
/*.main_right .padded {padding: 6px 2px 6px 16px;}*/
/*.main .padded {padding: 18px 24px;}*/

.meta {font-size: 0.8em; color: #666;}
.left {float: center;}
.right {float: right;}



/* structure */
.container {
	font-size: 1.2em;
	background: url(img/bgcontainer_new2.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 12px solid #003366;
	line-height:1.5;
}

/* header */
.header {
	float: left;
	width: 840px;
	background: url(img/header.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;
	height:150px;
	border-bottom: solid 5px #cc3300;
}

/* structure */
.top {
	/*background: #222;*/
	background: orange;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	/*height: 50px;*/
	text-align: center;
	width: 840px;
	
}
.subnav {
	float: left;
	width: 160px;
	
}
.main {
	float: left ;
	width: 679px;
	display:block;
	
	/*background: blue;*/

	/*background: #fff;*/
	
}

.main2 {
	float: left;
	width: 679px;
/*border:blue;*/
	/*background: #fff;*/

	
}

.leftCol {
	float: left;
	width: 381px;
	/*width:60%;
	margin-left:2%;*/
	display:inline;
	
	margin-left:22px;
	margin-right:12px;
	padding-top: 14px;
	
	
}
.rightCol {
	float: right;
	width: 242px;
	/*width:30%;
	margin-right:2%;*/
font-size:1em;
color:#666666;
	padding-top: 6.1em;
	/*margin-left:12px;*/
	margin-right:22px;
	display: inline;
	line-height:1.3;
}

/*.main_right {
	float: right;
	width: 200px;
	color: #fff;
	background: silver;
	
	
}*/

.aboutMeCopy{
font-size:1em;
color:#5E88B3;
margin-top:1em;
margin-bottom:10em;
}

/* sub-navigation */

.subnav{
display:block;
}

.subnav h1 {
	/*background: #003366;*/
	background: url(img/bgheadings.gif) no-repeat;
	/*color: #FFE;*/
	color: #fff;
	font:1em Arial,sans-serif bold;
	line-height: 18px;
	padding-left: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: #F7F7F7 1px solid;
	
}
.subnav ul {margin: 0; padding: 0;}
.subnav li { 
	/*line-height: 24px;*/
	font: 1em Arial, sans-serif;
	/*border-bottom: 1px solid #696755;*/
	list-style: none;
	
	
}
.subnav li a {
	
	background: #AEBECE;
	color: #003366;
	display: block;
	padding: 2px 0 2px 12px;
	width: 148px;
	text-decoration: none;
	letter-spacing: .5px;
	border-bottom: #F7F7F7 1px solid;
	
}

.subnav li a:hover {
	background: #cc3300;
	color: #fff;
}
.subnav li a:visited {
	color: #fff;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #003366;
	font-size: 1em;
	line-height: 39px;
	width: 100%;
	text-align: center;
	
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

.post{/*margin:25px 0 25px 0;*/

background-color:white;
}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;

width:679px;
}


/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #F7F7F7;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}


.post ul li
{
list-style:square;
margin-left:18px;
padding:5px;
}




.entry ol li
{
padding:5px;
list-type:decimal;
margin-left:22px;
}

.main_right a:link, a:visited {
	color: #999999;
}
.main_right a:link,.main_right a:visited{
	color: #666666;
	text-decoration: none;
}

.main_right ul {
	padding: 0;
}
.main_right ul li a:link,.main_right ul li a:visited{
	display: block;
}
.main_right ul li:hover{
	background: #333333;
}
.main_right ul li {
padding: 5px 0;
}
.main_right ul {
	margin: 0;
}