/*
Theme Name: Cameo
Theme URI:
Description: Elegant play of light and shadow to highlight images, with Featured image and thumbnailed latest posts display, Cameo is the perfect WP theme for your photo blog. Also featuring widget-ready sidebar and footer on a fixed 2-column spread with ajax-integrated drop-down page submenus.
Author: Patrick Sy
Author URI: http://www.patricksy.com/
Version: 1.0.2
Tags: black, dark, light, fixed-width, two-columns, left-sidebar, threaded-comments, photoblogging
*/

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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,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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/*** general ***/
body { background:url(images/bg.png) repeat-x #161616; text-align:center; font-family:arial; font-weight:bold; font-style:italic;}
.wrapper { margin:0 auto; text-align:left; width:980px;}
.hidden { display:none;}
.clear { clear:both; height:0; font-size:1px; line-height:0px;}
.aligncenter { display:block; margin-left:auto; margin-right:auto;}
.alignright { float:right; margin-left:12px;}
.alignleft { float:left; margin-right:12px;}
.align-right { text-align:right;}
.align-left { text-align:left;}
.border { border-top:2px solid #000; border-bottom:1px solid #202020;}
.divider { border-top:4px solid #000; border-bottom:1px solid #202020; margin-bottom:20px;}
li ul li { padding-left:16px;}
input,textarea,select { font-size:12px; font-weight:bold;}


/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd { color:#d6d5d5;}
a { text-decoration:none; cursor:pointer;}
a:hover, a:focus { text-decoration:none; color:#0096ff;}
:focus { outline:0;}

h1 { font-size:34px;}
h2, #mBody .content h2 { font-size:27px;}
h3 { font-size:22px;}
h4,h5,h6 { font-size:17px;}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  { font-size:14px;}
em { font-style:normal;}
strong { font-size:110%;}


/*** table ***/
table { background:#000; border-bottom:1px solid; border-right:1px solid; border-color:#2f2f2f;}
th,td { padding:6px 12px; border-top:1px solid; border-left:1px solid; border-color:#2f2f2f;}
th { padding:12px; background:#0096ff; font-weight:bold; border-color:#51b7ff;}

/*** calendar ***/
#wp-calendar { width:90%;}
#wp-calendar th, #wp-calendar td { padding:4%;}
#wp-calendar caption { border:none; padding:12px 12px 12px 0; font-weight:bold; color:#f2f2f2;}


/*** fonts specific ***/
table,blockquote,#mBody .content p,td { color:#444;}
#mBody .content blockquote a,#mBody .content p a,#mBody .content td a {}
#mBody .content a { color:#0096ff;}
#mBody .content a:hover, #mBody .content a:focus, #mBody .meta a:hover, #mBody .meta a:focus  { color:#fff;}
code, blockquote { background:#000; border:1px solid #2f2f2f; padding:10px 15px; margin:10px 10px 5px 15px; display:block;}
blockquote { background:url(images/quote.gif) no-repeat 10px 10px #000; padding:45px 20px 20px 55px; min-height:35px;}
.nav a { font-size:12px;}
#mBody .timeStamp, #mBody .comments { font-size:13px; font-weight:normal; font-style:normal; font-family:Tahoma;}
#mBody .content p { font-weight:normal; font-style:italic; font-size:12px;}
#mBody .main3Col .content:hover p { color:#999;}
#mBody .content img, #mBody img { border:1px solid #2f2f2f; background:#000; padding:9px; margin-bottom:20px;}
#mBody .main3Col img { max-width:290px;}
#mBody .mainPage img { max-width:600px;}
#footWrapper li { font-size:12px; font-weight:bold;}
#footWrapper h3, #footWrapper h2, #footWrapper h1 { padding-bottom:20px; margin-bottom:1px; border-bottom:1px solid #080808;}


/*** archives ***/
.content .border { margin:24px 0;}
.archive .border { margin-bottom:14px;}
#mBody .archive .meta { font-size:14px; color:#d6d5d5;}
.meta a { color:#0096ff;}
#mBody .archive .archiveTitle { margin:0; font-size:24px;}
#mBody .mainPage .archive .thumbPrev, #mBody .mainPage .archive img { width:60px; float:left; margin-right:12px; padding:5px;}
.pageNav a.button:hover, .pageNav a.button:focus { background-position:0 -130px;}


/*** header ***/
#headWrapper { background:url(images/headWrap.jpg) top no-repeat;}
#header { margin:0 auto; height:128px;}
#header .wrapper { position:relative;}
#header #logo { padding:10px 0 0 40px; font-size:46px; text-transform:lowercase;}
#header #tagLine { padding-left:40px; font-size:14px; margin-top:-6px; text-transform:lowercase;}


/*** navigation ***/
.navClose, .navIndex { background:url(images/navRight.png) right no-repeat; position:absolute; top:-38px; left:20px;}
.navIndex { top:-410px;}
.nav { background:url(images/navLeft.png) no-repeat; float:left; margin-right:20px;}
.nav ul { background:url(images/navBg.png) repeat-x; margin-left:14px; height:38px; float:left;}
.nav li { float:left; position:relative; margin:0 6px;}
.nav li a { padding:12px 14px 0 14px; display:block; height:26px;}
.nav li a:hover, .nav li a:focus { background:url(images/navOver.png) center bottom no-repeat;}

.nav li ul, .nav li ul li a { height:100%; margin:0; padding:0;}
.nav ul li ul { position:absolute; left:0; top:36px; display:none; border:1px solid #111;}
.nav ul li ul li { background:#1b1b1b; border-top:1px solid #242424; border-bottom:1px solid #000; margin:0; padding:4px 5px; position:relative;}
.nav ul li ul li a { display:block; width:130px; padding:10px 14px;}
.nav li ul li a:hover, .nav li ul li a:focus { background:#000;}
.nav li li ul { left:167px; top:0;}


/*** body ***/
#mBodyWrapper { border-bottom:1px solid #101010; background:url(images/mBodyWrapper.jpg) center top no-repeat;}
#mBodyInside { background:url(images/mBodyWrapper.jpg) center -330px no-repeat;}
#mBodyHead { background:url(images/mBodyWrap.jpg) center 0 no-repeat; padding-top:20px;}
#mBodyHead .wrapper { width:900px; height:100%; border:1px solid #242424; background:#000; padding:19px; position:relative;}
#mBodyHead .featureTag  { width:157px; height:157px; position:absolute; top:13px; right:14px; background:url(images/featureTag.png) no-repeat;}
#mBody { background:url(images/mBody.jpg) top no-repeat;}
#mBody .wrapper { padding:75px 20px 10px 20px; width:940px; position:relative;}

/*** 2 column innerpage ***/
	#mBody .mainPage { width:620px; float:left; margin-right:20px;}
	#mBody .mainPage .thumbPrev { width:600px;}
	.box { border-top:4px solid #000; font-style:normal; margin-bottom:45px;}
	.box ul { margin-left:15px; border-bottom:1px solid #202020;}
	.box li a { height:100%; display:block; padding:12px 1px 12px 25px; background:url(images/checkOver.gif) 0 -65px no-repeat; border-top:1px solid #202020; border-bottom:2px solid #000;}
	.box li a:hover { background-position:0 10px; color:#5cc411;}

/*** 3 column index ***/
	#mBody .main3Col, #mBody .sideBar { width:290px; float:left; margin-right:30px;}
	#mBody .orange, #mBody .sideBar { margin:0;}

	/*** link display ***/
	.green a { color:#5cc411; background-position:0 -130px;}
	.yellow a { color:#fff600; background-position:0 -70px;}
	.orange a { color:#ffa810; background-position:0 -100px;}
	.main3Col a:hover, .main3Col a:focus, .mainPage a:hover, .mainPage a:focus { background-position:0 0; color:#0096ff;}

	/*** alter specific ***/
	#mBody .topicTitle, #mBody .sideBar h3 { margin-bottom:20px;}
	#mBody .main3Col .thumbPrev { width:270px;}
	#mBody h2 { font-size:18px; margin-bottom:2px;}
	#mBody .contentMeta { float:left; width:100%; padding-bottom:6px;}
		#mBody .timeStamp, #mBody .comments { float:left; margin-right:15px; padding:6px 0;}
		#mBody .timeStamp a { background-image:url(images/iconDate.png); background-repeat:no-repeat; min-height:17px; padding-left:22px;}
		#mBody .comments a { background-image:url(images/iconComment.png); background-repeat:no-repeat; height:17px; padding-left:22px;}
	#mBody .content { padding:16px 0 0 0;}
		#mBody .content h1, #mBody .content h2, #mBody .content h3 { margin-bottom:20px;}
		#mBody .content p, #mBody .content pre, #mBody .content table, #mBody .content blockquote, #mBody .content code,
		#mBody .content h4, #mBody .content h5, #mBody .content h6, #mBody .content input { margin-bottom:12px; line-height:20px;}

	/*** li ul ***/
	#mBody .content ol li { list-style:decimal inside;}
	#mBody .content ul li { list-style:circle inside;}
	#mBody .content ol li, #mBody .content ul li { margin-bottom:12px;}
	#mBody .content ol, #mBody .content ul { margin:12px 0;}
	#mBody .content li { padding-bottom:6px;}
	#mBody .content ul li ul li, #mBody .content ol li ol li, #mBody .content ul li ol li, #mBody .content ol li ul li { padding-left:20px;}

	/*** more ***/
	a.button { background-image:url(images/moreBtn.png); background-repeat:repeat-x; display:block; color:#fff; margin:20px 0;
		width:95px; height:21px; overflow:hidden; text-align:center; padding-top:8px; font-size:12px; border:4px solid #000;}
	a.button:hover, a.button:focus { color:#fff;}
	
	/* paging */
	.scroll, .wp-pagenavi { margin-bottom:15px;}
	#mBody .next a { float:right;}
	span.button a { background:url(images/pagenav.png) 0 0 no-repeat; background-color:#0d0d0d; float:left; text-align:center;
		font-size:12px; font-weight:bold; text-decoration:none; color:#d6d5d5; width:73px; height:19px; padding-top:6px;}
	span.button a:hover, span.button a:focus { color:#f2f2f2; background-color:#343434; background-position:0 -35px;}


/*** footer ***/
#footWrapper { background:#000; border-top:1px solid #202020;}
#footWrapper .wrapper { padding:45px 0;}
#footWrapper .footBar { float:left; padding-left:20px; width:220px;}
#footWrapper ul { border-top:1px solid #141414;}
#footWrapper li { border-bottom:1px solid #141414;}
#footWrapper li a, .recentcomments { height:100%; display:block; padding:10px 1px;}
#footWrapper li a:hover, #footWrapper li a:focus, #footWrapper li:hover, #footWrapper li:focus { background:#030303;}


/*** copyright ***/
#footer { background:#000; border-top:1px solid #303030; height:38px;}
.copy { color:#2e2e2e; margin:9px 0 0 20px; font-size:12px; font-weight:normal;}
.copy a { color:#3b3b3b;}
.copy a:hover { color:#555555;}


/*** forms ***/
textarea, input, select { background:#202020; border:4px solid #161616; padding:7px; width:92%}
select { width:40%;}
label { margin-right:10px; display:block;}
textarea:hover, input:hover, select:hover, textarea:focus, input:focus, select:focus { background:#2f2f2f;}
textarea { height:60%; overflow:hidden;}
input.button { float:right; margin-right:5%; width:100px; padding:5px; background-image:url(images/moreBtn.png); background-repeat:repeat-x;}
input.button:hover, input.button:focus { cursor:pointer; background-position:0 -130px;}

	/*** search ***/
	.searchSite ul { position:absolute; top:4px; right:20px;}
	#searchForm form { position:relative;}
	#searchForm input { width:210px; height:16px;}
	#searchForm input.text { border:5px solid #000; background:#161616;}
	#searchForm input.text:hover, #searchForm input.text:focus { background:#202020;}
	#searchForm input.submit { background:url(images/searchBtn.png) right no-repeat; text-indent:-1000px; width:30px; height:30px; position:absolute; top:5px; right:5px; border:none;}
	#searchForm input.submit:hover, #searchForm input.submit:focus { cursor:pointer;}

	/*** comments form ***/
	#respond { padding:20px 0 20px 20px;}
	#commentBox { background:#000; padding:20px; border:1px solid #2f2f2f; margin:20px 0;}
	#commentBox p { display:block; padding-bottom:10px; padding-right:15px; margin-top:25px;}
	#commentBox p.no-line { border:none;}
	
	/*** comments meta ***/
	#commentBox .commentlist { background:#; margin:20px 0; border:1px solid #2f2f2f; padding:0 15px 15px 0;}
	#commentBox .commentlist li { padding:15px 0 0 15px;}
	#commentBox .commentmetadata { float:right; margin-top:-15px; margin-right:15px;}
	#commentBox  img.avatar { padding:3px; margin-bottom:-15px; margin-right:5px;}
	#commentBox .reply  { margin-bottom:25px; border-bottom:1px solid #2f2f2f; height:25px;}
	#commentBox .reply a { float:right; padding-right:20px;}