/*  
Theme Name: SalaBR2010
Theme URI: http://salabr.com/
*/


body { background: #FFFFFF url(images/salabr_BG.jpg) no-repeat center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#666;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #cc3333; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #cc3333; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #cc3333; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #999; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.HBG {width: 100%; float: left; overflow-x: hidden;}

/**/ * html .header { height: 130px;} /* */ 
.header { background: url() no-repeat top center; width: 960px; margin: 0 auto; position:relative; min-height: 130px;}


.header .LogoImg { position: absolute; top: 56px; left: 0px;}
.header .LogoImg h1 { text-indent: -35000px; margin: 0; padding: 0;}
.header .LogoImg h1 a { display: block; background: url(logo.png) no-repeat left top; height: 84px; width: 396px; cursor: hand; }

.header .logo { position: absolute; top: 15px; left: -5px; }
.header .ad { position: absolute; top: 10px; left: 120px; }


.SUBH { width: 100%; padding: 0px; position: relative; height: 55px; }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { width: 880px; padding: 0px; height: 55px; text-align:left; padding: 0px 10px 0px 0px; position: absolute; top: -82px; left: 335px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 8px 0px 0px 15px;}
.Menu ul li { margin: 0px 5px 0px 0px; display: inline; font-size: 130%; font-family:"Futura LT"; font-weight:normal; letter-spacing: 0.2px;}
.Menu ul li a { color: #fff; text-decoration: none; padding: 0px 4px 0px 4px; text-transform:uppercase;}
.Menu ul li a:hover { color:#ffcc33; text-decoration: none;}
.Menu ul li ul { display: none;}
.trailer {color:#FFCC33;}
.trailer a:hover{color:#FFCC00;}

/* Syndicate +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { position:absolute; left: 484px; top: 12px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 10px; color:#cc0066; display: inline; font-weight: bold;}
.Syn li a {}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { background: url(images/Search.png) no-repeat left top; position: absolute; top:-39px; right: 80px; width: 530px; padding: 0px 0px 0px 0px; height: 50px; }
.Search form { padding: 4px 0px 0px 0px; margin: 0px;}
.Search input { border: none; color: #cc3333; font-size: 30px;}

.Search  input.keyword { background: none; border: none; padding: 5px 0px 2px 15px; width: 500px; border: none; color:#cc3333; } 
.Search  input.search { width: 72px; height: 70px; background: url(./images/SearchButton.png) no-repeat; padding: 0px 0px 0px 0px; position: absolute; top:-2px; left: 15px;}

.Search .bt { padding: 0px; margin: 0px 0px 0px 165px; top: -4px; background: none; position: absolute; right: 14px; }


/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CONBG { width: 100%; float: left; overflow-x: hidden;}
.CON { width: 960px; position: relative; margin: 0 auto; padding: 0px; margin-top: 25px;}
.CON2 { width: 960px; position: relative; margin: 0 auto; padding: 0px;}

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 620px; float: left; padding: 0px 0px 20px 0px;}
.SCS h1 { font-family:"Futura LT"; font-size: 250%; line-height: 32px; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px; text-transform:uppercase; border-bottom:solid #ccc 1px; font-weight:normal;}
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS { padding: 10px 0px 0px 0px; font-size: 120%; line-height: 30px ; color:#333; text-align:justify; }
.SCS p { line-height: 25px; color:#333;}
.SCS p strong {}
.SCS img {}
.SCS ol { padding: 5px 0px 10px 25px; margin: 0px; }
.SCS ol li { padding: 0px 0px 2px 0px; font-size: 90%; line-height: 20px; color:#333; }
.SCS ul { padding: 5px 0px 0px 15px; margin: 0px; }
.SCS ul li { padding: 0px 0px 2px 15px; list-style-type: none; background: url(images/LatestCom.png) no-repeat left top; font-size: 90%; line-height: 20px; color:#000; }
.SCS blockquote { padding: 5px 0px; margin: 5px; color: #000; background-color: #99ccff; }
.SCS blockquote p { font-size: 100%; padding: 5px 15px 5px 15px; margin: 3px 0px; line-height: 25px; color:#000; }
.SCS blockquote li { padding: 0px 0px 2px 15px; list-style-type: none; background: url(images/LatestCom.png) no-repeat left top; font-size: 90%; line-height: 15px; color:#000; }
.SCS a { text-decoration: none;}
.SCS h3 { font-size: 100%; line-height: normal; font-weight: normal; padding: 0px 0px 3px 0px; margin: 0px; color:#999; font-variant:small-caps;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 620px; float: left; padding: 0px 0px 20px 0px; overflow-x: hidden;}
.SC h2 { font-weight: normal;}

.pagetitle { font-family:"Futura LT"; font-size: 250%; line-height: 32px; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px; text-transform:uppercase; border-bottom:solid #ccc 1px; font-weight:normal;}
.pagetitle h1 a { color: #36C; text-decoration: none; padding: 0px 5px 0px 0px;}
.pagetitle h1 a:visited { color: #36C; text-decoration: none;}
.pagetitle h1 a:hover { color:#cc3333; text-decoration: none;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 15px 0px; position: relative; clear: left; overflow-x: hidden;}

.PostHead h1 { font-family:"Futura LT"; font-size: 250%; line-height: 32px; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 7px 0px; text-transform:uppercase; border-bottom:solid #ccc 1px; font-weight:normal;}
.PostHead h1 a {color: #cc3333; text-decoration: none; padding: 0px 5px 0px 0px;}
.PostHead h1 a:visited { color: #cc3333; text-decoration: none;}
.PostHead h1 a:hover { color:#cc3333; text-decoration: none;}

.PostDet { font-family:"Futura LT"; padding: 2px; margin: 0px 0px 0px 0px; font-size: 12px; color:#999; text-transform:uppercase; letter-spacing:0.5pt;}
.PostDet a { color:#cc3333; text-decoration: none;}
.PostDet a:visited { color:#cc3333; text-decoration: none;}
.PostDet a:hover { color:#999; text-decoration: underline;}

.Buzz { float:right; display:block; height:17px; margin: 0 14px 0 10px;}

.PostContent { padding: 10px 0px 0px 0px; font-size: 120%; line-height: 30px ; color:#333; text-align:justify; }
.PostContent p { line-height: 25px; color:#333;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 5px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 0px 0px 2px 0px; font-size: 90%; line-height: 20px; color:#333; }
.PostContent ul { padding: 5px 0px 0px 15px; margin: 0px; }
.PostContent ul li { padding: 0px 0px 2px 15px; list-style-type: none; background: url(images/LatestCom.png) no-repeat left top; line-height: 20px;}
.PostContent blockquote { padding: 5px 0px; margin: 5px; color: #000; background-color: #99ccff; }
.PostContent blockquote p { font-size: 100%; padding: 5px 15px 5px 15px; margin: 3px 0px; line-height: 25px; color:#000; }
.PostContent blockquote li { padding: 0px 0px 2px 15px; list-style-type: none; background: url(images/LatestCom.png) no-repeat left top; font-size: 90%; line-height: 15px; color:#000; }
.PostContent a { text-decoration: none;}
.PostContent h3 { font-size: 100%; line-height: normal; font-weight: normal; padding: 0px 0px 3px 0px; margin: 0px; color:#999; font-variant:small-caps;}

.PostCom { padding: 10px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-bottom:20px;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 0px; margin: 0px; list-style-type: none; display: inline; color:#ccc; font-size: 150%; text-transform:uppercase;} 
.PostCom li a { color: #ccc; text-decoration: none; padding: 0px 5px 0px 5px;}
.PostCom li a:visited { color: #ccc; text-decoration: none;}
.PostCom li a:hover { color:#0066cc; text-decoration: none;}

hr { border-color:#ccc; border-style:solid;}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 90%;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #fff; position:relative; width: 620px; padding:15px 0px 0px 0px; }
.TrackListTop { background: #fff; position: absolute; top: 0px; left: 0px; width: 620px; height:10px; }
.TrackList h3 { font-size: 16px; font-weight: bold; margin: 15px 0px 15px 0px; padding: 5px 0px; color:#CCC; letter-spacing: -1px; border-bottom: solid 1px #CCC;}
.TrackList ul { padding: 0px; margin: 0px; }
.TrackList li { padding: 0px; list-style-type: none; background: none; font-size: 14px; line-height: 20px; color:#63565f; }
.TrackList li a { color:#cc3333;}
.TrackList li a:hover { text-decoration: underline;}


/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.NavEnd { width: 13px; height: 33px; position: absolute; top: 0px; margin: 0px; right: 0px;}
/**/ *html .NavEnd  { top: 1px;} /**/ 

.Nav { font-size: 13px; padding: 10px; color:#333; position: relative; text-transform:uppercase;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; font-size: 13px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#333; border-right: solid 1px #ccc; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; font-size: 13px; color:#333;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; margin: 15px 0px 15px 0px; padding: 5px 0px; color:#666; border-bottom: solid 1px #666; text-transform:uppercase;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 { font-size: 14px; margin: 15px 0px 15px 0px; padding: 5px 0px; color:#666; border-bottom: solid 1px #666; text-transform:uppercase;}
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 35px 5px 10px 5px; margin: 10px 0px 0px 0px; list-style-type: none;}
.List .ComListLi { background: #fff;}
/**/ * html .List .ComListLiTop { left: -5px;} /**/ 
.List .ComListLiTop { position: absolute; height: 30px; width: 620px; left: 0px; top: 0px; padding: 10px 0px 0px 0px;}

/**/ * html .List .ListNr { right: 25px;} /**/ 
.List .ListNr { color:#ccc; position: absolute; top: 10px; font-size: 28px; line-height: 28px; font-weight: normal; padding: 0px; right: 25px; }

/**/ * html .List .ListGrav { left: 10px;} /* */ 
.List .ListGrav { position: absolute; top: 10px; left: 15px; font-size:20px;}
.List .ListGrav img { border: solid 1px #fff;}

.List big { margin: 0px; padding: 2px 0px 2px 55px; font-size: 16px; line-height: 14px; color:#666; display: block; text-transform:uppercase;}
.List small { color:#666; padding: 2px 0px 2px 55px; margin: 0px; font-size: 11px; }
.List small a { color:#666; text-decoration: none;}
.List small a:hover { color:#999; text-decoration: none;}
.List small a:visited { text-decoration: none;}

.List .ListContent { margin: 7px 0px 0px 0px; padding: 5px 10px; background: #fff; font-size:15px; display: block; border-bottom: solid 1px #ccc; color:#333; text-align:justify;}
.List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-style: italic; border-top: solid 1px #666; border-bottom: solid 1px #ccc;}
.List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#333; }
.List .ListContent ul { padding: 0px; margin: 0px; }
.List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#f0f0f0; }


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { background: #fff; padding: 10px 15px 15px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { position: absolute; top: 0px; left: 0px; width: 620px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#333; text-transform:uppercase; }
.Comments .Form p small strong { font-size: 12px; color:#333; text-transform:uppercase;}
.Comments .Form p small { font-size: 13px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #ffcc66; border: solid 1px #ccc; padding: 6px; font-size: 14px; display: block; text-transform:uppercase;}
.Comments .Form .TextField:focus { background: #fff;}
.Comments .Form .TextArea { background: #ffcc66; border: solid 1px #ccc; padding: 6px; font-size: 14px; text-transform:uppercase;}
.Comments .Form .TextArea:focus { background: #fff;}

.Comments .Form input.SubmitComment { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


/* Side +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.side { width: 300px; float: right; position: relative; padding: 0px 0px 20px 0px; }
.side h2 { font-size: 14px; font-weight: bold; background: url(images/sideH3.png) repeat-x left bottom; color:#666; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: dashed 1px #efe4e4; }
.side a { color: #cc3333;}
.side a:visited { color: #cc3333;}
.side a:hover { text-decoration: underline;}

.side ul { margin: 0px; padding: 0px;}
.side li { margin: 0px; padding: 6px 0px 6px 5px; list-style-type: none; border-bottom: solid 1px #ccc; font-size: 13px; font-variant:small-caps;}
.side li a { color: #666; text-decoration: none; padding: 2px 5px 2px 5px;}
.side li a:visited { color: #666; text-decoration: none;}
.side li a:hover { color: #0066cc; text-decoration: none;}

.wid { float: left; padding:7px; text-align:center; vertical-align:middle;}

/* Extra ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.EBG { background: #cd1f38;; width: 100%; float:left; border-top: solid 1px #ccc; padding: 20px 0px 25px 0px;}
.Extra { width: 960px; margin: 0 auto; padding-left:100px;}

/* Latest Comments  - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Cols { float: left; padding:10px; max-width:240px;}
.Cols h3 { font-size: 18px; margin: 0px; color:#ffcc66; padding-bottom: 5px; font-variant:small-caps; font-weight:bold;}
.Cols ul { margin: 0px; padding: 10px 0px 0px 0px;}
.Cols li { display: block; color:#ffcc00; margin: 0px; padding: 0px 0px 3px 15px; list-style-type: none; font-size: 11px; font-weight:bold; line-height:18px; background: url(images/LatestCom.png) no-repeat left top;}
.Cols li a { font-size: 11px; font-weight: bold; color: #fff;}

.Cols2 { }
.Cols2 h3 { font-size: 18px; margin: 0px; color:#cc3333; padding-bottom: 5px; font-variant:small-caps; font-weight:bold;}
.Cols2 ul { margin: 0px; padding: 10px 0px 0px 0px;}
.Cols2 li { display: block; color: #cc0033; margin: 0px; padding: 0px 0px 3px 15px; list-style-type: none; font-size: 11px; line-height:25px; background: url(images/LatestCom.png) no-repeat left top; font-variant:small-caps;}
.Cols2 li a { font-size: 14px; color: #333;}
.Cols2 li a:hover { color: #cc0033;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { background: #cd1f38; width: 100%; float: left; padding: 10px 0px;}
.Footer { width: 860px; margin: 0 auto; padding: 10px 0px 10px 85px;}
.Footer p { font-size: 10px; color:#fff; padding: 0px; margin: 0px; }
.Footer a { color:#FFCC00; text-decoration: none;}
.Footer a:hover { color:#fff; text-decoration: underline;}

