/* CSS Document */

/*  
Theme Name: Headspace
Theme URI: http://www.shivaheadshop.co.uk/
Description: Wordpress theme built to mirror sister site ShivaHeadShop V5.
Version: 1.0
Author: Kean Richmond
Author URI: http://www.bronco.co.uk/
*/


/*---xx. Common Elements---------------------------------------------------------------------------*/

html, *				{margin:0; padding:0;}

body				{background:url(images/shiva_bkg.jpg) repeat-x #942B24; color:#666666; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:62.5%;}

h1					{color:#902720; font-size:2.4em; font-weight:normal; padding:0 0 10px 0;}
h2					{color:#902720; font-size:1.8em;}
h3					{font-size:1em; font-weight:bold;}
h4					{color:#902720; font-size:1.4em; font-weight:bold;}
h5					{font-size:1em; font-weight:bold; text-transform:uppercase;}
h6					{font-size:1em; font-weight:bold; text-transform:uppercase;}

img					{border:0;}

.al					{text-align:left;}
.ac					{text-align:center;}
.ar					{text-align:right;}
.fl,
.alignleft				{float:left;}
.fr,
.alignright				{float:right;}
img.alignleft	{clear:left;margin:10px 10px 10px 0;}
img.alignright	{clear:right;margin:10px 0 10px 10px;}

.none				{clear:both; line-height:0px; height:0px; overflow:hidden;}


/*---01. Layout Elements---------------------------------------------------------------------------*/

#main				{font-size:1.1em; margin:0px auto; width:770px;}
#content			{background:#FFFFFF; border:1px solid #F79723; margin-top:180px;}
#textarea			{float:left; padding:20px 30px 10px 30px; position:relative; width:525px;}
#right_col			{float:right; width:180px;}


/*---02. Header Elements---------------------------------------------------------------------------*/

#header				{position:absolute; top:0; width:770px;}
#logo				{height:111px; margin:4px 10px; position:relative; z-index:5000; width:304px;}


/*---03. Main Navigation Elements---------------------------------------------------------------------------*/

#main_navigation	{height:23px; margin:0px auto; width:408px;}
#main_navigation ul	{list-style:none;}
#main_navigation li	{float:left; margin:0 1px 0 0;}
#main_navigation a	{background:url(images/shiva_bkg_nav.gif) 0 0 no-repeat; color:#000000; display:block; font-weight:bold; height:13px; padding:5px 0px; text-align:center; text-decoration:none; width:101px;}
#main_navigation a#shop	{background:url(images/shiva_bkg_navshop.gif) 0 0 no-repeat;}
#main_navigation a:hover,
#main_navigation a#shop:hover	{background-position:-101px 0; color:#FFFFFF;}


/*---04. Search Row Elements---------------------------------------------------------------------------*/

#search_row			{background:url(images/shiva_bkg_search.jpg) repeat-x; clear:both; height:38px; position:relative; width:770px;}

#search_row #s_left	{background:url(images/shiva_bkg_searchleft.jpg) no-repeat; height:38px; left:0; position:absolute; width:24px;}
#search_row #s_right{background:url(images/shiva_bkg_searchright.jpg) no-repeat; height:38px; float:right; width:24px;}

#search_row	#searchform		{margin:0px auto; padding:7px 0px; width:306px;}
#search_row	#searchform *		{float:left;}
#search_row	#searchform label	{color:#902720; font-weight:bold; margin:6px 0 0 0; width:50px;}
#search_row	#searchform #s		{background:url(images/shiva_bkg_searchbox.jpg) no-repeat; border:0; color:#666666; height:13px; font-family:sans-serif; font-size:11px; padding:6px 10px; width:198px;}
#search_row	#searchform #searchsubmit	{background:url(images/shiva_btn_go.gif) 0 0 no-repeat; border:0; color:#FFFFFF; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1em; font-weight:bold; margin:0 0 0 10px; padding:5px 2px 5px 2px; width:25px}
#search_row	#searchform #searchsubmit:hover	{background-position:-25px 0; cursor:pointer;}


/*---05. Menu Elements---------------------------------------------------------------------------*/

.menu_block			{margin:2px;}
.list_box			{border:1px solid #7A0B03; padding:2px 0;}
.menu_block h3,
.menu_block .menu_hdr		{background:url(images/shiva_bkg_hdr.jpg) repeat-x; color:#FFFFFF; font-size:1.1em; font-weight:bold; height:15px; padding:3px 0px 2px 8px;}			
.list_box ul		{list-style:none;}
.list_box li		{padding:5px 8px;}
.list_box p			{padding:5px 8px;}
.list_box a			{font-weight:bold; text-decoration:none;}
.list_box a:hover	{text-decoration:underline;}


/*---05. Post Elements---------------------------------------------------------------------------*/

.post			{position:relative; padding:0 0 50px 0;}
.post h2		{font-family:Arial, Helvetica, sans-serif; padding:0 100px 0 5px;}
.post h2 a		{text-decoration:none;}
.post p			{font-size:1.1em; padding:7px 5px;}
.post ul,
.post ol		{font-size:1.1em; padding:5px 40px;}
.post ul li,
.post ol li		{font-size:1.1em; padding:3px 0px;}

.post blockquote	{border-left:5px solid #D2E69B; margin:5px 40px; padding:10px 5px;}
.post blockquote blockquote	{border-left:5px solid #CCCCCC; margin:10px 40px 0px 40px; padding:10px 5px;}

.post .post_comment	{background:url(images/shiva_bkg_comments.jpg) no-repeat; height:43px; float:right; margin:-30px 10px 0 0; position:relative; text-align:center; width:84px; z-index:100;}
.post .post_comment .com_num	{display:block; font-size:1.7em; padding:1px 0 0 0;}
.post .post_comment a			{color:#FFFFFF; font-weight:bold; text-decoration:none;}
.post .post_comment a:hover		{color:#000000;}
.post p.post_date				{border-top:2px solid #902720; font-size:1em; padding:2px 5px 20px 5px;}
.post .entry					{padding:0px;}

.post .entry_options	{border-top:1px solid #CCCCCC; font-size:0.9em; list-style:none; margin:10px 5px; padding:3px;}
.post .entry_options li	{display:inline;}


/*---06. Comment List Elements---------------------------------------------------------------------------*/

.commentlist		{list-style-position:inside; list-style-type:decimal; padding:20px 20px 40px 20px;}
.commentlist li		{background:url(images/shiva_bkg_divide.gif) bottom repeat-x; padding:5px 5px;}
.commentlist li.alt	{background:url(images/shiva_bkg_divide.gif) #FCF7ED bottom repeat-x;}
.commentlist li .comment_author a	{font-size:1.1em; font-weight:bold; text-decoration:none;}
.commentlist li .commentmetadata 	{padding:2px 20px;}
.commentlist li .commentmetadata a	{text-decoration:none;}
.commentlist li .comment_text	{padding:10px 10px;}
.commentlist li .comment_text p	{font-size:1.1em; padding:4px 20px;}


/*---07. Leave Comments Elements---------------------------------------------------------------------------*/

#commentform		{padding:20px 0px;}
#commentform p		{background:url(images/shiva_bkg_divide.gif) bottom repeat-x; padding:5px 0px;}
#commentform p.nobkg	{background:none;}
#commentform .req	{font-style:italic; padding:0 0 0 10px;}
#commentform label	{float:left; width:75px;}
#commentform #author,
#commentform #email,
#commentform #url		{border:1px solid #902720; color:#666666; font-family:sans-serif; font-size:11px; padding:2px; width:150px;}
#commentform textarea	{border:1px solid #902720; color:#666666; font-family:sans-serif; font-size:11px; padding:2px;}
#commentform textarea	{border:1px solid #902720; color:#666666; font-family:sans-serif; font-size:11px; padding:2px;}


/*---08. Button Elements---------------------------------------------------------------------------*/

.btn97		{background:url(images/shiva_btn_97.gif) no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; height:23px; padding:0px 7px 3px 7px; text-align:center; text-decoration:none; width:97px;}
.btn97:hover	{color:#000000;}


/*---09. Navigation Elements---------------------------------------------------------------------------*/

.navigation			{color:#999999; margin:0 0 20px 0; padding:5px 4px;}
#nav_top			{border-bottom:1px solid #F79723;}
#nav_bottom			{border-top:1px solid #F79723;}
.nav_left			{float:left; width:45%;}
.nav_right			{float:right; text-align:right; width:45%;}
.navigation	a		{color:#999999; text-decoration:none;}
.navigation	a:hover	{color:#666666;}


/*---10. Archive Elements---------------------------------------------------------------------------*/

.pagetitle			{padding:0 0 30px 0;}


/*---11. Search Page Elements---------------------------------------------------------------------------*/

#textarea #searchform		{margin:20px 0px; padding:7px 0px; width:306px;}
#textarea #searchform label	{float:left; margin:4px 0 0 0; width:75px;}
#textarea #searchform #s		{border:1px solid #902720; color:#666666; font-family:sans-serif; font-size:11px; padding:2px; width:150px;}
#textarea #searchform #searchsubmit	{background:url(images/shiva_btn_go.gif) 0 0 no-repeat; border:0; color:#FFFFFF; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1em; font-weight:bold; margin:0 0 0 10px; padding:5px 2px 5px 2px; width:25px}
#textarea #searchform #searchsubmit:hover	{background-position:-25px 0; cursor:pointer;}


/*---99. Footer Elements---------------------------------------------------------------------------*/

#footer				{color:#FFFFFF; text-align:center; padding:5px 0;}
#footer ul			{padding:10px 0px;}

#ftr_links			{list-style:none;}
#ftr_links li		{display:inline;}

#footer p			{padding:5px 0px;}
#footer a			{color:#F79723;}
#footer a:hover		{text-decoration:none;}


/*---100. Link Elements---------------------------------------------------------------------------*/

a					{color:#902720;}
a:hover				{color:#BE554E;}
