/*  
Theme Name: Arcupius Default
Theme URI: http://www.arcupius.com/
Description: The default Arcupius Theme.
Version: 0.1
Author: arcupius.com
Author URI: http://www.arcupius.com/
*/



/* Begin Typography & Colors */

#footer p {
	margin: 4px 0 0 0;
	text-align: right;
	}
	
#footer a {
	color: #999;
	}

h1, h2, h3 {
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	}

h1 a {
	color: #e8e8e8;
	text-decoration: none;
	}

h1 a:hover {
	color: #e8e8e8;
	text-decoration: underline;
	}

h2 {
	font-size: 140%;
	}

h3 {
	font-size: 130%;
	}
	
h2.pagetitle {
	font-size: 1.6em;
	}

.post h2 {
	margin: 0 0 5px 0;
	}
	
.post h2 a {
	color: #111;
	text-decoration: none;
	}
	
.post h2 a:hover {
	color: #00f;
	}
	
.post li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	}	

#sidebar, h1, #footer {
	color: #e8e8e8;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed;
	}

a:link {
	color: #00c;
	}

a:hover {
	color: #00f;
	}
	
a.active {
	background-color: #fff;
	border: 1px solid #a1a1a1;
	}
	
#sidebar a {
	color: #00c;
	}

.postmetadata {
	font-size: 95%;
	}

.more_link {
	background: url(images/arrow_right.gif) no-repeat center right;
	padding-right: 10px;
	}
	
.comments_link{
	background: url(images/arrow_right.gif) no-repeat center right;
	padding-right: 10px;
	padding-left:7px;
	}	
	
.post p {
	line-height: 140%;
	}
	
.tell {
	padding-left: 18px;
	background: url(images/email_yellow.gif) left center no-repeat;
	}
	
.indexlist {
	list-style-image: url(images/orange_bullet.gif);
	}
	
.headline {
	font-weight: bold;
	font-size: 1.1em;
	}
	
/* End Typography & Colors */



/* Begin Structure */

/* #body */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Arial, Sans-Serif, 'Trebuchet MS', 'Lucida Grande', Myriad, Verdana;
	background-color: #D3CBC5;
	color: #111;
	text-align: center;
	margin: 24px 0;
	padding: 0; 
	}

#page {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background-color: #FFF;
	text-align: left;
	}
	
#header {
	background: #FFF top no-repeat url(images/page_head.jpg);
	height: 210px;
	}
	
#header a {  
  	display: block;   
  	width: 595px;   
  	height: 150px;        
  	margin-left: 270px;  
  	} 
	
a#main_title {
	display: block;
	width: 540px;
	height: 120px;
	/*background: url(images/page_head_link.gif) no-repeat bottom right;*/
	padding: 20px 0 0 23px;
	margin-left: 270px;
	}
	
.description {
	font-size: 1.2em;
	}
	
#page_body {
	/*background: url(images/page_body_bg.gif) top repeat-x #707070;*/
	background-color: #AEA097;
	border: 1px solid #4C4442;
	}
	
#columns {
	/* background: url(images/sidebar_bg.gif) top right repeat-y; */
	}
	
#content {
	font-size: 1.2em;
	/*background: url(images/content_bg.gif) top repeat-x #e6e6e6;*/
	background-color: #FFF;
	border: 1px solid;
	border-color: #e6e6e6 #707070 #6e6e6e #fff;
	border-right: 0;
	float: left;
	width: 533px;
	padding: 0 24px 24px 24px;
	margin:0;
	height: auto !important;
	height: 560px;
	min-height: 560px;
	}
	
.post {
	padding-top: 18px;
	margin: 0;
	clear: both;
	}
	
	
#right_sidebar {
	height: 1px;
	margin-left: 790px;
	/*margin-top: 0px !important;*/
	/* padding-top:10px; */
	/*margin-left: 782px;*/
	font-size: 110%;
	}
	
/* #sidebar_div */
#sidebar {
	float:left;
	width:200px;
	font-size: 110%;
	}
	
#footer {
	/*background: url(images/page_body_bg.gif) top repeat-x #707070;*/
	background-color: #AEA097;
	font-size: 1%;
	clear: both;
	/*border: 1px solid #AEA097;*/
	/* border-color: #7a7a7a #262626 #262626 #7a7a7a; */
	padding: 5px;
	}
	
#top_paging, #bottom_paging {
	text-align: center;
	clear: both;
	margin-top: 24px;
	border: 1px solid #AEA097;
	background-color: #AEA097;
	}
	
.inner_paging {
	border: 2px solid #fff;
	padding: 4px;
	}
	
#top_paging {
	height: 1px;
	}
	
html>body #top_paging {
	height: auto;
	}
	
