/*   
Theme Name: MGD4
Theme URI: www.markgdavis.com
Description: Custom designed theme specifically designed for my site
Author: mark g. davis
Author URI: markgdavis.com
Version: 1.0
.
Mark G. Davis. All Rights Reserved.
.
*/


/* START GLOBAL STYLES */
body {
text-align:center;
background:url(images/BG.gif) no-repeat top center;
background-attachment: fixed;
background-color: #FFFFFF;
margin:0;
padding:0;
font:15px/25px normal Gerogia, Times New Roman, Times, serif;
color:#666;
}

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }

img {
border:0;
outline:none;
}

form {
margin:0;
padding:0;
}

a:link {
color:#C60;
text-decoration:none;
outline: none;
}
a:visited {
color: #996633;
text-decoration: none;
outline: none;
}
a:active, a:hover {
color:#000;
text-decoration:underline;
outline: none;
}


h1, h2, h3, h4 {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
padding:0;
margin-bottom: 5px;
}
h1 {
color:#000;
font-size:60px;
line-height: 65px;
vertical-align: top;
}
h2 {
color:#666;
font-size:30px;
line-height:35px;
}
h3 {
color:#333;
font-size:20px;
line-height: 25px;
}
h4 {
font-weight: bold;
color:#C60;
font-size:15px;
line-height:20px;
}
/* END GLOBAL STYLES */



/* START GLOBAL PAGE STRUCTURE STYLES */
#wrapper {padding-bottom: 145px; }
#innerWrapper { margin:0 auto; width:1000px; }

#header {
overflow: hidden;
margin: 0 auto;
text-align:left;
border-bottom: 4px double #CCC;
padding-bottom: 20px;
width:1000px;
height:180px !important;
height /* */: 200px; /* False value for IE4-5.x/Win. */
}


#logoBox {
float:left;
height:180px;
width:425px;
}
#logo {
width: 425px;
height: 180px;
background: url(images/mgd_logo.png);
margin: 0;
padding: 0;
position: relative;
}
#logo li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#logo li, #logo a { height: 180px; display: block;} 
#home {left: 0; width: 425px;}
#home a:hover { background: transparent url(images/mgd_logo.png) 0 -180px no-repeat; }


#navBox {
float:right;
position: relative;
margin-top:95px;
height:85px;
width:540px;
}
#nav {
width: 540px;
height: 85px;
background: url(images/nav.png);
margin: 0;
padding: 0;
position: relative;
}
#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav li, #nav a { height: 85px; display: block;} 
#nav-portfolio {left: 0; width: 180px;}
#nav-portfolio a:hover { background: transparent url(images/nav.png) 0 -85px no-repeat; }
html>body.page-id-31 #nav-portfolio a, html>body.parent-pageid-31 #nav-portfolio a { background: transparent url(images/nav.png) 0 -85px no-repeat; }
#nav-blog {left: 180px; width: 180px;}
#nav-blog a:hover { background: transparent url(images/nav.png) -180px -85px no-repeat; }
html>body.blog #nav-blog a, html>body.single #nav-blog a, html>body.search #nav-blog a, html>body.archive #nav-blog a { background: transparent url(images/nav.png) -180px -85px no-repeat; }
#nav-about {left: 360px; width: 180px;}
#nav-about a:hover { background: transparent url(images/nav.png) -360px -85px no-repeat; }
html>body.page-id-2 #nav-about a { background: transparent url(images/nav.png) -360px -85px no-repeat; }


#mainbodyHome {
text-align:left;
background: url(images/mainBodyHome_BG.gif) no-repeat center center;
margin:0;
padding:0;
width: 1000px;
}
#mainbodyHome #colHome { padding: 50px 0; }
#mainbodyHome #colHome h1 { font: 60px/80px normal Helvetica, Arial, sans-serif; color:#777;}


