html{
background-attachment: fixed;
font-family:'Lucida Grande',sans-serif;
}

#wrap {
text-align:left;
width: 960px;
margin:0 auto;
}

hr{display: none;}
 
/* General Stuff ========================= */
p{margin-bottom: 5px; line-height: 140%; font-size: 108%;}
p img{
vertical-align: text-bottom;
}

strong{font-weight: bold;}
a:link, a:visited{text-decoration:none; }
a:hover{text-decoration:underline;}
a:focus, a:active {outline: none; text-decoration:underline;}

.wrong{color: #f00!important;}
.ok{color: #070!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: default}

::-moz-selection { background: #444; color: #eee; }
::selection { background: #444; color: #eee;}

h1{font-size:138.5%; }

h2{font-size:153.9%; margin-bottom: 10px;}
h3{font-size:138.5%; font-family:'Helvetica Neue','Helvetica','Arial',sans-serif}

/* andres */
h4{font-size:108%; font-weight: bold; margin-bottom: 5px;}

h5{font-size:138.5%; color: #777; margin-bottom: 5px;}


h1, h5, strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-left: 0!important; clear: left;}

.module, .ad{
margin-bottom: 20px !important;
clear: both;
*overflow: hidden;}


.homepage .module{width: 640px;}

#main .module{width: 600px; }

#SideBar .module{width: 300px;}


/* header ========================= */

#header{margin: 5px 0;}

#header h1{float: left;}

#header h1 a, #header h1 a:hover{
display: block;
background: url(../img/logo.png) no-repeat 0 0;
width: 155px;
height: 58px;
text-decoration: none;
/*image replacement*/
color: #fff;
font-size: 1px;
padding: 25px 0 0 50px;
}

#Navigation{
float: right;
margin-top: 30px;
}

#Navigation ul, #footer ul{
background: #fff;
padding: 2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#header li, #footer ul li{float: left;}

#header ul li a, #footer ul li{
display: block;
padding: 5px 10px;
border-left: 1px solid #f1f1f1;
}

#header ul li:first-child a{border: none;}

#header ol li{
float: left;
margin-left: 10px}

#header li select{
border: none;
color: #999;
background: #fff;
padding: 2px;
font-size: 85%;
}

#header li select:focus{color: #444;}

/* content ========================= */

#content{
clear: both;
margin-bottom: 20px;
position: relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background: #fff;
}

#arrow{
position: absolute;
top: -11px;
left: 39px;}


/* ProfilePage ========================= */

#ProfilePage td{vertical-align: top;}

/* Main ========================= */

#main{
width: 640px;
padding: 0px;
background: #fff;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.wrapper{padding: 20px;}
#SideBar .wrapper{padding: 20px 10px 20px 9px;}

/* SideBar ========================= */

#SideBar{
width: 320px;
padding: 0px;
border-left-width: 1px;
border-left-style: solid;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;

}


/* MainPost ========================= */

