/*    
Theme Name: M45TH
Description: A simple portfolio wordpress theme
Author: Mark Pimentel
Author URI: http://mark-pimentel.com
. 
General comments/License Statement if any. 
. 
*/  

/* 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;
	color: black;
	background: white;
}
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: "" "";
}


/* END OF RESET */


/* CSS STRUCTURE */

body {
	font-family: arial;
        background: #000000 url('http://www.mark-pimentel.com/wp-content/themes/M45TH/images/mud3.jpg');
}


.clear {
	clear:both;
}


#container

{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


#content-wrapper {
	width: 1000px;
        height:1300px;

}


#content {

	width: 1000px;
        height:1300px;
        background: url('http://www.mark-pimentel.com/wp-content/themes/M45TH/bg9.jpg');
        margin-left: auto;
        margin-right: auto;
        display: block;
border-left: 5px solid #000000;
border-right: 5px solid #000000;

}

#hello-content {

	width: 1000px;
        height:1300px;
        background: url('http://www.mark-pimentel.com/wp-content/themes/M45TH/images/hellobg.jpg');
        margin-left: auto;
        margin-right: auto;
        display: block;
border-left: 5px solid #000000;
border-right: 5px solid #000000;

}

#blog-content {

	width: 1000px;
        height:1300px;
        background: url('http://www.mark-pimentel.com/wp-content/themes/M45TH/images/blogbg.jpg');
        margin-left: auto;
        margin-right: auto;
        display: block;
border-left: 5px solid #000000;
border-right: 5px solid #000000;

}

#post {
        height:850px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
}


#post-wrapper {

        height:800px;
	width: 350px;
        position: absolute;
        top: 280px;
}

#hello-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}


#hello-post {
        height:500px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;
}

#bio-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#bio-post {
        height:550px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;
}

#phil-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#phil-post {
        height:420px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;

}


#folio-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#folio-post {
        height:850px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;

}

#resume-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#resume-post {
        height:850px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;

}

#projector-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#projector-post {
        height:850px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;

}

#contact-wrapper {

        height:100px;
	width: 500px;
        position: absolute;
        top: 280px;

}

#contact-post {
        height:350px;
	width: 500px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 30px;
        padding: 15px 15px;
        color: #FFFFFF;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;

}

#sidebar {
        height:850px;
	width: 250px;
        background-color:rgba(0,0,0,0.7);
        margin: 30px 30px 30px 600px;
        padding: 15px 15px;
        color: #FFFFFF;
position: absolute;
top: 0px;
}


#sidebar-wrapper {

        height:800px;
	width: 250px;
        position: absolute;
        top: 0px;
margin: 10px 10px 10px 10px;
}

#sidebar-text {
font-family: arial;
font-size:11px;

}

#sidebar-text a {
color: #ff007e;
decoration: none;
}


#sidebar h1.widgettitle {
position: absolute;
top:0px;
}


#branding {

          width:350px;
          z-index:1;
          top:100px;
          padding: 15px 0 0 15px;

}


#blogbranding {

          width:800px;
          z-index:1;
          top:100px;
left:100px;
          padding: 10px 0 20px 90px;

}



h3 {

font-family: arial;
font-size: .7em;
line-height: 1.2;

}

h4 {

font-family: arial;
font-size: .6em;
color: #999999;

}

h4 a {
color: #ff007e;
text-decoration: none;
}

h3 a {
color: #ff007e;
text-decoration: none;
}

h5 a {
color: #bc005d;
text-decoration: none;
}

h5 {
color: #FFFFFF;
text-decoration: none;
font-family: arial;
font-size: .7em;
line-height: 1.2;
}


h5 a:hover {
color: #ff007e;
text-decoration: underline;

}


h6 {
color: #ff0a7d;
text-decoration: none;
font-family: arial;
font-size: 1em;
line-height: 1.2;
background:#000000;
}

h7 {
color: #ff0a7d;
text-decoration: none;
font-family: arial;
font-size: 1em;
line-height: 1.2;
background:#000000;
}


h8 {
color: #ff0a7d;
text-decoration: none;
font-family: arial;
font-size: 1em;
line-height: 1.2;
background:#000000;
}




.left {
	float: left;
}

.right {
	float: right;
}

#thumbnail img {

                border-width:1px;
                border-color: #000;
                border-style: solid;
margin: 10px 10px 5px 2px;
}

.align-left { float:left; margin: 0 0 5px 5px; }



#hello-post .post-fix {
  border-bottom: 3px solid #999999;
  padding: 0 0 100px 0px;
}

#hello-post .post-title {
  padding: 10px;
}

#navbarmark {

          width:1000px;
          z-index:1;
          top:177px;
          padding: 15px 0 0 30px;
position: absolute;

}

#rss {

          width:100px;
          float: right;
          z-index:1;
          padding: 200px 0 0 10px;

}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:transparent; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#FFF; border-right:1px solid #333; text-decoration:none; background:transparent;}
#dropmenu a:hover {background:#ff007e; color:#FFF;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:0px solid #333;}
#dropmenu li ul {border-top:0px solid #333; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:0px solid #333;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

#nextlink {
padding: 20px 0 0px 0px;
}

#twitter_update_list li {
list-style-type: none;
}

#twitter_update_list span
{
color: #ffffff;
background: transparent;
}

#blogcontent {

margin-left:10px;

float: left;

width:790px;

}

.post {

padding: 10px 10px 10px 10px;
line-height: 130%;
background-color:rgba(0,0,0,0.8);
margin: 10px 10px 10px 10px;
font-size: .7em;
color: #bbbbbb;

-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;
height:130px;

}

.post a {
color:#ff007e;
}

.title-bg {
font-size: 1.5em;
margin: 0 0 0 0;
line-height: 130%;
}

.title-bg a {
color: #fff;
font-style: bold;
text-decoration: none;

}

.title-bg a:hover {
color: #ad0055;
font-style: bold;
text-decoration: none;

}

#blog-wrapper {
        position: absolute;
        width:400px;
}

#blogpost {

        margin: 5px 5px 5px 5px;
        color: #FFFFFF;
}

.columns {

-moz-column-count: 2;
	  -moz-column-gap: 10px;
	  -moz-column-rule: none;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 2;
	column-gap: 10px;
	column-rule: none;

}

.metatag {
font-size: .8em;
line-height:100%;
margin: 0 0 5px 0;
color: fff;
}

.metatag a {
text-decoration: none;
color: #fff;
}

.metatag a:hover {
text-decoration: none;
color: #666666;
}

.entry {
margin: 10px 0 0 5px;
}

#single-post {
padding: 10px 10px 10px 10px;
}

#singletitle {
font-size:1.5em;
font-family:arial;
text-decoration: none;
padding: 0 0 5px 0;
text-transform:uppercase;
}

#singletitle a {
font-size:1em;
color:#ffffff;
text-decoration: none;
font-weight:bold;
}

#singletitle a:hover {
color:#ff007e;
}



#singlemeta {
font-size: .7em;
padding: 0 0 30px 0;
color:#9c9c9c;
}

#singlemeta a {
font-size: .8em;
color: #ff007e;
}

#singlecontent {
color:#fff;
font-size:.8em;
line-height: 120%;
float:left;
padding: 0 0 30px 0;
font-family:arial;
}

#singlecontent a {
color:#ff007e;
text-decoration:none;
}

#single-wrapper {
width:550px;
height: 1000px;
background-color:rgba(0,0,0,0.7);
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;	
-moz-border-radius: 7px;
border-radius: 7px;
}

#singlemaincontent {

margin-left:20px;
float: left;
padding: 30px 0 0 0;
}