#top_paging .paging_next, #bottom_paging .paging_next {
	background-image: url(images/arrow_right_yellow.gif);
	}
	
#top_paging .paging_previous, #bottom_paging .paging_previous {
	background-image: url(images/arrow_left_yellow.gif);
	}
	
.paging_post_info {
	font-weight: bold;
	}
	
.paging_previous {
	float: left;
	background: url(images/arrow_left.gif) no-repeat center left;
	padding-left: 14px;
	text-align: left;
	font-weight: bold;
	}
	
.paging_next {
	float: right;
	background: url(images/arrow_right.gif) no-repeat center right;
	padding-right: 14px;
	text-align: right;
	font-weight: bold;
	}
	
.paging_nav a {
	padding: 0 2px;
	}
	
.post .postmetadata {
	margin: 12px 0 1em 0;
	}
	
.entrytext .postmetadata {
	margin-top: 48px;
	}
	
.subnav {
	border: 1px #AEA097 solid;
	float: right;
	margin: 0 0 1em 1em;
	}
	
.subnav h4 {
	font-size: 1em;
	margin: 0 !important;
	border: 2px solid #fff;
	border-bottom: none;
	padding: 0.2em 0.4em 0 !important;
	}

.subnav ul {
	border: 2px #fff solid;
	background-color: #AEA097;
	padding: 0.2em 0.4em !important;
	margin: 0 !important;
	list-style-type: none;
	}
	
.subnav li {
	margin: 0.3em 0 !important;
	padding: 0 !important;
	}
	
.subnav a {
	padding-left: 8px;
	}
	
.subnav .active {
	border: none;
	font-weight: bold;
	background: url(/sg/oa.gif) left center no-repeat;
	

	}
	
	.pl_email {
		font-size: 0.9em;
		background: url(images/email_grey.gif) no-repeat left !important;
		padding: 4px 0 4px 17px;
		margin-right: 15px;
	}
	.pl_print {
		font-size: 0.9em;
		background: url(images/print_icon.gif) no-repeat left !important;
		padding: 4px 0 4px 17px;
		margin-right: 15px;
	}
	.pl_link {
	 	font-size: 0.9em;
		background: url(images/link_icon.gif) no-repeat left !important;
		padding: 4px 0 4px 19px;
		margin-right: 15px;
	}

/* this is the menu bar on the left hand side */
#menubar {
	float:left;
	width:200px;
	}
	
	
/* End Structure */






/* rating interface elements */

/* #outer_border */
#big_rating_box, .comment_rating_container, .small_rating_box {
	border: 1px solid #AEA097;
	}
	
/* #inner_border */
.rating_divider {
	border: 2px solid #fff;
	}

/* #inner_background */
.comment_rating, .comment_rating_bar, .small_rating_box div, #rating_interface div, #big_rating_box, #big_rating_box .rating_bar, #big_rating_box td {
	background-color: #AEA097;
	}
	
	
	
	
/* #rating_text */
.small_rating_box, #rating_interface, #big_rating_box, .comment_rating {
	color: #333;
	font-size: 12px;
	
	}
	
	
	
	
	

/* #rating_hilite_text */
.small_rating em, #big_rating_box em, .comment_rating em, #rating_interface h3, .rating_label {
	color: #333;
	
	}
	
/* #big_rating_box_numbers */
#big_rating_box em {
	font-size: 24px;
	vertical-align: -25%;
	font-style: normal;
	font-weight: bold;
	line-height: 95%;
	}
	
/* #big_vote_count_number */
#big_vote_count em {
	font-size: 10px;
	vertical-align: -15%;
	}
	
/* #small_rating_box_number */
.small_rating em {
	font-style: normal;
	font-weight: bold;
	line-height: 95%;
	}
	
/* comment_rating_text */
.comment_rating {
	text-align: center;
	font-size: 10px;
	}
	
/* #comment_rating_number */
.comment_rating em {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 95%;
	
	}
	
/* #rating_interface_heading */
#rating_interface h4 {
	font-size: 10px;
	}
	
/* #rating_interface_text */
.rating_label {
 
	}

	
	
/* #rating_interface_labels */
.rating_button, .rating_button_disabled, #rating_interface label {
	text-decoration: none;
	font-weight: bold;
	color: #990066 !important;
	font-size: 12px;
	
	}
	
.small_rating_box {
	float: right;
	margin: 0 0 16px 16px;
	width: 160px;
	padding: 2px;
	background-color: #fff;
	}
	
.small_rating_box, #rating_interface {
	text-align: left;
	}

.rating_divider {
	border-right: 0;
		border-bottom: 0;
		border-left: 0;
		clear: both;
		font-size: 1%;
	border-top: 2px solid #fff;
	}
	
.small_rating {
	padding: 5px 0;
	background: #AEA097;
	text-align: center;
	}
	
