/* Theme Name: Aubogasta Theme URI: http://www.antisocialmediallc.com/2009/07/aubogasta/ Description: This theme is a modification of "Projection Template" that was designed by Template World for Smashing Magazine. Our wordpress version is a two-column theme with a moveable sidebar (left or right). Includes theme-options to display an icon in the top right of the header that links to your twitter page, add your google analytics to your footer, place an ad or other content in your sidebar as well as in the gray rounded box in the top right, and setup feedburner if using feedburner. You also have the option of using a graphic for your site title instead of text. Version: 1.0 Author: antisocialmediallc.com Author URI: http://antisocialmediallc.com Tags: blue, two-columns, fixed-width, right-sidebar,theme-options */ /* CSS Document */ body { margin:0px; padding:0px; background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color:#7DA6C4; font-family: Arial, verdana, Helvetica, sans-serif; font-size:80%; } h1,h2,h3,h4,h5,h6,span { margin:0px; padding:3px 0px 3px 0px; } h1 {font-size:160%;} h2 {font-size:130%;} h3 {font-size:120%;} h4 {font-size:110%;} h5 {font-size:100%;} h6 {font-size:90%;} a:link { color: #9CC7E7; text-decoration:none; } a:visited { color: #9CC7E7; text-decoration:none; } a:link:hover, a:visited:hover { color: #9CC7E7; text-decoration:underline; } .clear { clear:both; overflow:hidden;} .alignleft { float:left; margin-right:10px; } .alignright { float:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin-right:10px; background:#f2f2f2; padding:5px; max-width: 250px; } img.alignright { float:right; margin-left:10px; background:#f2f2f2; padding:5px; max-width: 250px; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#f2f2f2; padding:5px; max-width: 500px; } html>body .alignleft { width: auto; height: auto; max-width:250px; } html>body .alignright { width: auto; height: auto; max-width:250px; } html>body .aligncenter { width: auto; height: auto; max-width:500px; } img, a:link img, a:visited img {border:0;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} pre { overflow:auto;} dl {margin:0 0 1.5em 0;} dl dt {font-style:italic; padding:3px 0px 3px 0px;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#EAEAEC; border-right:1px solid #ffffff; } th, td {padding:4px 10px 4px 5px;} tr.even td {background:#F8F8F8; border-right:1px solid #ffffff; } tfoot {font-style:italic;} caption {background:#F8F8F8;} label {font-weight:bold;} fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #E4E5E6; } textarea { width:100%;} blockquote { background: #f2f2f2; margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; border-top: 1px solid #eeeeee; border-right: 1px solid #dddddd; border-left: 1px solid #eeeeee; border-bottom: 1px solid #dddddd; } ul,ol { margin:0;padding:0; } #main { width:904px; float:none; margin:0 auto; padding:0px; } #contentbg { width:904px; float: left; margin:0px; padding:0px; background-image:url(images/contenttxtbg.jpg); background-repeat: repeat-y; } #pagecontent { width:904px; float: left; margin:0px; padding:0px; } #contenttxtblank { width:866px; float: left; margin:0px; padding:0 0 40px 38px; background-image:url(images/contentbg.jpg); background-repeat:no-repeat; } #menu { width:828px; height:30px; float: left; margin:0px; padding:0px; } #menu ul { width:778px; height:30px; float: left; margin:0px; padding:0 0 0 50px; display:block; } #menu ul li { height:30px; float: left; margin:0px; padding:0px; display:block; } #menu ul li { background-image:url(images/menusap.jpg); background-repeat:no-repeat; padding-left:10px; padding-right:10px; } .page_item a, .pageitem a:visited,.current_page_item a:hover,.current_page_item a:visited { height:22px; float: left; margin:0px; padding:5px 11px 0 11px; font-size:11px; font-weight:bold; color:#c5c5c5; text-align:center; text-decoration:none; text-transform:uppercase; } .page_item:hover a, .pageitem a:visited:hover, .current_page_item a { height:22px; float: left; margin:0px; padding:5px 11px 0 11px; font-size:11px; font-weight:bold; color:#9BBDD6; text-align:center; text-decoration:none; text-transform:uppercase; background-image:url(images/menuover.jpg); background-repeat:no-repeat; background-position:center bottom; } /*------------------------------------------------------LOGO HEADER---------------------------------------------END--------------------------------------------------------------------------------*/ #logo { padding-left:10px; clear:both; margin-top:50px; height:90px;} #logo .tagline { color:#ffffff; font-style:italic; padding-left:10px;} #logo h1 { color:#ffffff; text-transform:uppercase; font-size:30px; width:390px; } #logo h1 a { color:#ffffff; text-transform:uppercase; font-size:30px; width:390px; } #twitter { position:absolute; top:45px; left:830px; } /*------------------------------------------------------UNDER LOGO---------------------------------------------END--------------------------------------------------------------------------------*/ #wheelaround { } #wheelaround .wheelaroundleft { float:left; padding:10px; width:250px; margin-top:20px; } #wheelaround .wheelaroundleft h2 { color:#3C3C3C;} #wheelaround .wheelaroundleft img { float:left; margin-right:10px; } #wheelaround .wheelaroundleft .rsssignup { text-align:center;} #wheelaround .wheelaroundleft .rsssignup a { font-weight:bold; color:#D94AA7; font-size:14px; text-decoration:underline;} #wheelaround .wheelaroundleft p.rsstext { width:250px;} #wheelaround .wheelaroundright { float:left; width:229px; height:229px; background: transparent url(images/adbg.png) no-repeat; margin-left:325px;} #wheelaround .wheelaroundright .contentspace { padding:0; width:200px; margin:10px auto;} #wheelaround .wheelaroundright h2 { } /*------------------------------------------------------MENU---------------------------------------------END--------------------------------------------------------------------------------*/ #contentleft { width:565px; float:left; margin:0px 30px 0px 0px; padding:0px; } #thepost { width:585px; margin:5px 0px 20px 0px; clear:both; } #thepost .thepostbottom { background:#98C5E4 url(images/thepostbottom.jpg) no-repeat; height:7px; } #thepost .thepostcontent { width:535px; background:#ffffff; padding:15px; } .thecontententry ul, .thecontententry ol { margin:10px 0px 10px 30px;clear:both; } .thecontententry ul li { list-style:square; padding:3px 0px 3px 0px; } .thecontententry ol li { list-style-type: decimal; padding:3px 0px 3px 0px; } .thecontententry ol ol li { list-style-type: lower-roman; padding:3px 0px 3px 0px; } .thecontententry img { margin-bottom:10px; } ul#list404 { margin-left:20px; } ul#list404 li{ list-style:square; padding:3px 0px 3px 0px;} #thepost .thepostcontentexcerpt { width:535px; background:#ffffff; padding:15px; height:auto !important; min-height:175px; } #thepost .thepostcontentexcerpt img { float:left; margin-right:10px; } #thepost .thepostcontentexcerpt p { margin-top:0; } #thepost .thepostcontentexcerpt .readfull { float:right; text-transform:uppercase; font-size:12px; } ol.commentlist{ margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px; } ol.commentlist p{ margin-bottom:10px; line-height: 20px; } ol.commentlist cite{ font-style: normal; font-weight: bold; } ol.commentlist li{ padding: 20px 10px 10px 10px; } ol.commentlist li.alt{ padding: 10px 10px 0 10px !important; background:#f2f2f2; } #comment {clear:both; width: 500px; margin:0 auto;} #comment textarea { width:500px; } ol.commentlist .comment-meta{ font-size:0.8em; } ol.commentlist li .avatar { float:left; border: 1px solid #000; margin-right: 10px; } ol.commentlist li{ margin:10px 0 10px; padding:15px 10px 10px; } ol.commentlist li .even{ background:#ffffff; } .commentlist li ul li { margin-left:10px; margin-right:-5px; } ol.commentlist li .reply { padding:0 0 5px 0; } #respond p{ margin-bottom:10px; line-height: 20px; } .bnavigation { width:500px; margin-bottom:15px; float:left; padding:10px; } .bnavigation a { color: #000000; font-size: 1em; font-weight: bold; } .paginav { width:500px; margin-bottom:15px; float:left; padding:10px; } .paginav a { color: #000000; font-size: 1em; font-weight: bold; } .th{ border: 1px solid #eeeeee; float: right; padding: 5px; background-color: #FFFFFF; margin: 0 0 5px 10px; } table#wp-calendar { border-collapse: collapse; margin: 0 auto; padding: 0px; width:90%; } table#wp-calendar a { color:#000000; } table#wp-calendar caption { font-weight: normal; font-size:11px; line-height:1.5em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; } table#wp-calendar th { width: 26px; font-size:11px; line-height:1.5em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; } table#wp-calendar td { width: 26px; 1.5em; color: #999; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; } .gravatar { float:left; border: 1px solid #000; margin-right: 10px; } #thepost .leftheading { width:565px; height:auto !important; min-height:51px; margin:0 0 0px 0; padding:0 0 0 0px; font-size:14px; color:#13819a; background: #C2DFF1 url(images/leftheading.jpg) no-repeat; } #thepost .leftheading h2 { width:500px; margin:0px; padding:15px 0px 10px 58px; font-size:medium; font-weight:bold; color:#000000; } #thepost .leftheading h2 a { width:500px; margin:0px; padding:15px 0px 10px 0px; font-size:medium; font-weight:bold; font-weight:normal; color:#000000; } /*-----------------------------------------------------CONTENTLEFT-------------------------------------------------------------------------------------------------------------END----------*/ #contentright { width:229px; float:left; margin:0px; padding:0px; } #contentright ul { list-style:none; } #contentright ul li { list-style:none; } /* The Sidebar*/ #contentright .mootabsblock { width:225px !important; height:auto !important; min-height:265px; float:left; display: block; margin-top:10px; } #contentright .subscribeblock { padding:5px; margin-bottom:10px; } #contentright .subscribeblock .subscribeblockincontent { padding:5px; } #subbox { clear:both; width:150px; padding:5px; margin:0 auto; float:none; display:block; border:1px solid #729CBB; } #subbutton { width:160px; padding:5px; margin:3px auto; float:none; display:block; text-align:center; background:#E6E5E6; border:1px solid #dddddd; } #contentright .subscribeblock .subscribeblockincontent img.rss { float:left; margin-right:10px;} #contentright .subscribeblock .subscribeblockincontent h2 { padding-bottom:10px; } #contentright .subscribeblock .subscribeblockincontent p { padding:5px; } #contentright .mootabs_title{ font-size: 12px; width: 100%; float:left; margin-top:5px; } #contentright .mootabs_title li{ float: left; display:inline; font-size: 11px; line-height: 34px; background:#C1DDF1; color:#000000; font-weight: normal; font-size: 11px; margin:0px 2px 0px 5px !important; padding:0px 5px !important; cursor: pointer; } #contentright .mootabs_title li:hover, #contentright .mootabs_title li.active{ background:#f2f2f2; text-decoration: none; } #contentright .mootabs_panel { display: none; clear: none; float:left; height:auto !important; } #contentright .mootabs_panel.active { display: block; float:left; } #contentright .mootabs_panel ul{ width: 219px !important; padding:5px !important; margin:5px 0px 0px !important; min-height:203px; } .list1 li,.list2 li, .list3 li{ padding: 6px 10px 6px 10px; border-bottom:1px solid #e9e9e9; background:#f2f2f2; color:#000000; } .list1 li a,.list2 li a,.list3 li a,.list4 li a, .list5 li a{ color: #000000; font-size: 12px; } .list3 li { background: url(images/ico-mostcomm.gif) no-repeat left center !important; } .list5 li{ border-bottom: 1px solid #eee; padding:6px 0px; } .widget { margin:0px auto; width:225px !important; display: block; background:#ffffff; } .widgetinside { padding:10px; background:#ffffff; } .widget h2 { padding: 5px; } .widget ul { margin:0 0 10px 0; padding:5px 0; border:none !important; } .widget ul li { border-bottom: 1px solid #eee; padding:5px 0 5px 5px; margin:0px; } .widget ul li a { color: #000000; } /*- Nav / Dropdowns-*/ .widget li ul { position: absolute; width: 15em; left: -999em; } .widget li:hover ul, .widget li.sfhover ul { left: auto; z-index:1000; } .widget li ul li { line-height:28px; width:15em; border:none; } .widget li:hover, .widget li.hover { position: static; } .widget li ul ul { margin: -28px 0 0 15em; } .widget li:hover ul ul, .widget li.sfhover ul ul { left: -999em; } .widget li:hover ul, .widget li li:hover ul, .widget li.sfhover ul, .widget li li.sfhover ul { left: auto; } .widget li:hover ul ul, .widget li:hover ul ul ul, .widget li.sfhover ul ul, .widget li.sfhover ul ul ul { left: -999em; } .widget li:hover ul, .widget li li:hover ul, .widget li li li:hover ul, .widget li.sfhover ul, .widget li li.sfhover ul, .widget li li li.sfhover ul { left: auto; } .widget select { border:1px solid #eee; width:100%; margin:15px 0 0 0; padding:5px; } .widgettop { background:#98C5E4 url(images/widget-top.jpg) no-repeat; height:14px; width:225px; margin:0 auto; } .widgetbottom { background:#98C5E4 url(images/widget-bottom.jpg) no-repeat; height:14px; margin-bottom:10px; width:225px; margin:0 auto 10px auto; } #tagcloud { float:left; width:225px; padding-top:10px; } .sidebarad { margin:0 auto; width:160px; display:block; } #search { width:229px; height:82px; float:left; margin:0px; padding:0px; background-image:url(images/searchbg.png); background-repeat:no-repeat; } #searchblank { width:179px; height:56px; float:left; margin:0px; padding:22px 0 0 50px; } #searchinput { width:103px; height:22px; float:left; margin:0px; padding:0px; } .searchinput { width:97px; height:18px; float:left; margin:0px; padding:4px 0 0 6px; font-size:10px; color:#070808; } #searchbutton { width:51px; height:21px; float:left; margin:1px 0 0 10px; padding:0px; color:#0000000; } .search { width:51px; height:18px; float:left; margin:0px; padding:3px 0 0 0; font-size:10px; color:#000000; text-align:center; text-decoration:none; } .search:hover { width:51px; height:18px; float:left; margin:0px; padding:3px 0 0 0; font-size:10px; color:#070808; text-align:center; text-decoration:none; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------FOOTER-------------------------------------------------------------------------------------END---------------------*/ #footerbg { width:904px; height:117px; float: left; margin:0px; padding:0px; background-image:url(images/footerbg.jpg); background-repeat:no-repeat; color:#ffffff; } #copyrights { width:904px; height:13px; float: left; margin:35px 0 0 0; padding:0px; font-size:10px; color:#ffffff; text-align:center; } #validation { width:534px; float: left; margin:5px 0 0 0; padding:0 0 0 370px; } #designedby { width:904px; height:13px; float: left; margin:5px 0 0 0; padding:0px; font-size:10px; font-weight:normal; color:#ffffff; text-align:center; } .designedby { font-size:10px; font-weight:normal; color:#ffffff; text-align:center; text-decoration:none; } .designedby:hover { font-size:10px; font-weight:normal; color:#faf56d; text-align:center; text-decoration:none; }