/* Layout Grid + Boxes */
#content {background-color:#ECECEC !important;}
#subNav { width:100%; float:left; margin-bottom:10px; background-color:White;}
    #breadcrumb { float:left; padding:15px 25px 13px; border-bottom:1px solid #ededed; width:935px;}
    #breadcrumb li { float:left; font-size:2em;}
    #breadcrumb li a { padding-right:18px; margin-right:13px; color:#222; background:url(../../gfx/modules/typography/headline-arrow-black.gif) no-repeat right 8px;}
    #breadcrumb li a.title { color:#ec008c; background-image:none; }
    
    #sub-menu { float:left; padding:0 25px;  background-color:White; width:935px}
    #sub-menu li { float:left;}
    #sub-menu li a { float:left; padding:20px 20px 20px 0; color:#888; font-size:1.2em; font-weight:bold; }
    #sub-menu li a.active { background:url(../../gfx/modules/topmenu/sub-menu-active-arrow.gif) no-repeat bottom center; color:#333; }
    #sub-menu li a:hover { color:#666;}
    #sub-menu li { }
    
    
#magContent { float:left; background-color:White; margin-right:10px; width:615px; margin-bottom:10px;}
#magRight { float:left;  width:358px; margin-bottom:10px;}
#magContent .post { padding:20px; border-bottom:1px solid #dbdbdb; float:left; width:575px;}

#magRight .box-wrap { float:left;background-color:White; }
#magRight .box-wrap .box-content { padding:20px; float:left;}
#magRight .box-wrap .box-footer { background-color:#f5f5f5; border-top:1px solid #ececec; float:left; width:358px; padding:}


/*****************************************************************
CONTENTWRAP
******************************************************************/



