/*
Theme Name: Motel Connection
Theme URI: http://www.forget-about.it
Description: Motel Connection
Author: Forget About It
Author URI: http://www.forget-about.it
*/

body{padding:0; margin:0; height:100%; background:#fff url(images/bg.gif); font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

img{border:none;}
a {outline:none;}

#pagewrapper{margin:0 auto; padding:0px; width:989px; height:100%; }

#header{margin:0px; padding:0px; width:989px; height:200px; background:url(images/logo.png) center center no-repeat; }
#header .headerlink a{ display: block; height: 200px; width: 989px; margin: 0px auto;}
#topnav{margin:0px; padding:0px; width:989px; height:24px; background: #222;}

#main{margin:0px 0px 0px 0px; padding:0px; width:959px; padding:0px 15px 15px 15px; height:100%; float:left; background:#fff; }
#left{width:620px; float:left; }
#right{width:324px; float:left; margin-left:15px; }

/* Post Styling */
.firstpost{width:620px; background:#f7f7f7; color:#222; float: left; margin:0px 0px 15px 0px;}
.firstposttitle{display:block; width:601px; height:31px; margin:0px; padding:8px 4px 6px 15px; background: #fff; border-bottom: 3px solid #222;}
.firstpostcontent{width:580px; padding:0px 20px 10px 20px; float: left; font-size:12px; line-height: 20px; }
.firstposttitle h3{margin:0px; padding:1px 0px 6px 5px; font:18px Century Gothic; float:left; width:470px; display:inline; }
.relatedtitle h3{margin:0px; padding:10px 0px 0px 15px; font:18px Century Gothic; float:left; color:#222; width:450px; display:inline; }
.firstposttitle small{float:right; background:none; width:115px; margin:0px; padding:2px 0px 0px 0px; }
.firstpostcontent .more-link{display:block; padding:5px 10px; background:#d9d7d7; margin: 5px 0px; width:%100; font-weight:normal; font-size:12px; }
.firstpostcontent blockquote{display:block; padding:10px; background:#d9d7d7; width:%100; font-weight:normal; }

.postmeta { background: url(images/time.gif) center left no-repeat; margin: 5px 10px 10px 0px; padding-left: 16px; }
.postmeta span { background: url(images/categories.gif) center left no-repeat; margin-left: 5px; padding: 0px 0px 0px 15px; }

.firstpost h3 a{color:#f1a278; text-decoration:none;}

.firstpost h3 a:hover{color:#111;}

.post h3 a {color:#f1a278; text-decoration:underline; }

.post h3 a:hover {color:#111; }

.post h3{margin:0px 0px 8px 0px; padding:0px; font:18px Century Gothic; line-height: 16px; }

.post{width:595px; padding:15px 15px 10px 10px; height:95px; margin:0px 0px 15px 0px; background:#f7f7f7; color:#222; float: left; font-size:12px; line-height: 20px; }

.post img{margin:0px 15px 0px 10px; float:left; border: 3px solid #222; }

.post p{margin:0px; }

.indexmeta { float: left; background: url(images/comments.gif) center left no-repeat; padding-left: 20px;}
.indexmeta small { background: url(images/rating-star.gif) center left no-repeat; padding-left: 20px; margin-left: 10px; font-size: 12px;}

.firstpost a, .post a {color:#333; text-decoration:underline; }
.firstpost a:hover, .post a:hover {color:#111; text-decoration:none; }

#authordesc { float:left; padding:10px; background:#d9d7d7; margin: 5px 0px; width:560px; font-weight:normal; font-size:12px;}
#authordesc img {float: left; margin-right:10px;}
#authordesc strong a { font-size:18px; text-decoration:none; }
#authordesc .author-text { float:left; width:460px; }

#related, #comments{width:620px; background:#d9d7d7; float:left; color:#c9c9c9; margin:20px 0px 0px 0px; padding:0px;}

.relatedtitle{display:block; width:620px; height:40px; margin:0px; background:#fff; border-bottom: 3px solid #222;}

.commentstitle{display:block; width:620px; height:40px; margin:0px; background:#fff; border-bottom: 3px solid #222;}

/* Attachment Page */
.attachment img{ max-width:570px;  height:auto;  width:expression(this.width >570 ? 570:true); margin-top: 20px; }


/* DropCaps */
span.cap{float:left; font-size:150%; font-weight:bold; line-height:1em; margin-bottom:-0.3em; margin-right:0.08em; position:relative;}


/* Comments */
.commentstitle h3{margin:0px; padding:10px 0px 0px 15px; font:18px Century Gothic; float:left; width:450px; display:inline; color: #222;}

#comments small{display:inline;}
#comments { color: #333;}
#comments ol{margin:0px; padding:0px; width:620px;}
#comments ol li{ list-style:none; width:590px;  padding:15px; float:left; background:#f7f7f7; }
#comments ol li.alt{ background:#d9d7d7;}
/* #comments ol li.bypostauthor{ border:1px solid #c9c9c9; width:588px;} */
#comments ol li.depth-2{ width:550px;}
#comments ol li .avatar{ padding:5px; margin:5px 15px 5px 0px; background:#424242; float:left;}
#comments ol li .author{ font-weight:normal; color:#666;}
#comments ol li .author cite{ font-weight:bold; font-style:normal; color:#111;}

.comment a, .comment2 a {color:#333; text-decoration:underline; font-style:normal; font-size:14px; margin:0px 5px 0px 0px; padding:0px;}
.comment a:hover, .comment2 a:hover{color:#111; text-decoration:none;}

.commentbutton{display:block; padding:7px; width:200px; height:20px; background:#353535; border:0px; color:#c9c9c9; }
.commentbutton:focus{background:#424242; }
.commentarea{display:block; padding:5px; width:400px; height:180px; background:#353535; border:0px; color:#c9c9c9; }
.commentarea:focus{background:#424242; }

#comments p { padding: 0px 0px 10px 20px; color: #333;}
#comments a {color:#333; text-decoration:none; }
#comments a:hover {color:#111; }

/* Top Navigation */
.sf-menu, .sf-menu *{margin:0px 0px 0px 10px; padding:0; list-style:none; }
.sf-menu{line-height:1.0; }
.sf-menu ul{position:absolute; top:-999em; margin:10px 0px 0px 0px; padding-bottom:9px; width:10em; /* left offset of submenus need to match (see below) */ width:210px; }
.sf-menu ul li{background:#222; width:150px; padding:10px; margin:0px; text-align:left; font:12px 'Trebuchet MS',Trebuchet; }
.sf-menu ul li:hover{background:#333;}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative; padding:4px 15px 3px 0; margin:0px; width:80px; text-align:center; font:11px 'Trebuchet MS',Trebuchet; border-right: 1px solid #2b2b2b; }
.sf-menu li:hover{background: #333; }
.sf-menu a{display:block; position:relative; }
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:2.5em; /* match top ul list item height */z-index:99; }
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em; }
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:0; }
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em; }
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0; }
li#searchform{margin-top:3px; padding:0px; width:141px; height:45px; float:right; background:none; border:none; }
.searchword{margin:0px; padding:0px 7px 0px 45px; width:131px; height:19px; background:none; border:none; color:#ccc; background: url(images/search-bg.gif) top left no-repeat; }
.searchword:focus { background: url(images/search-bg.gif) bottom right no-repeat;}

#topnav a:link, #topnav a:visited{text-decoration:none; color:#f7f7f7; }

#topnav a:hover{text-decoration:none; color:#f7f7f7; }

/* Related Posts Section */
#related ul{padding:0px; margin:0px; }
#related li{margin:0px; background: #f7f7f7; padding:10px 0px 10px 15px; font:14px 'Trebuchet MS',Trebuchet; list-style:none; color: #222; }
#related li:hover{background:#d9d7d7; }
#related a {color:#222; text-decoration:none; }
#related a:hover{color:#111; }
#related img { vertical-align: middle; margin-right: 15px; border: 3px solid #222;}

/* Login Navigation */
#loginpane{width:324px; height:262px; margin-bottom:10px; padding:10px 0px 0px 10px;}

ul.loginNavigation{ list-style:none; margin:0; padding:0px 0px 0px 30px; display:block; width:294px; background:#fff; height:38px; font-size: 14px; border-bottom: 3px solid #222; color:#222;}
ul.loginNavigation li{ display:inline; padding: 0px;}
ul.loginNavigation li a{display:block; float:left; width:90px; height:27px; color:#333; text-decoration:none; text-align:center; padding-top:12px;}
ul.loginNavigation li a.selected, 
ul.loginNavigation li a:hover{ color:#111; background:url(images/tab-bg.gif) center bottom no-repeat; }
ul.loginNavigation li a:focus{outline:0; }
div.tabcontent ul { margin: 0px; width: 274px; padding: 0px 10px; list-style:inside;}
div.tabcontent ul li{ margin: 0px; padding: 0px;}

div.loginpane div{color:#222; padding:10px 10px 15px 20px; background:#f7f7f7; font-size:12px; margin-bottom:20px; line-height: 20px;}

.registerfield{display:block; padding:5px; margin:0px 10px 0px 0px; width:270px; height:16px; background:#353535; border:0px; color:#c9c9c9; }
.registerfield:focus{background:#424242; }
.registerbutton{display:block; margin:2px 0px 0px 0px; width:278px; height:30px; background: #333; border:0px; color:#fcfcfc; cursor:pointer; }
.registerbutton:hover{background:#111;}

.loginpane .tabcontent a{color:#333; text-decoration:underline; font-weight:normal; }
.loginpane .tabcontent a:hover{color:#111; text-decoration:none;}

/* Tab Navigation */
ul.tabNavigation{ list-style:none; margin:0; padding:0px 0px 0px 30px; display:block; width:294px; background:#fff; height:38px; font-size: 14px; border-bottom: 3px solid #222; color:#222;}
ul.tabNavigation li{ display:inline; }
ul.tabNavigation li a{ display:block; float:left; width:90px; height:27px; color:#333; text-decoration:none; text-align:center; padding-top:12px;}
ul.tabNavigation li a.selected, 
ul.tabNavigation li a:hover{ color:#111; background:url(images/tab-bg.gif) center bottom no-repeat; }
ul.tabNavigation li a:focus{ outline:0; }

div.tabs div{padding:10px 10px 15px 20px; width:294px; background:#f7f7f7; font-size:12px; line-height: 20px; color:#222;}
.tabs .tabcontent a{color:#333; text-decoration:underline; }
.tabs .tabcontent a:hover{color:#111; text-decoration:none; }

/* Widget Styling */
div.myWidHome { display: block; width: 989px; margin:0px 0 0; padding: 0px 0px 0px 0px; background:#ffffff;; float:left; position:relative; left:-15px; }
div.widget_L { display: block; width: 989px; margin:0px 0 0; padding: 0px 0px 0px 0px; background:#ffffff;; float:left; position:relative; left:-3px; }
div.widget_S { display: block; width: 329px; margin:0px 0 0; padding: 0px 0px 0px 0px; background:#ffffff;; float:left; }

.widget_home { display:block; width:200px; height:29px; margin:0px; padding:10px 0px 0px 0px; background:#fff; font-weight: normal; font-size: 14px; border-bottom: 0px solid #222; color:#f1a278; text-indent: 25px;}

ul#widgets { margin: 0px; padding: 0px; width: 324px; list-style:none; color:#222;}
li.widget { display: block; width: 324px; margin:0px 0 0; padding: 0px 0px 15px 0px; background:#f7f7f7;; float:left; }
li.widget h2 { display:block; width:290px; height:29px; margin:0px; padding:15px 4px 0px 30px; background:#fff; font-weight: normal; font-size: 16px; border-bottom: 3px solid #222; color:#f1a278;}
li.widget a{color:#33ccff; text-decoration:underline;}
li.widget a:hover{color:#111; text-decoration:none; }

li.widget ul { display: block; margin:10px 10px 0px 30px; width: 284px; padding: 0px;}
li.widget ul li { list-style:none; font-size:12px; padding: 0px; margin: 0px; list-style-position:inside; line-height: 20px;}

/* CUSOM */
li.custom_widget { display: block; width: 487px; margin:0px 0 0; padding: 0px 0px 0px 0px; background:#f7f7f7;; float:left; }
li.custom_widget h2 { display:block; width:453px; height:29px; margin:0px; padding:15px 4px 0px 30px; background:#fff; font-weight: normal; font-size: 16px; border-bottom: 3px solid #222; color:#f1a278;}
li.custom_widget a{color:#33ccff; text-decoration:underline;}
li.custom_widget a:hover{color:#111; text-decoration:none; }

li.custom_widget ul { display: block; margin:10px 10px 0px 30px; width: 284px; padding: 0px;}
li.custom_widget ul li { list-style:none; font-size:12px; padding: 0px; margin: 0px; list-style-position:inside; line-height: 20px;}

.textwidget { padding: 15px 30px 0px 30px; font-size: 12px; line-height: 18px;}
li.latestusers ul { margin-top: 20px;}
li.latestusers ul li { list-style:none; float: left; width: 90px; height: 75px; text-align:left; }
li.latestusers img { border: 2px solid #333;}
li.widget_archive li { width:135px; float: left;}

/* Footer */
#footer {clear:both; width:100%; text-align:right; padding:5px 0px 15px 0px; font-size: 12px;}
#footer ul { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; }
#footer ul li{display:inline; list-style:none; margin:0px 5px; padding: 0px;}
#footer a:link, #footer a:visited{color:#333; text-decoration:none; }
#footer a:hover{color:#111; }
#footer li.subscribe { float: left; padding: 0px 0px 0px 25px; margin: 0px; background: url(images/rss.gif) center left no-repeat; }
#footer li.top { padding: 0px 15px 0px 0px; margin: 0px; background: url(images/top.gif) center right no-repeat; }

/* Pagination */
.wp-pagenavi {text-align:right; float:left; width:580px; font-size:12px; color:#222; margin:5px 0px 20px 0px; padding:5px 20px; background:#fff; border-bottom: 3px solid #222;}
.wp-pagenavi span.pages{float:left; background:url(images/pagenavi.gif) center left no-repeat; padding-left: 18px; }
.wp-pagenavi a{text-decoration:none; padding:4px; margin-left:10px; color:#333; }
.wp-pagenavi a:hover{color:#222; }
.wp-pagenavi .current{font-weight:bold; padding:4px; margin-left:10px; }