p.small{
font-size: 85%;
color: #888;}

p.small a{color: #888}

.AltSmall{font-size: 93%; margin: 0; clear: both; line-height: 16px;height: 16px;}


/* Title ========================= */

.title{margin-bottom: 10px;}

#SideBar .title{
border-top-width: 1px;
border-top-style: solid;
padding-top: 10px;
}


/* PostForm ========================= */

.PostForm{
margin-bottom: 10px;
}

.ComReplayForm{margin:5px 0 0  60px;}

.PostForm h5{
float: right;
font-size: 153.9%;
}
.PostForm h5.alert{color:#5c0002 !important}
.PostForm h5.MainAlert{color:#d40d12 !important}


.PostForm li{margin-bottom: 5px;}

.PostForm textarea{
width: 594px;
border: 1px solid #bbb;
padding: 5px 2px;}

.ComReplayForm li textarea{
width: 534px;
}

.PostForm li a{
font-size:93%;
padding-left: 20px;
height: 16px;
line-height: 16px;
background-image: url(../img/icons/sprite_icons.png);
background-repeat: no-repeat;
background-position:  0 -64px;
display: block;
}

.PostForm li a:hover{
background-position:  0 -80px;
}

.PostForm textarea:focus{border-color: #555;}

.PostForm span{font-size: 85%;}

.SubmitLine{text-align: right;}

p.SubmitLine{font-size: 100%;}


li.SubmitLine{float: right;}

.SubmitLine input[type="submit"]{
background-color: #f1f1f1;
background-image: url(../img/submit_btn.gif);
background-repeat: repeat-x;
background-position: bottom left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 115px;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
cursor: pointer;
color: #999;
}

.SubmitLine input[type="submit"]:hover{
background-position: top left;
border-color: #999;
color: #444;
}


.CheckOption{font-size: 85%;}

.CheckOption label{
margin-right: 10px;
height: 20px;
line-height: 20px;

}

.CheckOption span{
display: inline-block;
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

.CheckOption .twitter span{background-image: url(../img/social_icons/twitter.png);}
.CheckOption .facebook span{background-image: url(../img/social_icons/facebook.png);}
.CheckOption .flickr span{background-image: url(../img/social_icons/flickr.png);}



/* More ========================= */


.more{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
height: 30px;
border: 1px solid #ccc;
color: #999;
text-align: center;
}

.more a{
background-color: #f1f1f1;
background-image: url(../img/submit_btn.gif);
background-repeat: repeat-x;
background-position: bottom left;
display: block;
text-align: center;
clear: both;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}

.more a:hover{
background-position: top left;
border-color: #999;
color: #444;
}

/* Loaders ========================= */

.loader{background-image:  url(../img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;}

.PictureFrame.loader{
width: 145px;
height: 120px;
background:  url(../img/ajax-loader.gif) no-repeat center center;}

.PictureFrame.loader .photo, .PictureFrame.loader ul, .more.loader a{
display: none;
}

.AltSmall.loader{
background-position: 60px center;
}

.SubmitLine.loader{
background-position: 460px center;}

.more.loader{
}

/* MainForm ========================= */

.genericPage p{ margin-bottom: 10px;}
.MainForm{
}

.MainForm li{
margin-bottom: 5px}


.MainForm p{
margin: 10px 0
}


/* UserInfo ========================= */

.user{}

.user .photo{float: left;}

.user ul{margin-left: 60px;}

.user ul li.fn a{
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
font-weight: bold;
font-size: 110%;
}

.user ul li.fn span{
display: block;
font-size: 80%;
font-weight: normal;}

.large ul{margin-left: 80px;}

.large ul li.fn{
font-size:200%;
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
font-weight: bold;
}

.user ul li.fn{font-size:100%;}
.user ul li{
font-size:85%;
margin-bottom:2px;}

.FollowBtn a{
background:  green url(../img/icons/sprite_icons.png) no-repeat 0 -112px;
display: block;
margin-left: 60px;
height: 23px;
line-height: 23px;
width: 140px}


/* PictureFrame ========================= */

.PhotoGallery{width: 606px;}

#SideBar .PhotoGallery{width: 310px;}

.homepage .PhotoGallery{width: 660px;}

.PictureFrame{
float: left;
margin:0 6px 20px 0px;
width: 145px;
}

#SideBar .PictureFrame{margin:0 10px 10px 0;}

.PictureFrame li.UserThumb a{
line-height: 24px;
height: 24px;
display: inline-block;
vertical-align: top;
}

.PictureFrame li{
font-size: 85%;
margin-top: 5px;
}

.PictureFrame li.UserThumb{font-size: 100%;}

.PictureFrame .photo{height: 120px; width: 145px;}

.PictureFrame .photo a img{
box-shadow:0px 1px 3px #444;
-webkit-box-shadow:0px 1px 3px #444;
-moz-box-shadow:0px 1px 3px #444;
}

.PictureFrame .photo a:hover img{
box-shadow:0px 3px 5px #444;
-webkit-box-shadow:0px 3px 5px #444;
-moz-box-shadow:0px 3px 5px #444;
}

#MainPhoto img{
box-shadow:0px 2px 5px #444;
-webkit-box-shadow:0px 2px 5px #444;
-moz-box-shadow:0px 2px 5px #444;
margin-bottom: 10px;
}

#MainPhoto{position: relative;}

#MainPhoto li a{
position: absolute;
width: 50%;
height: 100%;
top: 0;
left: -10px;
text-indent: -999999px;
opacity:0.4;
background: url(../img/arrow_left.gif) no-repeat left center;
}


#MainPhoto li.next a{
left: auto;
right: -10px;
background: url(../img/arrow_right.gif) no-repeat right center
}

#MainPhoto li a:hover{ opacity:1}



/* Comment ========================= */

.comment{
border-bottom: 1px solid #eee;
clear: both;
padding: 10px 0 5px 0;
position: relative;}

.ComReplay{padding-left: 60px;}
.ComReplay .CommentContent{margin-right: 30px;}

.comment:hover{background: #f7f7f7;}

.comment .photo{float: left;}

.CommentContent{margin:0 60px; overflow: hidden;}

.comment .tools{
position: absolute;
right: 10000000px;
bottom: 10px;
}

.comment:hover .tools{right: 10px;}

.tools{font-size: 85%;}

.tools li{float: left; margin-left: 10px;}

.icon a{
display: block;
line-height: 16px;
height: 16px;
padding-left: 16px;
background-image: url(../img/icons/sprite_icons.png);
background-repeat: no-repeat;
}


.delete a{background-position: top left;}
.delete a:hover{background-position: 0 -16px;}
.reply a{background-position: 0 -32px;}
.reply a:hover{background-position: 0 -49px;}

.MainPost .icon a{display: inline-block;}

.comment .PictureFrame{margin:0 10px;}


.InReplay{
border: none;
margin-left: 10px}

.InReplay:hover{ background: none;}

.InReplay h6{
background: url(../img/icons/sprite_icons.png) no-repeat 0 -96px;
float: left;
color: #888;
font-size: 85%;
padding-left: 16px;}




/* warning ========================= */

.warning{
padding: 5px 10px 5px 10px!important;
margin: 0 0 10px 0;
background: #ffc;
color: #4c4c3f;
clear: both;
font-size: 100%;
}

.error{
background: #fcc;
color: #900;
}

.success{
background: #deffa4;
color: #040;
}

.warning a{color: #6b5e2b;}
.error a{color: #7a0000;}
.success a{color: #040;}

/* Pages ========================= */

.Pages {
text-align:center;
margin: 20px 0;
}

.Paginator {
font-size:85%;
line-height:22px;
padding-top:6px;
margin:0 auto;
}

.Paginator a,.pageList .this-page {
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
text-decoration:none;
}

.Paginator a:visited {
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
text-decoration:none;
}

.Paginator .AtStart {
margin-right:20px;
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
color:#888;
}

.Paginator .Prev {
margin-right:20px;
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
}

.Paginator .break {
padding:2px 6px;
border:none;
background:#fff;
text-decoration:none;
color:#888;
}

.Paginator .Next {
margin-left:20px;
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
}

.Paginator .AtEnd {
margin-left:20px;
padding:2px 6px;
border:solid 1px #eee;
background:#fff;
color:#888;
}

.Paginator .this-page {
padding:2px 6px;
border:solid 1px #eee;
font-weight:bold;
vertical-align:top;
background:#fff;
color:#444;
}

.Paginator a:visited:hover,.Paginator a:hover,.Paginator a:active {
color:#fff;
background:#444;
border-color:#fff;
text-decoration:none;
}

.Pages div.Results {
text-align:center;
font:11px/15px Arial,Helvetica;
color:#888;
margin-top:8px;
}

/* Footer ========================= */

#footer{
clear: both;
padding: 0px 0 20px 0;
font-size: 85%;}


/* Report ========================= */

h6 a{
font-size: 85%;
}

/* mobile ========================= */

.mobile{
background: rgba(255,255,255,.4);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top-radius:5px;
padding: 10px;
width: 280px!important;}

#main .mobile{
width: 580px!important;}


.mobile h3{
margin-bottom: 5px;
font-size: 108%;
}

.mobile p{
font-size: 85%;}

.mobile h4{
background: rgba(255,255,255,.7);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top-radius:5px;
padding: 10px;
text-align: center;
font-size: 100%;
}

.InfoBox{
background: #dae6ed;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-top-radius:10px;
padding: 10px;
text-align: center;
}

.InfoBox h2{
background: #c3dae7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top-radius:5px;
padding: 10px;
text-align: center;
color: #111;
box-shadow:0px 1px 3px #444;
-webkit-box-shadow:0px 1px 3px #444;
-moz-box-shadow:0px 1px 3px #444;

}


/* Homepage ========================= */

.homepage{
width: 640px!important;
}

.homepage .PostForm{
background: #307dbe url(../img/bg_home_box.png) repeat-x 0 0;
padding: 10px 20px;
color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-top-radius:10px;
margin: 0;
position: relative;
box-shadow:0px 1px 3px #444;
-webkit-box-shadow:0px 1px 3px #444;
-moz-box-shadow:0px 1px 3px #444;
}

.homepage .PostForm h2{
text-shadow:0px 1px 2px #333333;
margin-bottom: 20px;
line-height: 1.5em;
}
.homepage .PostForm h2 strong{
background: #006dc9;
font-weight: normal;}

.homepage .PostForm h5{color: #fff}

.homepage .PostForm h4{
text-shadow:0px 2px 4px #333333;
font-size: 300%;
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;
}
.homepage #footer{
padding: 0;
}

.homepage #footer ul li:first-child{
padding-left: 0;} 

.homepage .PictureFrame{
margin-right: 20px;
}

/* Clear Fix ========================= */

#header:after, #Navigation ul:after, .user:after, .comment:after, .tools:after, .PostForm form:after, .module:after, #footer ul:after, .PhotoGallery:after, .PostForm:after, #MainHome:after, #HomeHighlight:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header, * html #Navigation ul, * html .user, * html .comment, * html .tools, * html .PostForm form, * html .module, * html #footer ul, * html .PhotoGallery, * html #MainHome, * html #HomeHighlight {display: inline-table;}

/* Hides from IE-mac \*/
#header, #Navigation ul, .user, .comment, .PostForm form, .module, #footer ul, .PhotoGallery, #MainHome, #HomeHighlight{height: 1%;}
#header, #Navigation ul, .user, .comment, .tools, .PostForm form, .module, #footer ul, .PhotoGallery, #MainHome, #HomeHighlight{display: block;}
/* End hide from IE-mac */