/*
Theme Name: black and white
Theme URI: http://www.jonaypelluz.com/
Description: black and white
Version: 1.0
Author: Jonay Pelluz
Author URI: http://www.jonaypelluz.com/
*/

/***************** HACKs *****************/
.allRound {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.topRound {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.bottomRound {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active,
.wp-pagenavi span.current, .wp-pagenavi span.pages, .wp-pagenavi span.extend,
.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/***************** ELEMENTs *****************/
body, html { margin: 0; padding: 0; }
body { overflow-y: scroll; overflow-x: none; color: #333; font: small Tahoma, Arial, Helvetica, sans-serif; text-align: center; background: #000 url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/background.png'); }
a, a:link, a:active { text-decoration: none; color: #69F; }
a:hover { text-decoration: none; color: #9BF; }
h1, h2 { font-size: 17px; font-weight: bold; color: #000; }
hr { border: 0; border-top: 1px dashed #000; }
img { border: 0; }


/***************** COLORs *****************/
.green { color: #696; }
.black  { color: #000; }
.yellow { color: #FFDE00; }
.blue { color: #69F; }
.red { color: #F00; }
.orange { color: #F90; }
.blueDark { color: #001C5C; }


/***************** COMMONs	*****************/
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.border { border: 1px solid #69F; padding: 1px; }
.textRight { text-align: right; }
.padding { padding: 10px; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; color: #000; }
.separator { display: block; clear: both; height: 1px; border-top: 1px dotted #CCC; margin-bottom: 20px; }
.hidden { display: none;}
.related { margin-bottom: 100px; }
.catList { list-style: circle inside; margin-left: 0; padding-left: 2px; }

/***************** MARGINs *****************/
.marginLeft { margin-left: 10px; }
.marginRight { margin-right: 10px; }
.spaceBottom { margin-bottom: 20px; }
.noMarginLeft { margin-left: 0 !Important; }
.noMarginTop { margin-top: 0 !Important; }
.noMarginBottom { margin-bottom: 0 !Important; }
.noMargin { margin: 0; }

/***************** WIDTHs *****************/
.w200 { width: 200px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w404 { width: 404px; }
.w896 { width: 896px; }
.w876 { width: 876px; }

/***************** MAIN DIVs *****************/
#wrapper { width: 900px; margin: 0 auto; }
#mainBody { text-align: left; float:right; width: 900px; }
#header { float: left; width: 900px; margin-bottom: 15px; clear: both; }
#header img { border: 0; }
#footer { padding: 10px 0; margin-bottom: 20px; clear:both; float:right; width: 900px; display:block; } 
#footer p { color: #999; font-size: 10px; text-align: right; margin-top: 10px; margin-right: 10px; }
#content { float: left; width: 896px; text-align: left; background-color: #000; border: 1px solid #69F; padding: 1px; }
.postBox { padding: 10px; clear: both; width: 876px; background-color: #FFF; margin: 0; }

/***************** SINGLE AND BLOG PAGES*****************/
.postBox h1 { margin: 0 0 10px; }
.contentList h2, .lastPost h2 { margin: 0 0 10px; padding: 0 0 0 18px; background: url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/postIcon.gif') no-repeat scroll 0 2px; }
.contentList .itemList { width: 275px; float: left; margin: 5px 15px 5px 0;}
.post { float:right; width: 740px; line-height: 150%; color: #333; }
.metadata { float:left; width: 110px; margin: 0; }
.metadata span { display: block; clear: both; }
.categoryLink { display: block; font-size: 11px; padding: 2px 0 3px 18px; background: url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/categoryIcon.jpg') no-repeat; }
.date { font-size: 11px; color: #999; font-style: italic; }
.commentNum { margin-bottom: 20px; font-size: 11px; }
.metatags { line-height: 90%; display: block; font-size: 11px;  padding: 2px 0 4px 18px; background: url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/tagBlue.gif') no-repeat; }

/***************** MENU *****************/
#menu { margin: 0; padding: 0; list-style: none; }
#menu li { float:left; padding: 10px 20px 10px 0; width: 100px; color: #FFF; font-weight: bold; font-size: 24px; }
#menu li span { font-size: 11px; font-weight: normal; line-height: 0.9em; display:block; margin-top: 3px; }
#menu a { color: #FFF; }
#menu a:hover { color: #9BF; }

/***************** NAV AND ARIADNA	*****************/
#nav { clear: both; display: block; height: 20px; }
#ariadna { font-size: 11px; display: block; clear: both; color: #CCC; margin-bottom: 5px; position: relative; top: -5px; }

/***************** COMMENTs *****************/
#commentBox { width: 410px; display: none; clear: both; text-align: left; margin: 0 auto; }
#commentBox h3 { margin-top: 0; }
#commentBox ul { list-style: none; margin-left: 0; margin-bottom: 10px; padding-left: 0; font-size: 11px; line-height: 150%; }
#commentBox ul li { padding: 10px; }
#commentBox ul li.odd { background-color: #F2F2F2; }
#commentBox ul li span.cite { font-size: 11px; font-style: italic; color: #666; }
#commentBox ul li p { margin-top: 0; }
#commentform textarea { width: 405px; }
#commentform label { clear: left; float: left; width: 200px; display:block; margin-bottom: 10px; }
#commentform input { float: left; margin-bottom: 10px; }
#commentform label span { font-size: 11px; }
#commentform #submit { margin-top: 10px; float: right; }
#commentform label.error { font-size: 11px; margin-left: 160px; background: #FBFCDA url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/exclamation.png') no-repeat 5px 2px; border: 1px solid #DBDBD3; width:200px; padding: 3px 10px 3px 25px; }

/***************** PORTFOLIO *****************/
#mainBody.portfolio { margin-top: 50px; min-height: 100px; color: #999; text-align: center; font-size: 14px; }
#mainBody.portfolio .bold { color: #000; }
#mainBody.portfolio a.bold { color: #39F; }
#counter { text-align: left; display: block; clear: both; }
#counter p { margin: 0; }
#ptMain { display: block; margin: 0 auto 20px; text-align: left; }
#ptMain input { margin: 0; }
#ptMain span.error { font-size: 11px; border: 1px solid #DBDBD3; width:200px; padding: 3px 10px 3px 25px; background: #FBFCDA url('http://www.jonaypelluz.com/wp-content/themes/jonaypelluz/images/exclamation.png') no-repeat 5px 2px; }
#testRules { text-align: left; margin: 0 0 20px; font-size: 11px; padding-left: 20px; }

/***************** BOXCONTENT	*****************/
.boxContent { background-color: #000; border: 1px solid #69F; padding: 1px; }
.boxContent h1 { margin-top: 0; }
.boxContent ul.headingList, .boxContent ul.tagList { list-style: none; padding: 0; padding-bottom: 15px; font-size: 15px; }
.boxContent ul.headingList li { margin-bottom: 10px; }
.boxContent ul.tagList li {  width: 204px; float: left; margin: 0 15px 20px 0; }
.boxContent ul.headingList li a, .boxContent ul.tagList li a { font-size: 17px; font-weight: bold; }
.boxContentWrapper { background-color: #FFF; padding: 10px; margin: 0; display:block; clear: both; }
.lastPost { float: right; width: 320px; background-color: #000; border: 1px solid #69F; padding: 1px; margin-top: 10px; }
.twitterList { margin: 0; padding: 0; list-style: none; font-size: 11px; }
.twitterList li { margin-bottom: 5px; }
#twitterBox { position: relative; float: right; width: 250px; }
#twitterLogo { position: absolute; top: -51px; right: 10px; }


/*
+------------------------------------------------------+
|													   |
|					The BOX							   |
|													   |
+------------------------------------------------------+
*/

#boxOverlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#boxMainWindow { position: fixed; background-color: #FFF; z-index: 102; color: #000; display:none; border: 4px solid #333; text-align:left; top:50%; left:50%; }
#boxMainWindowContent { overflow: auto; overflow-x: hidden; padding: 10px; clear:both; }
#boxClose { float: right; padding: 10px; height: 15px; }