/*
Theme Name: maxgleesondotnet
Theme URI: http://www.maxgleeson.net/
Description: HEINEKEN? Fuck that shit. Pabst Blue Ribbon!
Version: 1.0
Author: max gleeson
Author URI: http://www.maxgleeson.net/
Tags: max gleeson


*/
a{cursor:pointer;}
html{
overflow-y:scroll;}
body{
font-family:Arial, Verdana,'Trebuchet MS',sans-serif;color:#222;font-size:10px;background-color:#ddd;}

.left{float:left;}
.clear{clear:both;}

body.blog{
/*background:#040404 url(/_img/blog/underpatt.png) top left repeat;*/
background:transparent url(images/pat_20061204104601.gif) repeat fixed 0 0 ;
}

body.hastopmenu{
padding-top:42px;
}

#footer{
clear:both;
height:auto;
padding:0 0 20px;
}

#postfooter{
position:relative;height:1px;margin-top:-1px;}

.effectsframe{
position:relative;
top:0;
left:0;
z-index:1;
display:block;

}

body.wp .effectsframe{
/*background: url(/_img/blog/stripes.png) left -1250px repeat-x;
background:url(images/Untitled-4.png) 0 0 repeat;*/}

.relative{
position:relative;height:100%;width:100%;}



li{}

ul li{}

ul ul li{margin-left:1em;}



.floater{
position:fixed;
width:100%;
overflow-x:hidden;
top:0;
left:0;
z-index:300;
height:42px;
background:#232323;
color:#eee;
text-align:right;
}

input{
font-family:arial,verdana,sans-serif;
background-color:white;}

.sitetitle_c{
position:relative;
background-color:#ccc;
float:left;
width:258px;height:38px;
margin:2px 0;
overflow:hidden;
z-index:300;
}

.sitetitle_fx{
opacity:.3;
z-index:48;
position:absolute;
background-image:url(/_img/global/static.gif);
width:258px;height:38px;
background-position:0 0;
background-repeat:repeat;
height:100%;
width:100%;}

.sitetitle{
width:258px;height:38px;
z-index:49;
position:absolute;
display:block;
font-size:1.6em;line-height:42px;background-image:url(/_img/global/sitetitle-232323.png);overflow:hidden;line-height:100px;}

.sitetitle a:hover{text-decoration:underline;}



.themenucontainer{
position:absolute;
float:right;
top:0;
right:0;
width:100px;
overflow:hidden;
z-index:325;
}

.themenu{
background:#444;
width:1000px;}


.menutrigger{
font-weight:bold;
float:left;height: 42px;
line-height: 42px;
width:100px;
text-align:center;	
color:#ddd;
font-family:arial;}


.menutrigger.hover{
color:#fff;
cursor:pointer;}



.navmain{
float:left;
width:
color:#dedede;
height:42px;white-space:nowrap;
}

.navmain li{
float:left;
display:inline;
height:42px;line-height:42px;
}

.navmain li a.txtlink{
padding:0 1.4em;
top:0;
display:block;
font-weight:bold;
color:#ccc;height:42px;line-height:42px;
}

