/*
Theme Name: ShinRa of the Sun
Theme URI: http://www.idsg.it/
Description: A clean white and orange theme with two right sidebar, both ready for widgets.
Version: 1.3
Author: ShinRa
Author URI: http://www.idsg.it/
Tags: three columns, widgets, fixed width, white, orange
*/

/**
* RESET
*/



html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big,
cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form,
label, legend, table, caption,
tbody, tfoot, thead, tr, th, td 	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body 					{ line-height:1; }
ol, ul 					{ list-style:none; }
blockquote, q 				{ quotes:none; }
del 					{ text-decoration:line-through; }
table 					{ border-collapse:collapse; border-spacing:0; }
p,ol,ul,table, form 			{ margin-bottom:20px; }

/**
* BODY
*/

body 					{ font-size:14px; line-height:150%; font-family:arial,helvetica,tahoma,sans-serif; color:#fff; background:#333; }


.pages_listing{
font-size:16px;
font-weight:bold;
}
/**
* BLOCKS
*/

#wrapper 				{ background:#fff url(images/wrapper.jpg) repeat-y left top; color:#333; width:960px; margin-left:auto; margin-right:auto; }
#title 					{ height:100px; background:#ff7a03 url(images/title.jpg) no-repeat left top; padding:10px; }

#main 					{ width:470px; padding:0px 10px 10px 0; float:left; clear:both; }
#main2 					{ width:960px; padding:0px 10px 10px 0; float:left; clear:both; }

#left_side, #right_side 		{ width:220px; padding:10px; float:left; }
#left_side 				{ background:#ff7a03; }
* html #right_side 			{ width:218px; }
#footer 				{ padding:10px; clear:both; height:100px; background:#ff7a03 url(images/footer.jpg) no-repeat left bottom; }

/**
* GENERAL HEADERS
*/

h1, h2, h3, h4, h5, h6 			{ font-family:"Trebuchet ms",tahoma,arial,verdana,sans-serif; margin-bottom:20px; font-weight:normal; }

/**
* TITLE
*/

#title h1 				{ margin-bottom:0; font-size:24px; padding-top:30px; }
#title p 				{ color:#c30; }
#title h1 a 				{ color:#fff; text-decoration:none; letter-spacing:-1px; text-transform:uppercase; }

/**
* MAIN
*/

#collections h2 			{ font-size:18px; color:#FF7A03; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; }
#collections h2 a 			{ color:#FF7A03; }

#main a 				{ text-decoration:none; color:#1167B8; }
#main a:hover 				{ text-decoration:underline; }
#main div.post h2 			{ font-size:18px; color:#FF7A03; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; }
#main div.post h2 a 			{ color:#FF7A03; }
#main div.post h3 			{ font-size:16px; font-weight:bold; }
#main div.post h4 			{ font-size:14px; }
#main div.post 				{ margin-left:10px; }
#main p.details 			{ margin-top:20px; margin-bottom:40px; font-size:0.85em; padding:3px 0 3px 10px; background:#333; color:#fff; }
#main p.details a 			{ color:#fff; }
#main ul li 				{ margin-left:40px; list-style-type:square; }
#main ol li 				{ margin-left:40px; list-style-type:decimal; }
#main img 				{ max-width:450px; }
#main blockquote 			{ padding-left:30px; font-style:italic; color:#0042cc; font-family:georgia,serif; }
#main code 				{ background:#fffe56; }
#main p.post_tags 			{ font-size:0.85em; clear:both; }

#main2 a 				{ text-decoration:none; color:#1167B8; }
#main2 a:hover 				{ text-decoration:underline; }
#main2 div.post h2 			{ font-size:18px; color:#FF7A03; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; }
#main2 div.post h2 a 			{ color:#FF7A03; }
#main2 div.post h3 			{ font-size:16px; font-weight:bold; }
#main2 div.post h4 			{ font-size:14px; }
#main2 div.post 				{ margin-left:10px; }
#main2 p.details 			{ margin-top:20px; margin-bottom:40px; font-size:0.85em; padding:3px 0 3px 10px; background:#333; color:#fff; }
#main2 p.details a 			{ color:#fff; }
#main2 ul li 				{ margin-left:40px; list-style-type:square; }
#main2 ol li 				{ margin-left:40px; list-style-type:decimal; }
#main2 img 				{ max-width:450px; }
#main2 blockquote 			{ padding-left:30px; font-style:italic; color:#0042cc; font-family:georgia,serif; }
#main2 code 				{ background:#fffe56; }
#main2 p.post_tags 			{ font-size:0.85em; clear:both; }

/**
* NAVIGATION
*/

div.navigation 				{ height:80px; padding-top:40px; }
div.navigation span.alignleft 		{ display:block; margin-left:10px; width:210px; float:left; }
div.navigation span.alignright 		{ display:block; width:210px; float:right; text-align:right; }

/**
* COMMENTS
*/

#main ol.commentlist li 		{ font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #aaa; }
#main ol.commentlist big 		{ font-size:16px; font-weight:bold; }
#main ol.commentlist span.date 		{ display:block; margin-bottom:20px; font-size:12px; }
#main ol.commentlist li ul li 		{ margin-left:40px; list-style-type:square; margin-bottom:0; padding:0; border:0; }
#main ol.commentlist li ol li 		{ margin-left:40px; list-style-type:decimal; margin-bottom:0; padding:0; border:0; }
#main ol.commentlist li.alt 		{ background:#fafafa; }
#main ol.commentlist li.author 		{ background:#ffda73; }
#main ol.commentlist img.avatar 	{ float:right; margin-left:10px; }
#main ol.commentlist p,
#main ol.commentlist ul,
#main ol.commentlist ol 		{ margin-bottom:10px; }

#main2 ol.commentlist li 		{ font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #aaa; }
#main2 ol.commentlist big 		{ font-size:16px; font-weight:bold; }
#main2 ol.commentlist span.date 		{ display:block; margin-bottom:20px; font-size:12px; }
#main2 ol.commentlist li ul li 		{ margin-left:40px; list-style-type:square; margin-bottom:0; padding:0; border:0; }
#main2 ol.commentlist li ol li 		{ margin-left:40px; list-style-type:decimal; margin-bottom:0; padding:0; border:0; }
#main2 ol.commentlist li.alt 		{ background:#fafafa; }
#main2 ol.commentlist li.author 		{ background:#ffda73; }
#main2 ol.commentlist img.avatar 	{ float:right; margin-left:10px; }
#main2 ol.commentlist p,
#main2 ol.commentlist ul,
#main2 ol.commentlist ol 		{ margin-bottom:10px; }

/**
* COMMENT FORM
*/

#commentform label 			{ font-size:12px; }
#commentform input 			{ display:block; }
#commentform textarea 			{ width:90%; height:140px; }
#commentform p 				{ margin-bottom:10px; }

/**
* LEFT SIDE
*/

#left_side 				{ font-size:12px; color:#333; }
#left_side h2 				{ color:#333; font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #333; }
#left_side ul li ul li ul		{ margin-bottom:0; }
#left_side table 			{ width:90%; }
#left_side table td,
#left_side table th 			{ text-align:center; }
#left_side a 				{ color:#fff; text-decoration:none; }
#left_side a:hover 			{ background:#FF5C0C; }

/**
* RIGHT SIDE
*/

#right_side 				{ font-size:12px; }
#right_side h2 				{ font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #aaa; }
#right_side ul li ul li ul 		{ margin-bottom:0; }
#right_side table 			{ width:90%; }
#right_side table td,
#right_side table th 			{ text-align:center; }
#right_side a 				{ color:#1167B8; text-decoration:none; }
#right_side a:hover 			{ text-decoration:underline; }

/**
* LEFT RIGHT COMMON CLASSES
*/

#tag_cloud a 				{ line-height:30px; }
#searchform br 				{ display:none; }
#searchform 				{ margin-bottom:20px; }
select#cat 				{ margin-bottom:20px; }

/**
* FOOTER
*/

#footer p 				{ padding-top:40px; font-size:12px; color:#FF5C0C; }
#footer a 				{ color:#FFF; text-decoration:none; margin-left:5px; margin-right:5px; }
#footer a.omega 			{ margin-right:0; }

/**
* WP REQ STYLE
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}





.invertedshiftdown{
padding: 0;
width: 100%;
color: #fff;
}

.invertedshiftdown ul{
margin:0;
margin-left: 5px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
color: #fff;
}

.invertedshiftdown li{
display: inline;
padding: 0;
color: #fff;
}

.invertedshiftdown a{
float: left;
display: block;
font: 14px;
color: #fff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 10px 5px 10px; /*Padding within each menu item*/
background: #FF7A03; /*Default menu color*/
border-bottom: 8px solid #FFF;
font-weight:bold;
}