/* Headline*/
.contentbox h1 { font-size:2.2em; color:#252525; margin:3px 0 5px; float:left; width:100%;} 
.contentbox h2 { font-size:1.3em; color:#252525; margin:3px 0 5px; float:left; width:100%;} 
/* Author*/
.contentbox a.post-img { float:left; margin-right:15px; overflow:hidden; background-color:#f8f8f8; *position:relative;}
.contentbox p.by { width:100%; color:#888; font-size:.9em; line-height:16px; margin:3px 0 15px; display:block; float:left;} 
.contentbox p.by a { color:#666; } 
.contentbox p.by a:hover { color:#0077cc;}
.contentbox .textwrap p.by { width:auto; margin:0 !important; font-size:1em;}
/* Footer > Tags */
.contentbox .boxfooter .tags { float:left; font-size:.9em; font-weight:bold;}
.contentbox .boxfooter .tags span { color:#999; font-weight:normal;}
.contentbox .boxfooter .tags a { color:black;  color:#333;}
/* News Post */
.contentbox .textwrap { float:left; width:266px;} 
.contentbox .textwrap p { margin-bottom:15px; } 
.contentbox .textwrap h2 { font-size:1.5em; color:#999; font-weight:normal;}
.contentbox .read { font-weight:bold; margin-right:8px; } 
.contentbox .comments { color:#888; } 
.contentbox a.post-img img {float:left; display:inline; width:286px;}

/* Label */
.contentbox a.category { position:relative; padding:4px 10px 5px; font-size:1.2em; font-weight:bold; position:absolute; top:0; right:15px; }
.contentbox a.category span { display:none; width:6px; height:13px; background-image:url(../../gfx/modules/magazine/arrow.png); background-repeat:no-repeat; position:absolute; top:10px; right:0; }  
.contentwrap .category { color:#fff;}
.contentwrap .property .category { background-color:#5dd100;}
.contentwrap .event .category { background-color:#ec008c;}
.contentwrap .video .category { background-color:#ed1c24;}
.contentwrap .poll .category { background-color:#8dc63f;}
.contentwrap .words .category { background-color:#0B71CA;}
.contentwrap .photos .category { background-color:#ed1c24;}

.contentwrap .property,
.contentwrap .event,
.contentwrap .video,
.contentwrap .poll,
.contentwrap .words,
.contentwrap .photos { margin-bottom:0; border-bottom:1px solid #DBDBDB;}

.contentbox h1.icon { float:left;}
.contentwrap .property h1.icon { background:url(../../gfx/modules/magazine/articleicon_property.png) no-repeat right; }
.contentwrap .event h1.icon { background:url(../../gfx/modules/magazine/articleicon_event.png) no-repeat right;}
.contentwrap .video h1.icon { background:url(../../gfx/modules/magazine/articleicon_video.png) no-repeat right;}
.contentwrap .poll h1.icon { background:url(../../gfx/modules/magazine/articleicon_poll.png) no-repeat right;}
.contentwrap .photos h1.icon { background:url(../../gfx/modules/magazine/articleicon_photo.png) no-repeat right;}  

/* News Box Post (over 2 columns) */
.double { background-color:#fff; border-bottom:1px solid #dbdbdb; float:left; width:617px;}
.double .contentbox { width:307px; margin-right:0; border-bottom:0 !important;padding-left:0;}
.double .contentbox:first-child { width:308px;}
.double .contentbox .inner { width:278px; padding:20px 20px 15px 10px; }
.double .contentbox:first-child .inner { padding:20px 10px 20px 20px;}
.double .first, .double .contentbox:first-child { padding-right:0; }
.double .first .inner { width:271px; padding-right:0;}
.contentwrap .double .contentbox .textwrap { float:left; width:278px; margin:0;} 
.contentwrap .double .contentbox .read { margin-right:0;}
.double .contentbox .textwrap p { margin-bottom:15px;} 
.double .contentbox .textwrap p.by { width:190px;}

.double .contentbox .textwrap h2 a { color:#333; font-weight:bold;}
.double .contentbox .read { font-weight:bold; margin-right:8px; } 
.double .contentbox a.post-img { margin:0; width:278px; height:109px; margin-bottom:5px;}
.double .contentbox a.post-img img {float:left; display:inline; margin:0 0 5px; }
.double .video a.post-img img { margin-top:-45px; }
/* Top News Post*/
.topnews .post-img, .article .post-img { width:577px; height:240px; overflow:hidden; display:block; margin-bottom:5px; position:relative;}
.contentwrap .topnews .post-img img, .article .post-img img { width:auto; }
.topnews .textwrap {width:577px;}
.topnews .read { float:left; }
.topnews .comments { float:right; }
.topnews .textwrap div { float:left;width:577px;}
.topnews p { font-size:1.2em; float:left; width:100%;}


/* Article */
.contentwrap .lead { font-size:1.4em; margin-bottom:10px; font-weight:bold;}
.contentwrap .wrap { float:left; width:100%;}
.contentwrap .wrap p.by { width:auto;}
.contentwrap .buttons { float:right; font-size:.9em; margin:3px 0 15px;}
.contentwrap h1.article { margin-bottom:15px;}
/* Poll */
.contentwrap .pollwrap { float:left; margin:15px 0;}
.contentwrap .post .pollwrap p { margin-bottom:0;}
.contentwrap .pollwrap .poll-q { display:block;}
.contentwrap .pollwrap label { color:#666;}
.contentwrap .pollwrap a.submit { margin-top:15px; font-weight:bold; display:block;}
.poll .textwrap { float:left; width:567px;} 
.poll table { float:left; width:567px; margin:15px 0;}
.poll .bar { width:100px; background-color:#f5f5f5; margin-right:10px;}
.poll .bar div { background-color:#234dc5; height:18px; margin:4px 0;} 
.poll table td { color:#666; }
.poll .signin-text { color:#333; margin:0; font-weight:bold; }

/* Event */
.contentwrap .event h1 { line-height:25px;}
.contentwrap .event .textwrap { width:403px;}
.contentwrap .event .textwrap h1 { width:336px;}
.contentwrap .event dl { float:left; margin:10px 0 0; width:324px; color:#666;}
.contentwrap .event dt { float:left; width:70px; color:#666;}
.contentwrap .event dd { float:left; width:252px;}
.contentwrap .event p { color:#666; margin-top:15px;}
/* Video */
.contentwrap .video .post-img { height:auto; text-align:center; margin:15px 15px 15px 0;}
.contentwrap .video .textwrap { margin:15px 0;}
.contentwrap .video .read, .contentwrap .video .comments { float:right;}

.contentwrap .event .pollwrap label { font-weight:bold; color:#0B71CA;}
.contentwrap .event a.post-img { min-height:200px; width:149px;}
.contentwrap .event a.post-img img { width:149px;}
/* Property */
.contentwrap .property .read { float:right;} 
/* Item Grid */
.contentwrap .grid { float:left; margin-top:10px;}
.contentwrap .grid li { float:left; width:113px;}
.contentwrap .grid li.end { width:105px; }
.contentwrap .grid li.end a.image { margin-right:0}
.contentwrap .grid a.image { width:105px; overflow:hidden; float:left; margin-bottom:5px; height:79px;}
.contentwrap .grid img { width:105px;}
.contentwrap .grid h2 { font-size:1.1em;} 
.contentwrap .grid p { font-size:.9em; margin-top:0;}
.contentwrap .grid p.tagline { color:#999; white-space:nowrap; overflow:hidden; margin-right:8px; width:105px;}
.contentwrap .grid li.split { width:100%; margin-right:0;}
/* Comment */
#comments { float:left; }
#comments .header { float:left; background-color:white; width:568px; padding:25px 25px 22px;  }
#comments .header h3 { font-size:1.5em; float:left;}
#comments .header a { float:right;font-size:1.2em; color:#999;}
#comments ul { float:left; background-color:white; padding:25px; width:568px; margin-top:1px; }
#comments ul li { float:left; width:568px; border-bottom:1px solid #ececec; padding:0 0 15px; margin-bottom:15px; }
#comments ul li p { color:#333;}
#comments ul li p.user { color:#999; margin-bottom:5px;}
#comments ul li p.user a { font-weight:bold;}
#comments ul li small { color:#999; }
#comments ul li img { float:left; width:40px; background-color:#333; }
#comments ul li .wrap { float:left; width:491px; margin-left:10px; }
#comments ul li.last { border-bottom:0; padding-bottom:0; margin-bottom:0;}
#comments .boxfooter { float:left; padding:10px; width:598px; background-color:#f5f5f5; border-top:1px solid #ececec; border-bottom:1px solid #ececec; text-align:center; margin-bottom:10px;}
#comments .boxfooter a {  font-weight:bold; font-size:1.1em;  }
#comments #reply { padding:25px; float:left; width:568px; background-color:White; margin-bottom:10px;}
#comments #reply label { font-weight:bold; float:left; font-size:1.4em; }
#comments #reply p.info{ float:right; font-size:1.2em; color:#999; margin-top:.2em; }
#comments #reply textarea { float:left; background:url(../../gfx/modules/video/input_shadows.gif) top left no-repeat; border:1px solid #999; padding:6px 6px 7px; width:554px; margin:20px 0 10px; color:#666;  }
/* Compose GroupNews*/
.compose div.wrap{ float:left; width:567px; margin-bottom:15px;}
.compose label { display:block; margin-bottom:3px; color:#333; font-weight:bold;}
.compose input.title {border:1px solid #c7c7c7; padding:5px; width:555px; font-size:2em; font-weight:bold; }
.compose textarea.ingress { border:1px solid #c7c7c7; padding:5px; width:555px; font-size:1.4em; font-weight:bold; }
.compose p.info { color:#666; font-size:.9em; margin-top:4px; }
.compose p.by { text-transform:uppercase; color:#003E61; float:left; width:567px !important; font-weight:bold; margin:0 0 4px;}
.compose p.by a, .compose p.by select { color:#0B79C4; font-weight:bold; }
.compose .article-compose-text { float:left;}
.compose .options { width:584px; float:left; margin-top:20px;}
.compose .options .wrap { margin-bottom:5px;}
.compose .options p.info { float:left; width:484px; margin:0 0 8px 100px;}
.compose .options a.source { float:left; margin:0 200px 0 100px; display:block; line-height:25px; border-bottom:1px solid #fff; padding:0 25px 0 5px; background:url(../../gfx/iconpack/pencil.gif) no-repeat right 4px; }
.compose .options a.source:hover { background-color:#FFFDE8; border-bottom:1px solid #E6D08C; padding:0 25px 0 5px; color:#321a04;}
.compose .options a.add { float:left; display:block; line-height:25px; font-weight:bold; padding:0 8px;}
.compose .options label { float:left; width:100px; line-height:25px;}
.compose .options input, .compose .options select { float:left; padding:4px; border:1px solid #c7c7c7; width:310px;}
.compose .options select { width:320px;}
.compose .options .tags, .compose .options .newsource { float:left; width:400px; margin:0 0 0 100px;}
.compose .options .tags li, .compose .options .newsource li { float:left; margin:0 8px 4px 0; color:#333; font-weight:bold; } 
.compose .options .tags li a, .compose .options .newsource li a { font-size:.9em; color:#0B79C4; font-weight:normal;} 
.compose .file-inp { float:left; margin-right:10px;}
.compose .imageupload p { margin:8px 0; width:100%; float:left;}
.compose .imagecropper { float:left; width:594px;}
.compose .imagecropper #testWrap { margin:10px 0;}





/*****************************************************************
RIGHTWRAP
******************************************************************/
/* Headlines */
.rightwrap .category { color:#333;}
.rightwrap .event .category { color:#ec008c;}
.rightwrap .video .category { color:#ed1c24;}
.rightwrap .poll .category { color:#8dc63f;}
.rightwrap .photos .category { color:#ed1c24;}
.rightwrap .video .category { color:#f7941d;}
.rightwrap .forum .category {}
/* Information Textbox */
.rightbox .intro { float:left; width:290px; margin-bottom:10px; border:1px solid #e7e7e7; padding:8px; background-color:#f8f8f8; -moz-border-radius:3px;}
.rightbox .intro h3 { color:#333;}
.rightbox .intro p { color:#666;}
/* Poll */
.rightwrap .poll p { color:#333; font-size:1.2em; float:left; width:100%; padding-bottom:13px; }
.rightwrap .poll fieldset { float:left; background-color:White; width:308px; }
.rightwrap .poll fieldset label { float:left; width:308px; color:#333; }
.rightwrap .poll table { float:left; background-color:white; width:308px; padding:10px 0;}
.rightwrap .poll table .bar { width:50px; background-color:#F5F5F5; float:left; margin:0 0 4px 0;}
.rightwrap .poll table td { color:#666; font-weight:bold;}
.rightwrap .poll table td span { color:#333;}
.rightwrap .poll table tr { margin-bottom:10px;}
.rightwrap .poll table .bar div { float:left; height:15px; display:inline; background-color:#5094CE; }
/* Userlist */
.rightbox .userlist { float:left; width:308px;}
.rightbox .userlist li{ float:left; width:38px; height:38px; overflow:hidden; _position:relative;}
.rightbox .userlist img { _position:relative; width:40px;}
.rightbox .imagelist { border:1px solid #ececec; background-color:#f5f5f5; float:left; width:300px; padding:4px 3px 3px 3px; overflow:hidden;}
.rightbox .imagelist li { float:left; background-color:Black; color:White; width:148px; height:160px; border-left:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; }
.rightbox .imagelist li .wrap { padding:10px; float:left; }
.rightbox .imagelist li h3 { width:129px; white-space:nowrap; overflow:hidden;}
.rightbox .imagelist li p.by { font-size:.9em; }
.rightbox .imagelist li a.img { float:left; display:inline; max-height:99px; _height:99px; overflow:hidden;}
.rightbox .imagelist li a.img img { width:149px;}
.rightbox .imagelist li h2 { float:left; display:inline;}
.rightbox .imagelist li .place { float:left; display:inline;}
/* Events */
.rightwrap .event h3 span {color:#ec008c;}
.rightwrap .event a.post-img { width:60px; float:left; margin-right:10px; border:1px solid #999;  overflow:hidden;}
.rightwrap .event a.post-img img { width:60px; }
.rightwrap .event li dl { float:left; margin:10px 0 0; width:224px; font-size:.9em; color:#666;}
.rightwrap .event li dt { float:left; width:70px; color:#666;}
.rightwrap .event li dd { float:left; width:152px;}
.rightwrap .rightbox p.box-info { float:right; color:#888; font-size:1.2em; margin-top:.2em;}
/* Forum */
.forum .wrap { width:271px; font-size:0.9em; padding-left:25px;}
.forum ul li { background:url(../../gfx/iconpack/comments.png) no-repeat 7px 5px;}
.forum li:hover { background-color:#f8f8f8;}
.forum li.headline:hover { background-color:#F5F5F5;}
.forum li.headline { font-size:1.1em; background-image:none;}
.forum li.headline .wrap { padding-left:0; width:296px;}
.forum h3 { float:left; color:#333; width:240px;}
.forum h3 a { float:left; color:#444 !important;}
.forum p { float:right; color:#666;}
/* User Information (When signed in) */
.userbox .userimg { float:left; margin-right:10px; }
.userbox .bubble { float:left; width:231px;}
.userbox .bubble p {  font-size:1.3em; color:#666; margin-bottom:5px;}
.userbox .bubble p a { font-weight:bold;}
.userbox .newbubble { color:#888; font-size:.9em;}
.userbox .list { margin-top:15px;}
.userbox .msg { color:#333; font-weight:bold; background:url(../../gfx/iconpack/email.png) no-repeat; padding-left:22px; margin:4px; float:left;}
.userbox .event { color:#333; font-weight:bold; background:url(../../gfx/iconpack/star.png) no-repeat; padding-left:22px; margin:4px; float:left;}
.userbox .friend { color:#333; font-weight:bold; background:url(../../gfx/iconpack/user_add.png) no-repeat; padding-left:22px; margin:4px; float:left;}
.userbox .group { color:#333; font-weight:bold; background:url(../../gfx/iconpack/layout_add.png) no-repeat; padding-left:22px; margin:4px; float:left;}
.userbox .guestbook { color:#333; font-weight:bold; background:url(../../gfx/iconpack/guestbook.png) no-repeat; padding-left:22px; margin:4px; float:left;}
.userbox .boxfooter a { margin-left:15px;}
/* Bubble */
.bubble .post-img {  float:left; width:60px; margin-right:10px;}
.bubble .post-img img { width:60px; }
.bubble li a { font-weight:bold;}
.bubble .timestamp { font-size:11px; color:#999; }
/* Sign Up */
.signup .inner { padding-bottom:10px;}
.signup .inner div { float:left; width:306px; margin-bottom:8px;}
.signup .messageBox p, .signup .errorBox p { margin:0; padding:0; float:left; width:auto;}
.signup .inner .errorBox { width:290px;}
.signup fieldset { float:left;}
.signup label { width:65px; float:left; overflow:hidden; text-align:right; padding-right:10px; line-height:25px;}
.signup label.gender { width:75px; text-align:left;}
.signup label input { float:left; margin:4px 5px 0 0; }
.signup input.inp, .signup select { border:1px solid #c7c7c7; padding:4px; margin:0; float:left; background:url(../../gfx/modules/video/input_shadows.gif) no-repeat scroll left top #fff}
.signup p { color:#666; float:right; width:233px; font-size:.9em; margin-top:3px;}
.signup input.inp {width:193px; }
.signup select { width:168px;  margin-right:2px; } 
.signup select.tree { width:66px; padding:3px 0;}
.signup img { float:right; margin:4px 0 0 4px;}
.signup label.terms { width:210px; text-align:left; float:left; color:#666; font-size:.9em; line-height:normal; margin-left:75px;}
.signup label.terms a { color:#0B79C4;} 
/* Compose Menu*/
.rightwrap ul.menu { float:left; width:308px;}
.rightwrap ul.menu li { float:left; line-height:22px; width:154px;}
.rightwrap ul.menu li.changetext a{ background:url(../../gfx/iconpack/page_edit.gif) no-repeat left center; }
.rightwrap ul.menu li.changeimage a{ background:url(../../gfx/iconpack/picture_edit.gif) no-repeat left center; }
.rightwrap ul.menu li.save  a{ background:url(../../gfx/iconpack/page_save.gif) no-repeat left center; }
.rightwrap ul.menu li.publish a { background:url(../../gfx/iconpack/page_go.gif) no-repeat left center; }
.rightwrap ul.menu li a { color:#333; font-weight:bold; padding-left:20px; display:block;}
/* Editor Help*/
.editor-help table { width:308px; font-size:.9em; margin:0; padding:0; border-collapse:collapse; border:none;}
.editor-help h2 { color:#333; font-size:1.4em;}
.editor-help h3 { color:#333; font-size:1.2em; padding:0 17px 10px;}
.editor-help p { color:#333; font-size:1em; padding:0 17px 10px;}
.editor-help .even { background-color:#EEF3F5;}
.editor-help td { padding:5px 0 5px 5px; }
.editor-help th {border-left:none;padding:0.25em 0.5em;text-transform:none;}
.editor-help img { float:left;}

/*
.rightbox .words h3 span {color:#0077cc;}
.rightbox .photos h3 span {color:#ed1c24;}
.rightbox .poll h3 span {color:#8dc63f;}
.rightbox .video h3 span {color:#f7941d;}
*/

.contentwrap .ticketpromo { -moz-border-radius:5px; background-color:#f8f8f8; padding:20px; border:1px solid #c7c7c7; float:right; width:300px;}
.contentwrap .ticketpromo h3 { font-size:1.3em; }
.contentwrap .ticketpromo p { margin:5px 0 10px; }