.small_rating em, .comment_rating em {
	margin: 0 auto;
	
	}
	
	
	
	
#big_rating_box em {
	padding: 0 2px;
	}
	
.rating_bar {
	text-align: left;
	clear: both;
	background: url(images/yellow_stars_large_bg.gif) top left repeat-x;
	height: 32px;
	font-size: 1px;
	
	}
	
/* #rating_bar_image on the main page */
.rating_bar div {
	width: 0;
	margin: 0;
	background: url(images/yellow_stars_icon_large.gif) top left repeat-x;
	height: 32px;
	}

.rating_bar div div {
	background: none;
	}

.small_rating_box .rating_bar, .comment_rating_container .rating_bar {
	width: 160px;
	}

.comment_rating_container {
	width: 162px;
	}

	
html>body #rating_interface div {
	height: 5px;
	
	}
	
#rating_interface  {
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	text-align: left;
	height: 57px !important;
	}
	
#rating_interface ul {
	text-align: left;
	margin: 0 !important;
	margin-left: 0px !important;
	padding: 0 0 0 0px;
	display: block;
	}

/* contains the vote_paw buttons */	
#rating_interface li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 30px;
	}
	
#rating_interface li input {
	margin: 0 auto 0px auto;
	display: block;
	}
	
.rating_label {
	border: 0;
	padding: 0 0px;
	}

.comment_rating_container {
	float: right;
	margin: 0 0 16px 16px;
	padding: 2px;
	background-color: #000000;
	}
	
.comment_rating {
	padding: 3px 0;
	}
	
.comment_rating_bar {
	text-align: left;
	}
	
#big_rating_box {
	border-collapse: separate;
	border-spacing: 2px;
	background: #fff;
	text-align: center;
	float: right;
	width: 250px;
	height: 206px !important;
	}
	
#big_rating_box em {
	display: block;
	}

/* the box where the user can vote */	
#big_rating_box td {
	border-collapse: separate;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
	width: 50%;
	}
	
#big_rating_box .rating_bar {
	background-image: url(images/grey_star_large.jpg);
	padding-top: 0;
	text-align: left;
	width: 197px;
	margin: 0 auto;
	height: 42px;
	}
	
#big_rating_box .rating_bar div {

	height: 40px;
	background-image: url(images/yellow_star_large.jpg);
	}
	
.rating_button, .rating_button_disabled {
	display: block;
	width: 22px;
	height: 18px;
	padding: 10px 0px 6px 10px;
	background: url(images/yellow_stars_button.gif) 0px 1.5px;
	text-align: left;
	
	}
	
.rating_button_disabled {
	background-position: 0 -32px;
	color: #AEA097 !important;
	}
	
.rating_button_selected {
	text-decoration: underline;
	}
	
#user_feedback {
	font-size: 10px;
	text-align: center;
	float: right;
	width: 250px;
	margin: 0;
	}

/* end rating interface elements */




/*	Begin Headers */
h1 {
	margin: 0;
	padding: 0;
	}

#sidebar h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 120%;
	}

.pagesubtitle {
	border-bottom: 1px solid #aaa;
	font-size: 1.6em;
	margin-top: 1em;
	}
	
h3.comments {
	padding: 0;
	margin: 40px auto 20px;
	font-size: 100%;
	}
	
#page_title {
	/* border-bottom: 1px solid #4C4442; */
	/* border: 1px solid #AEA097; */
	/* border-color: #7a7a7a #262626 #262626 #7a7a7a;*/
	font-size: 2em;
	margin: 0;
	padding: 10px;
	/* padding: 0.2em 25px;*/
	}
	
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
/* #content_image */
.content_image {
	border: 1px solid #AEA097;
	}
	
.content_image img {
	border: 2px solid #fff;
	}
	
.align_left {
	float: left;
	margin: 0 16px 16px 0;
	}
	
.align_right {
	float: right;
	margin:  0 0 16px 16px;
	}
	
img.content_image {
	border: 1px solid #AEA097;
	padding: 2px;
	background-color: #fff;
	}
	
/* End Images */



/* Begin Sidebar Lists */

/* #sidebar_lists */
#sidebar ul {
	margin: 0;
	padding: 0;
	/* border-bottom: 1px solid #4C4442; */
	height: 1px;
	}
	
html>body #sidebar ul {
	height: auto;
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	/*border-top: 1px solid #4C4442; */
	/*border-bottom: 1px solid #4f4f4f;*/
	padding: 10px;
	margin: 0;
	height: 1px;
	}
	
html>body #sidebar ul li {
	height: auto;
	}
	
#sidebar ul ul {
	margin: 0 0 1em;
	padding: 0 0 1.3em;
	background: url(images/bevel_h.gif) repeat-x bottom; 
	}
	
html>body #sidebar ul ul {
	height: auto;
	}
	