#mainbody {
text-align:left;
margin:0;
padding:0;
overflow:hidden;
background: url(images/mainBody_BG.png) repeat-y;
width: 1000px;
}
#mainbody p {
margin:10px 0 5px 0;
}
#mainbody #col1 {
float:left;
font-size: 15px;
line-height:20px;
padding: 50px 0;
margin-right:100px;
width:200px;
}
#mainbody #col1About {
background:url(images/about_photo.gif) no-repeat 0 0;
float:left;
padding:0;
margin-right:50px;
height:400px;
width:250px;
}
#mainbody #col1Port {
float:left;
background:url(images/portfolio_photo.gif) no-repeat 0 0;
font-size: 15px;
line-height:20px;
padding: 50px 0;
margin-right:50px;
height:400px;
width:250px;
}
#mainbody #col2 {
float:left;
overflow: hidden;
padding:50px 0;
width:700px;
}

#footerTop {
overflow:hidden;
border-top: 4px double #CCC;
padding:50px 0 30px 0;
margin:0 auto;
width:1000px;
}
.footTopCol {
float:left;
text-align: left;
margin-right:40px;
width:210px;
}

#footerTop a:link, #footerTop a:visited  {
color:#C60;
text-decoration:none;
outline: none;
}
#footerTop a:active, #footerTop a:hover {
color:#000;
text-decoration:underline;
outline: none;
}


#footer {
clear: both;
color:#999;
clear: both;
position: relative;
z-index: 10;
height: 145px;
margin-top: -145px;
}
#footer #footerMiddle {
background:url(images/footerTop_BG.png) no-repeat center bottom;
height:85px;
}
#footer #footerBottom { background:#000;}
.copyright {
vertical-align:middle;
color:#512800;
font:12px/60px normal Helvetica, Arial, sans-serif;
text-align: center;
background: url(images/1972.png) bottom right no-repeat;
display:block;
margin:0 auto;
height:60px;
width:1000px;
}
/* END GLOBAL PAGE STRUCTURE STYLES */



/* START MISC STYLES */
.btt { text-align: right; padding-top: 5px; }


.sidebarBox { margin-bottom: 30px; }
.searchBox { background: url(images/search_BG.png); padding:10px; }
.searchBox input { vertical-align: middle; white-space: nowrap; font-size: 20px; line-height: 25px; }
.searchField { border:1px solid #CCC; background:#FFF; height:30px; width:120px; }


.aktt_tweets { font-family: Helvetica, Arial, sans-serif; color:#333; display: block; line-height: 20px; }
.aktt_tweets li { display: block; margin-bottom: 15px; }
.aktt_tweet_time { display: block; font:12px/15px normal Gerogia, Times New Roman, Times, serif; }
li.aktt_more_updates { display: none; }


.bulletList li {
list-style: none;
font:15px/20px normal Helvetica, Arial, sans-serif;
background: url(images/bullet.png) no-repeat;
line-height:25px;
padding-left:30px;
margin-bottom:5px;
}

.portBox { overflow:hidden; width:700px; }
.portBox span { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding:2px 0; display:block; width:320px; }
.portBox .portLeft { float:left; width:350px; }
.portBox .portRight { float:right; width:320px; text-align: left; }


.portDivider { background: url(images/search_BG.png); width:700px; height:15px; margin:50px 0; }

.twitter-message { margin-bottom: 10px; font:15px/20px normal Helvetica, Arial, sans-serif; }
.twitter-timestamp { display: block; color: #999999; font:12px/15px normal Gerogia, Times New Roman, Times, serif; }
/* END MISC STYLES */



/* START WORDPRESS STYLES */
/*---DATE FORMAT--*/
.postHeader {
display: block;
margin-bottom: 10px;
overflow:hidden;
}
.dateBox { color:#999; font-size: 14px;}
.postHeader h1 {margin-bottom:0;}
.postHeader a:link, .titleBox h1 a:visited {color:#000;}
.postHeader a:hover, .titleBox h1 a:active {color:#C60; text-decoration:none;}

.post {margin-bottom:40px;}


.navigation {
display: block;
margin-top: 10px;
margin-bottom: 60px;
width: 700px;
}
.navigation a:link, .navigation a:visited {
color:#C60;
text-decoration:none;
outline: none;
}
.navigation a:active, .navigation a:hover {
color:#000;
text-decoration:underline;
outline: none;
}
.alignRight {float: right; width:340px; text-align:right;}
.alignLeft {float: left; width:340px; text-align: left;}
/* END WORDPRESS STYLES */