.navmain li a.txtlink:hover{
color:#fff;}



.topicons{
float:right;
height:42px;
line-height:42px;
}

.feedicon{
height:32px;
display:block;
width:32px;
line-height:1;
margin:5px 5px 0 0;
position:relative;
float:left;
background-image:url(/_img/global/arrow-feedicon.png);
background-position:32px 0;
background-repeat:repeat-x;
}

.feedicon .txt{
color:#fff;
display:block;
font-size:9px;
position:absolute;
bottom:3px;
right:3px;
font-family:verdana,arial,sans-serif;
font-weight:bold;
}

.nosign_c{
position:relative;
width:42px;
height:42px;
cursor:pointer;}


.nosign{
position:absolute;
top:9px;
right:18px;height:24px;
width:24px;
display:inline-block;
background-image:url(/_img/global/no-inv-444.png);
background-position:top left;
background-repeat:no-repeat;
background-color:#ddd;
}


.nosign_c.hover .nosign{
background-color:#fff;}

.feedicon.aim{
background-color:#e9c51c;}

.feedicon.rss{
background-color:#ff6600;}

.feedicon.twt{
background-color:#33ccff;}

.feedicon.fbk{
background-color:#3b5998;}

.feedicon.msp{
background-color:#2256b5;}

.feedicon.eml{
background-color:#127b1c;}

.feedicon.log{
background-color:#7f005f;}

.feedicon.lnk{
background-color:#003399;}


.box .feedicon{
background-image:none;
margin:5px;
}

#centerpage{
width:1000px;
margin:0 auto;
}

.pageheaderbox{
background:red;
}

.pageheaderbox h1{ /*clone h2.posttitle */
font-weight:400;
font-size:30px;
margin:0 8px;
padding:8px 0 0;
font-weight:bold;
font-family:helvetica,arial, sans-serif;
}
.pagerheaderbox h1
{}

.pagedescription{
padding: 0 8px;
min-height:1px;
margin:0 0 8px;
}

.pagedescription p:first-child{
margin-top:4px;
}

/* CONTENT STYLES */
.collapse{
height:.01px;
position:relative;}

.posttitle{
font-weight:400;
background-color:rgba(0,0,0,.15);
padding:8px 120px 8px 8px;
font-size:16px;
font-family:helvetica,arial, sans-serif;
}

.posttitle a{
color:#111;
}

.posttitle a:hover{
text-decoration:underline;}

.content-styles{
font-size:13px;
}

.content-styles  a{
color:#708090;
}

.content-styles  a:hover{
text-decoration:underline;
}

.content-styles p{
margin:.6em 0;
}

#content{
width:800px;

margin:0;
float:left;
position:relative;}

#sidebar{
float:left;
position:relative;
margin-left:10px;
width:190px;
overflow:hidden;

}

.tweetcontainer{
width:800px;
background:#ccc;
color:#000;
margin-bottom:10px;
position:relative;
}

.tweetlabel{
float:right;}

.tweettext{
float:left;}

.fromtwitpic{
width:800px;
height:600px;
background-position:center center;
background-color:#ccc;
background-repeat:no-repeat;}

.fromtwitter{}

.box{
color:#333;
background-color:#eee;
margin-top:10px;}


.box_header{
position:relative;
display:block;
background-color:#424242;
text-align:left;
display:block;
font-size:9px;
font-family:'Monaco','Lucida Console',monospace;
}


.fromwordpress .timestamp{
padding:5px 5px 4px;
float:right;
font-family:'Monaco','Lucida Console',monospace;
font-size:10px;
}

.box .entry{
margin:8px;
line-height:1.4em;
}

.box .entry a:link,.box .entry  a:active,.box .entry a:hover, .box .entry  a:visited{
color:#708090;
}

.aktt_tweet_digest{
display:block;
}

.aktt_tweet_digest li{
padding:8px 0;
display:block;
border-bottom:#424242 dashed 1px;
}

.aktt_tweet_digest li.first{
padding-top:0;

}

.aktt_tweet_digest li.last{
padding-bottom:0;
border-bottom:0;
}





.fromwordpress .entry{
}


.entry{}



.navigation .right a{
text-align:right;}

.navigation{
color:#111;
font-size:16px;
width:800px;
background:#ccc;
margin:10px 0 0;}

.navigation a{
width:380px; padding:8px;display:block;}

.navigation a:hover{
background:#bbb;}

.entry a{
color:blue;}


.projects #content{
}

#projectlist{
 font-family:arial,verdana,sans-serif;
 width:280px;
 background:#eee;
}

#projectlist a{
text-decoration:underline;}

#projectlist ul li{margin-top:20px;
font-weight:bold;}

#projectlist ul ul li{ margin-top:0;
font-weight:normal;
padding:10px;}


/* IDENTITY */
#identity a{
text-decoration:none;
}

#identity p{
line-height:16px;
margin:0px 0px 18px 0px;
}

.scrawl{
margin-top:-12px;
margin-left:12px;
}

.lefthand{ 
text-align:justify;
float:left;
overflow:visible;
padding:0px;
text-align:center;

}

.righthand{
float:left;
padding-left:20px;
}


.portrait{
border:black solid 3px;
padding:5px;
background-color:white;
margin-bottom:5px;
}

#identity p{
line-height:1.3em;
font-size:12px;
margin:0px 0px 18px 0px;
}

#identity{
position:relative;
width:800px;
margin:20px auto 0;
display:block;
}

#identity .lefthand{ 
text-align:justify;
float:left;
overflow:visible;
padding:0px;
text-align:center;

}

#identity .righthand{
float:left;
padding-left:20px;
}


#identity .portrait{
border:black solid 3px;
padding:5px;
background-color:white;
margin-bottom:5px;
}

.portal .searchform_container{

}

.portal input{

padding:.25em .4em;

float:left;
}

.portal .submitbutton{
float:left;
display:block;
background-color:#ccc;
color:#222;
padding:.35em .4em;

}

.portal input[type="hidden"]{display:none;}


/*FLICKRWIDGET*/
#flickr_photos{
}


#flickr_photos .viewport{
margin-top:1px;
height:127px;
width:235px;
overflow:hidden;}

#flickr_photos .scrollboard{width:250px;
height:2000px;}

#flickr_photos .scrollboard div{height:127px;
width:200px;margin-bottom:5px;overflow:hidden;}

#flickr_photos .photo{
width:63px;
height:63px;
margin:0px 1px 1px 0px;
display:block;
position:relative;
float:left;
background-position:center center;
background-repeat:no-repeat;
}

#flickr_photos .photo.last{
width:62px;
}

#flickr_photos .photo:hover{
width:61px;
height:61px;
border-color:#222;
border-style:solid;
border-width:1px;
}

#flickr_photos .photo.last:hover{
width:60px;
}

#flickr_photos .flickrnav{
}



#flickr_photos .flickrnav .goLeft{
position:absolute;
top:0;
left:0;
}

