/* 
	TEMPLATE NAME / Horizon (Backfocus edition)
	AUTHOR: Scott Craig
	AUTHOR WEBSITE: http://www.cancerbox.com
	EXTENDED BY: Miguel Michán
	VERSION: 1.0bf
*/

/* STANDARDS */

body { background-color:#f2f3f4; font-size:12px; line-height:16px; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:0px; color:#262422; text-align:center; }
html { min-height:100.1%; }

/* RESET */

h1, h2, h3, h4, h5, h6, p, ul, li { margin:0px; padding:0px; }
h1 { text-align:left; }
h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-align:left; }
h3 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-size:14px; letter-spacing:1px; color:#666; text-align:left; }

hr { display:none; }
p { text-align:left; }
a { color:#000; text-decoration:none; }
a:hover { color:#0088cc; text-decoration:none; }


/* CUSTOM CLASSES */

.inside { width:945px; margin:0px auto; }
.leftimg { float:left; margin:0px 10px 10px 0px; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

.summary { color:#8c8c8c; font-size:14px !important; line-height:23px; }


/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */

#image-info { text-align:left; width:100%; background:#fff; }
#image-info .inside {}
#image-info .inside p { font-size:12px; color:#666; margin:0px; }
#image-info .inside ul {}


/* IMAGE NOTES */

#image-info h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:12px; text-transform:uppercase; padding:10px 0px 20px 0px; }
#image-info h2 em { margin-left:15px; }
#image_notes { width:45%; float:left; margin-bottom:10px; }
#image_notes, #image_comments { font-style:italic; line-height:16px; }
#image_notes p { font-size:12px; color:#666; margin:0px; padding-bottom:10px; }
#image_notes a { color:#0088cc; }
#image_notes a:hover { color:#000; }
#image_comments { width:45%; float:right; margin:0px 0px 10px 0px; border-left:1px dashed #999; }
#image_comments ul { padding:0px 0px 0px 10px; }
#image_comments li { font-size:12px; color:#666; margin:0px 0px 15px 0px; list-style:none; }

/* HEADER + NAVIGATION */

#header { width:100%; height:100px; background-color:#000; }
#header .inside { background:#000; height:100px; }
#header .inside h1 a { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; float:right; text-align:right; color:#fff; padding-top:30px; font-weight:normal; display:block; }
#header .inside ul { float:left; margin-top:30px; }
#header .inside li { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px; text-transform:uppercase; font-size:10px; display:inline; }
#header .inside li a { color:#fff; padding-left:5px; padding-right:5px; }
#header .inside li a:hover { text-decoration:none; color:#0088cc; }
.secondary a { color:#666 !important; }

.Logo span { display:block; float:right; width:130px; height:94px; overflow:hidden; color:#fff; top:0px; background:url(../images/MiguelMichan.png) 0px 0px no-repeat; }


/* MAIN PHOTO AREA */

#photobox { background-color:#000; padding-bottom:30px; width:100%; text-align:center; }	
#photo { background:#fff; padding:10px; border:none; margin-bottom:10px; }


/* IMAGE NAVIGATION */

#infobox { width:100%; text-align:left; }

#image-navigate { padding:10px 0px; }
#image-navigate li { font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:2px; list-style:none; width:33%; }
#image-navigate a { display:block; }

/* Pages */

#page { padding:20px 0px; text-align:left; width:945px; margin:0px auto; }

#page h2 { font-weight:normal; letter-spacing:2px; font-size:13px; text-transform:uppercase; margin:0px 0px 10px 0px; }
#page p { font-size:12px; font-style:italic; margin: 0px 20px 20px 0px; }
#page ul { font-size:12px; font-style:italic; margin:0px 20px 20px 0px; }
#page ul li { list-style:none; padding:0px 5px 0px 0px; }
#page a { color:#0088cc; }
#page a:hover { color:#262422; }
#page img { background:#fff; padding:0px; border:5px solid #fff; }

.thumbnails { border:5px solid #fff; padding:0px; margin:5px 5px 0px 0px; }


/* COLUMNS ON INFO PAGE */

#col1 { width:33%; float:left; }
#col2 { width:33%; float:left; }
#col3 { width:33%; float:right; }

/* Footer */

#footer { border-top:1px dashed #8c8c8c; clear:both; width:945px; margin:20px auto 0px auto; padding:10px 0px; text-transform:uppercase; }
#footer li { text-align:center; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline; list-style:none; padding:0px 5px; color:#8c8c8c; }
#footer a { color:#8c8c8c; }
#footer a:hover { color:#0088cc; }

.rss { background:url(http://www.miguelmichan.com/templates/horizon/images/rss.png) bottom left no-repeat; padding:15px 20px 0px 0px; }

/* Comments */

#commentbox { width:80%; margin:0px auto; }
#comment-top { background:#000; padding:20px 5px; color:#fff; }
#comments { margin:0px auto; width:90%; text-align:left; }
#comment-top h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:12px; text-transform:uppercase; text-align:center; }
#comment-middle h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:12px; text-transform:uppercase; }
#comment-middle { padding:20px 0px; margin-bottom:7px; } 
#addcomment { margin:20px 0px; text-align:left; }
.input { width:45%; font-size:10px; border:1px solid #333; background-color:#fff; color:#666; padding:5px; }
#addcomment label { color:#666; font-style:italic; font-size:12px; }
#addcomment textarea { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; background-color:#fff; color:#666; width:100%; height:50px; border:1px solid #333; padding:5px; }
.comment-button { background:#fff; border:1px solid #CCC; color:#262422; padding: 3px 10px; }

/* TAG SUPPORT */
.tags00 { font-size: 8px !important; }
.tags01 { font-size: 10px !important; }
.tags02 { font-size: 12px !important; }
.tags03 { font-size: 14px !important; }
.tags04 { font-size: 16px !important; }
.tags05 { font-size: 18px !important; }
.tags06 { font-size: 20px !important; }
.tags07 { font-size: 22px !important; }
.tags08 { font-size: 24px !important; }
.tags09 { font-size: 26px !important; }
.tags10 { font-size: 28px !important; }