#sidebar ul ul li {
	margin: 0 0 0.5em !important;
	padding: 0 !important;
	line-height: 1.1em;
}
	
#sidebar li li {
	border-width: 0;
	padding: 2px 0;
	margin: 3px 0;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar form {
	margin: 0;
	}
	
#sidebar_padding_top {
	height: 70px !important;
	}
	
#sidebar_bottom {
	width: 197px;
	height: 0;
	float: right;
	/*border-top: #4f4f4f 1px solid;*/
	position: relative;
	top: -7px;
	left: 6px;
	font-size: 1px;
	}
	
/* End Sidebar Lists */

/* Begin lists */
#content ul {
	margin: 10px 0 10px 30px;
	padding: 0;
	}
	
#content ol {
	margin: 10px 0 10px 30px;
	padding: 0;
	}
	
/* End lists */

/* Begin Form Elements */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 98%;
	}

html>body #commentform textarea {
	width: 100%;
	}
	
#sidebar #searchform {
	margin: 0;
	height: 1px;
	}
	
#sidebar #searchform input {
	width: 55%;
	margin: 0 3px 0 0;
	}
	
#sidebar #searchsubmit {
	width: 35% !important;
	margin: 0 !important;
	}

#search_box {
	float: left;
	}
	
/* End Form Elements */

/* Begin Comments*/

.commentlist {
	padding: 0;
	margin: 0 !important;
	text-align: justify;
	}

.commentlist li {
	height: auto !important;
	height: 1%;
	overflow: hidden !important;
	overflow: visible;
	margin: 0;
	padding: 7px 10px 2px;
	list-style: none;
	}
	
.commentlist li.alt {
	background-color: #f3f3f3;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmeta {
	float: right;
	padding-left: 10px;
	margin: 0 !important;
	}
	
.commentmetadata {
	margin: 0;
	display: block;
	}

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

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
	
.main_comments_link {
	text-align: center;
	}
	
.commenttitle {
	font-size: 1em;
	margin: 0 0 10px 0;
	text-align: left;
	}
	
.cl_comment_link {
	color: #333 !important;
	text-decoration: none;
	}
	
.cl_more {
	color: #00c;
	text-decoration: underline;
	}
	
#comments {
	margin-top: 30px;
	}
	
#postcomment {
	margin-top: 30px;
	}
	
.commentpagetitle {
	font-size: 1.2em;
	}
	
/* End Comments */



/* Begin Misc */

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 #AEA097;
	}

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

.center {
	text-align: center;
	}

a img {
	border: none; 
	}
	
.invisible {
	display: none;
	}
	
hr {
	margin: 2em 0;
	}
	
/* End Misc */

/* Begin Contact Form CSS */

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 25%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 8px 0 5px 0; 
	}

.contactright {
	width: 70%;  
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contacterror {
	border: 1px solid #ff0000;
	}
/* End Contact Form CSS */


/* Pros and Cons list */

.pros_cons {
	
	}
	
.pros {
	width: 50%;
	float: left;
	
	}
	
.cons {
	width: 50%;
	float: left;
	
	}
/* End Pros and cons list*/

/* Image and ranking box layout */

.image_ranking_box {
	
	}
	
.image {
	width: 50%;
	float: left;
	margin-bottom: 1em;
	}

.post_image {	
	width:250px;
	height:201px;
	border: 1px solid #AEA097;
	padding: 2px 2px 2px 2px;
	}
	
	
.ranking {
	width: 50%;
	float: left;
	
	}
	
/* End Image and ranking box layout*/


/* favourites labels*/

.rating_label1 {
		float: right;
		margin-right: 5px;
		padding-left: 5px;
		font-size: 11px;
		}
		
.rating_label2 {
 		float: left;
 		margin-left: 5px;
 		padding-right: 10px;
 		font-size: 11px;
 		}
	
.rating_title {
		width: 200px;
		display: block
		}

/* the small thumbnail images on the main page */

.small_image {
 		width: 115px;
 		height: 92px;
 		border: 1px solid #AEA097;
 		padding: 2px 2px 2px 2px; 
 		margin: 0 16px 16px 0;
 		}
 		
 		
/* the formatting of the postlinks page */
.postfoot {
	font-size: 15px;
	}
	
/* adsense */
#g728 {
	margin:0 auto;
	width:728px;
	height: 90px;
	background-color: #AEA097;
	text-align:center;
	}
	
/* Styles for Links Script */

#resources h1 {
	color:#111;
	background-color: #fff;
	font-size: 140%;
}

#resources div {
	margin: .6em 0;
}

#resources table {
	margin-bottom: 1em;
}

#resources td {
	vertical-align: top;
	width: 50%;
	padding-right: 10px;
}

#resources td span {
	font-size:85%
}