#flickr_photos .flickrnav .goRight{
position:absolute;
top:0;
right:0;
}

#flickr_photos .flickrnav span{
font-size:11px;
font-family:'Monaco','Lucida Console',monospace;
display:block;
padding:3px 0;	
text-align:center;
position:relative;
}



#flickr_photos .flickrnav .goRight,
#flickr_photos .flickrnav .goLeft{
font-size:11px;
padding:3px 5px;
text-align:center;
overflow:hidden;
}

#flickr_photos .flickrnav .goRight:hover,
#flickr_photos .flickrnav .goLeft:hover{
color:red;
}


#flickr_photos .continue{
width:190px;
}

#flickr_photos .continue a{
display:block;
height:125px;
line-height:125px;
font-size:32px;
text-align:center;
background-color:#222;
}

#flickr_photos .continue a:hover{
text-decoration:underline;
}


.sidebaritem{
width:190px;
margin-top:10px;
}

.sidebarheader{
position:relative;
display:block;
text-align:center;
color:#222;
padding:5px 0 3px;
background-color:rgba(0, 0, 0, 0.15);
}

.sidebarheader span{
display:block;
font-size:10px;

text-transform:uppercase;
font-family:'Monaco','Lucida Console',monospace;
}

/**/



.linklist ul li a{
display:block;
margin-top:1px;
text-align:left;
color:#222;
background-color:#eee;
font-size:13px;
padding:5px 5px;
overflow:hidden;
line-height:1.3em;
}

.linklist ul li a:hover{
text-decoration:underline;
}


/*-------------------
PORTFOLIO!!!!     */

body.page-id-1100{
background-color:#000000;
}

#portfolio h3{font-weight:bold;}

#portfolio{
min-width:1024px;
width:auto !important;
width:1024px;
background:#000;
height:600px;
width:100%;
position:relative;
}

#portfolio #fx{
position:absolute;
top:0;left:0;
height:170px;
width:100%;
}

#portfolio #grad-radial{
position:absolute;
top:0;left:50%;
margin-left:-430px;
width:861px;
height:170px;
background:transparent url(/_img/portfolio/grad-radial.png) 0 0 no-repeat;
}

#portfolio #grad-vertical{
position:relative;
width:100%;
height:66px;
position:relative;
background:transparent url(/_img/portfolio/grad-vertical.png) 0 0 repeat;
}

#portfolio #mgmw {
position:relative;
height:100px;
margin:0 auto;
width:980px;
}

#portfolio #mgmw h1{
display:block;
height:65px;
width:218px;
background:transparent url(/_img/portfolio/maxgleesonmakeswebsites.png) 0 0 no-repeat;
text-indent:-9999px;
position:absolute;
top:12px;
left:50%;
margin-left:-109px;
}

#nav-right,
#nav-left{
opacity:.8;
cursor:pointer;
height:50px;
width:50px;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
margin:28px 0 0;
display:block;
position:relative;
background:#555;
color:#fff;
text-align:center;
line-height:50px;
font-size:12px;
font-family:arial,helvetica,sans-serif;
}

#nav-right:hover,
#nav-left:hover{
opacity:1;
position:relative;
}

#nav-right{
float:right;
}

#nav-left{
float:left;}


#portfolio #viewport-multi{
width:980px;
height:475px;
position:relative;
margin:0 auto;
overflow:hidden;
}

#portfolio #viewport-single{

}

#portfolio #viewport-multi .scrollboard{
width:10000px;
height:480px;
position:relative;
}

#portfolio #viewport-multi .multipane{
width:1000px;
height:480px;
float:left;
position:relative;
overflow:hidden;
}




.portfolio-single{
float:left;
margin:0 10px 10px 0;
position:relative;
display:block;
height:150px;
width:320px;
background-color:#666;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.portfolio-single .graphictop{
display:block;
height:100px;
position:relative;

}
.portfolio-single .image{
position:absolute;
top:0;
left:0;
background:magenta;
width:100%;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
height:100%;
}

.portfolio-single .image img{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.portfolio-single .client{
background:rgba(255,255,255,.5);
padding:5px 8px 5px 6px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
float:left;
color:#000;
font-weight:bold;
font-size:11px;
z-index:12;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 10px;
}


.portfolio-single .textfields{
padding:3px 5px;

}

.portfolio-single .sitename{
font-size:16px;
font-weight

}


.portfolio-single .launchdate{
font-size:13px;
font-weight

}

.portfolio-single .launchdate .launchtext{
display:none;
}


#portfolio #viewport-multi .single span{

/*
position:absolute;
top:0;
left:0;	
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
display:block;
background-color:green;
*/
}

#portfolio #viewport-multi .single a{
height:116px;
line-height:116px;
text-align:center;
font-size:11px;
width:196px;
position:relative;
display:block;
}

#portfolio #viewport-multi .single a:hover{
}

body.portfolio-draft{
background:black;

}

body.portfolio-draft #footer{
padding:0;
}

body.portfolio-draft .floater{background:transparent;}

body.portfolio-draft .floater .sitetitle_c{display:none;}