.invertedshiftdown a:hover{
background: #FF7A03; /*Highlight red color theme*/
border-bottom: 8px solid #FF7A03;
color: #fff;
text-decoration:none;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #FF7A03; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #FF7A03; /*Highlight red color theme*/
color: #fff;
text-decoration:none;
}

#main2 li a {
color: #fff;
text-decoration:none;
}

#main2 li a:hover {
color: #fff;
text-decoration:none;
}


.photos-large{
margin: 0 auto;
		text-align: center;
}
/* Begin Large Picture Page Section */
#big-picture-container {

}
#picture-caption {
	/* ideally, no padding and width is equal THUMB_LARGE image	
	padding: 0 80px;
 */
 	width: 70%;
	margin: 0 auto 6px;
	font-size: 1.3em;
	text-align: center;
	color: #4b4c57;
}
.date {
 	width: 70%;
	margin: 0 auto 0;
	text-align: center;
	font-size: 1.1em;
	letter-spacing: 1px;
	color: #8689a2;
}
#prev-link-container {
	width: 15%;
	text-align: left;
}
#next-link-container {
	width: 15%;
	text-align: right;
}
#nav-link-img-prev, #nav-link-img-next {
	margin: 5px 0 0;
	padding: 6px 15px;
	font-size: 1.1em;
	font-weight:bold;
}
#nav-link-img-prev {
	float: left;
	display: inline;
}
#nav-link-img-next {
	float: right;
	display: inline;
}
#nav-link-img-prev a {
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #01B4E2;
}
#nav-link-img-next a {
	border: 1px solid #fff;
	padding: 5px 15px;
	color: #01B4E2;
}
#nav-link-img-prev a:hover, #nav-link-img-next a:hover {
	border: 1px solid #039acb;
	background: #01B4E2 url(images/blue-gradient.gif) repeat-x;
	color: #fff;
}
#picture-holder {
	clear: both;
	margin-left: 0 auto;
		text-align: center;
}
#picture-holder a img {
	margin:  0 auto;
	background: #fff;
	border: 1px solid #dfded6;
}
#picture-holder a:hover {
	white-space: normal;
		border: 1px solid #fff;
}
#picture-description {
	margin: 6px auto 6px;
	padding: 0 80px;
	/* ideally, no padding, but width equal to THUMB_LARGE image */
	text-align: center;
	font-size: 1.1em;
}
#exif_toggle {
	margin: 0 0 20px 0;
	padding: 0;
}
#exif-toggle-container {
}
#exif_table {
}
#exif_data {
	margin: 0 auto 0;
	text-align: left;
}
#exif_data td {
	padding: 0 20px;
}
#comment-section {
	margin: 10px 25px 10px 25px;
	clear: both;
	text-align: left;
}
.comment-heading {
	margin: 12px 0 0 0;
	font-size: 1.4em;
}
#thumb-nav {
	list-style-type: none;
	margin: 25px;
}
#thumb-nav li {
	float: left;
	margin: 0 10px 0 0;
}
#thumb-nav li img {
	border: 1px solid #01B4E2;
	padding: 3px;
	display: inline;
	background: #fff;
}
#thumb-nav li img:hover {
	background: #eaeae0;
	border: 1px solid #ff6600;
}
/* test the following stuff */
#comment-section form p {
	margin: 6px 0;
}
.comment, .comment_alt {
	border-top: 1px solid #dfded6;
	margin: 0;
	padding: 15px;
	list-style: none inside;
}
.comment_alt {
	background: #effbfb;
}
.comments p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 0 15px;
}
.comments cite {
	margin-top: 8px;
	padding: 5px 5px 5px 23px;
	color: #000;
	background: url(images/com-bubble.gif) no-repeat 0 5px ;
	font-size: 1.0em;
	letter-spacing: 1px;
	height: 28px;
}
.comments-closed {
	color: #996;
	text-align: center;
}
/* End Large Picture Page Section */

#thumbnail-container {
	margin: 10px 0 0;
	padding: 0;
}
ul.slides li {
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 0 0 0 13px;
	padding: 10px;
	display: inline;
	text-align: center;
}
ul.slides li img {
	border: 1px solid #01B4E2;
	background: #fff;
	padding: 3px;
}
ul.slides li a {
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}
ul.slides li img:hover {
	background: #eaeae0;
	border: 1px solid #01B4E2;
}
.checkbox {
	clear: both;
	margin: 4px auto 0;
	padding: 0;
}
.thumbnail p {
	padding: 0 6px;
	margin: 4px 0 0 0;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
	/* width is equal to the width of the thumbnail image, set inline in album.php */
}

.collection{
float:left;
width:140px;
margin:10px;
}