/*
Theme Name: Our Magazine
Theme URI: http://themetation.com
Description: A Online Magazine WordPress Theme by kailoon and themetation.
Version: 3.6
Author: kailoon
Author URI: http://kailoon.com
*/
/* RESET & GENGERAL */
* { margin: 0; padding: 0; }
body { font: 12px/24px "Lucida Sans", Arial, Helvetica, sans-serif; color: #434343; background-color: #f3f1e0; }
/* FORMATTING */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
h1, h2 { font-size: 30px; color: #000; }
h1 a, h2 a { text-decoration: none; }
h3 { font-size: 22px; padding-bottom: 10px; }
h4 { font-size: 18px; padding-bottom: 10px;}
h5 { font-size: 16px; padding-bottom: 10px;}
h6 { font-size: 14px; padding-bottom: 10px;}
a { outline: 0; color: #68220a; }
.section { font-size: 24px; font-style: italic; color: #000; }
a:hover { text-decoration: none; color: #68220a; }
input, select, textarea { padding: 6px; border: 1px solid #bebcaa; color: #999; }
a.button { line-height: 12px; text-decoration: none; font-size: 10px; padding: 5px 10px; height: 11px; background: #fff url(styles/images/page.png) repeat-x bottom left; border: 1px solid #999; color: #434343; }
a.button:hover { background: #fff url(styles/images/page2.png) repeat-x top left; color: #333; border: 1px solid #666; }
.clear { clear: both; }
p { padding : 0 0 20px; }
small { font-size: 10px; color: #737373; }
blockquote { margin: 15px 0; padding: 20px 15px 15px 45px; font: 400 18px Arial, Helvetica, sans-serif; font-style: italic; background: url(styles/images/quote-left.jpg) no-repeat top left; }
/* WORDPRESS DEFAULT STYLESHEET FOR styles/images*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; margin-top: 10px; margin-bottom: 10px; }
#single img { padding: 7px; }
.alignleft { float: left; margin: 5px 10px 0 0; }
.alignright { float: right; margin: 5px 0 0 10px; }
#single .wp-caption { text-align: center; padding: 7px 3px; border: 1px solid #ccc; }
#single .wp-caption img, .wp-caption a img { border: 0; padding: 0; background-color: #fff; border: 1px solid #ccc; }
#single .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 0 0; margin: 0; font-weight: 900; font-style: italic; }
a:hover img.alignleft, a:hover img.alignright { border: 1px solid #222; }
/* CONTAINER */
.wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; float: left; }
#content { float: left; width: 960px; position: relative; margin: 20px 0 40px 0; }
#left-col { float: left; width: 640px; display: inline; margin-right: 20px; }
#right-col { float: right; width: 300px; }
#full, #footer { width: 100%; }
#head { background: url(styles/images/bg.png) repeat-x top left; float: left; width: 100%; }
/* HEADER */
#header .header-con { float: left; width: 960px; height: 117px; }
#header #logo { float: left; margin: 25px 0 0; }
#header #logo a { float: left; font-style: italic; font-weight: 900; font-size: 20px; text-decoration: none; margin: -5px 0 0; }
#header #page-menu { float: right; width: 600px; margin: 20px 0 0; text-align: right; }
#header #page-menu ul li, #header #page-menu ul li.page_item { font: 9px Arial, Helvetica, sans-serif; text-transform: uppercase; display: inline; }
#header #page-menu ul li a, #header #page-menu ul li.page_item a { padding: 5px 10px; margin: 0 10px 0 0; text-decoration: none; }
#header { background: url(styles/images/light.png) no-repeat top left; }
#header #logo a img { color: #fff; border: 0; }
#header #page-menu ul li a, #header #page-menu ul li.page_item a { color: #cdba8d; }
#header #page-menu ul li a.current, #header #page-menu ul li.current_page_item a { background-color: #252117; border: 1px solid #3e3e3b; color: #fff; }
#header #page-menu ul li a:hover, #header #page-menu ul li.page_item a:hover { color: #fff; }
#rss a.counter { position: relative; }
/* DROPDOWN NAVIGATION */
.dropmenu { float: left; width: 100%; list-style: none; }
.dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1; z-index: 99; }
.dropmenu a { display:block; text-decoration:none; }
.dropmenu li { float:left; position:relative; }
.dropmenu ul { position:absolute; display:none; }
.dropmenu li ul a { height:auto; float:left; }
.dropmenu ul { left: 0; }
.dropmenu ul ul { left: 100px; top: auto; }
.dropmenu ul ul { top:auto; }
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li:hover ul ul ul ul, .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li:hover ul ul ul ul { display:none; }
.dropmenu li:hover ul, .dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul, .dropmenu li:hover ul, .dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul { display:block; }
#navigation { float: left; font: 900 12px Arial, Helvetica, sans-serif; position: relative; z-index: 2; width: 960px; height: 41px; }
#header #page-menu .dropmenu li, #header #page-menu .dropmenu li ul a { float: right; }
#header #page-menu .dropmenu li ul { background-color: #000; text-align: left; width: 100px; }
#header #page-menu .dropmenu li ul li { margin: 0; padding: 0; float: right; width: 100px; }
#header #page-menu .dropmenu li ul li a { float: right; padding: 5px; margin: 0; width: 90px; }
#header #page-menu ul li.current_page_item ul li a { border: 0; background-color: #000; }
#navigation .dropmenu { width: 750px; margin: 10px 0 0 0; }
#navigation .dropmenu li a { padding: 10px 20px; color: #68220A; }
#navigation .dropmenu ul { width: 120px; background-color: #2c281c; border-top: 2px solid #000; top: 31px; }
#navigation .dropmenu ul li { width: 120px; font-size: 11px; }
#navigation .dropmenu ul a { color: #cbac4e; width: 100px; padding: 10px; }
#navigation .dropmenu ul ul { left: 120px; border: 0; top: auto; }
/* RSS */
#rss { float: right; width: 150px; padding-top: 16px; }
#rss a.rss-icon { background: url(styles/images/rss.png) no-repeat top right; width: 108px; height: 44px; float: right; text-indent: -9999em; position: relative; margin-top: -19px; }
#rss a.counter { color: #400303; margin-right: -15px; font: 900 18px Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: -1px; float: right; text-decoration: none; }
/* MAIN PAGE */
/*-------------------------------------------------------------------------------------*/
/* HEADLINE */
#headline { float: left; width: 638px; display: inline; position:relative; z-index:1; background-color: #fff; border: 1px solid #d6cfb3; }
.heading { padding: 5px 19px; float: left; width: 600px; border-bottom: 1px solid #d6cfb3; }
.heading strong { float: left; font: 900 12px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #bbb693; }
.heading a.heading-link { font-size: 9px; padding-right: 16px; float: right; margin-top: 0; text-decoration: none; color: #5a2000; }
a.s-rss { background: url(styles/images/small-rss.png) no-repeat center right; }
a.s-archives { margin-top: 1px; }
#headline .holder { padding: 0 19px; }
#headline #slider { float: left; width: 600px; display: none; }
#headline .slider-frame { position: relative; float: left; }
#headline #slider h2 a { position: absolute; top: 150px; right: 0; line-height: 30px; padding: 10px 15px; background: url(styles/images/trans.png) top left repeat; color: #fff; text-align: right; }
#headline #slider h2 a:hover { background-color: #000; color: #fc0; }
#headline .control { float: left; display: inline; margin: -10px 0 0 200px; position: relative; }
#headline .control a { float: left; text-decoration: none; color: #5a2000; }
#headline .control a.prev { width: 37px; height: 23px; padding-left: 45px; background: url(styles/images/back.png) no-repeat top left; }
#headline #myController a.jFlowSelected { width: 89px; height: 23px; text-align: center; position: absolute; bottom: 0; left: 282px; z-index: 10000; display: block; background: url(styles/images/full.png) no-repeat top left; }
#headline a.read-more { display: none; }
#headline .control a.next{ display: inline; margin-left: 89px; width: 39px; height: 23px; padding-right: 40px; text-align: right; background: url(styles/images/next.png) no-repeat top left; }
#headline #slider .control a:hover { background-position: bottom; color: #000; }
#headline .control a:hover, #headline #myController a.jFlowSelected:hover { background-position: bottom; }
.jFlowControl { cursor:pointer; }
.jFlowSelected { text-decoration:none;}
/* RECENT */
#recent { float: left; width: 638px; display: inline; margin: 30px 0; border: 1px solid #D6CFB3; background-color: #fff; }
#recent .heading { padding: 5px 19px; }
#recent .post-frame { float: left; width: 638px; }
#recent .left-post { float: left; width: 300px; padding: 5px 18px 0 19px; border-right: 1px solid #d6cfb3; background-color: #f6f5ea; }
#recent .right-post { float: right; width: 300px; }
#recent .left-post .post .postmeta { font-size: 9px; text-transform: uppercase; padding: 1px 15px; clear: both; text-align: right; margin-bottom: 15px; border-top: 1px solid #d6cfb3; border-bottom: 1px solid #d6cfb3; background-color: #E4E1CB; }
#recent .left-post .postmeta a, #recent .right-post .post small a { text-decoration: none; color: #68220a; }
#recent .left-post .postmeta a:hover, #recent .right-post .post small a:hover { color: #000; }
#recent .left-post .post p { padding: 15px 0; }
#recent img { margin-bottom: 15px; }
#recent .post h2 a { font-size: 22px; margin-bottom: 15px; }
.right-post h2 { line-height: 17px; }
#recent .right-post .post { padding: 15px 19px 15px 18px; border-bottom: 1px solid #f6f5ea; }
#recent .right-post .post:hover { background-color: #f6f5ea; }
#recent .right-post .post img { float: left; display: inline; margin: 0 15px 0 0; }
#recent .right-post .post h2 a { font-size: 16px; line-height: 17px; padding: 3px 0; color: #333; }
#recent .post h2 a:hover { color: #000; }
#recent .right-post .post small { line-height: 18px; }
.comment-cloud { float: right; width: 40px; height: 25px; text-align: center; }
.comment-cloud a { text-decoration: none; font-size: 10px; }
a.s-archives { background: url(styles/images/archives.png) no-repeat center right; }
/* TABS */
.tab { float: left; width: 638px; display: inline; padding: 0; margin: 10px 0 30px; background-color: #fff; border: 1px solid #d6cfb3; }
.menu { width: 600px; height: 27px; padding: 5px 19px 0; position: relative; background-color: #eae7cd; border-bottom: 1px solid #d6cfb3; }
.menu a.s-archives { float: right; padding-right: 16px; font-size: 9px; right: 15px; text-decoration: none; color: #5a2000; }
.tab .ui-tabs-nav li { float: left; margin: 0 15px 0 0; display: inline; font-family: Arial, Helvetica, sans-serif; font-weight: 900; }
.menu strong { float: left; padding: 0 12px; color: #000; }
.tab .ui-tabs-nav li a { float: left; padding: 0 12px 3px; text-decoration: none; color: #5d5c49; }
.tab .ui-tabs-nav li.ui-tabs-selected a { color: #000; background-color: #fff; border: 1px solid #d6cfb3; border-bottom: 0; }
.tab .ui-tabs-nav li a:hover { color: #000; }
.tab .ui-tabs-nav li#popular { float: right; font: 900 11px Arial, Helvetica, sans-serif; margin: -5px -19px 0; line-height: 18px; background-color: #D5D1B6; }
.tab .ui-tabs-nav li#popular a { padding: 7px 14px 8px; }
.tab .ui-tabs-nav li.ui-tabs-selected a.popula { border: 0; color: #000; background-color: #fff; border-left: 1px solid #d6cfb3; border-bottom: 1px solid #fff; }
.tabdiv { float: left; position: relative; width: 638px; }
.ui-tabs-hide { display: none; }
.tabdiv-left { float: left; width: 328px; padding: 25px 18px 25px 19px; border-right: 1px solid #d6cfb3;}
.tabdiv-right { float: left; width: 272px; padding: 25px 0 25px; }
.tabdiv-left img { float: right; }
.tabdiv a img { margin: 0 0 10px 10px; float: right; padding: 4px; border: 1px solid #ccc; background-color: #fff; }
.tabdiv a:hover img { border: 1px solid #666; }
.tabdiv h2 a { font-size: 18px; color: #333; display: block; margin: 0 0 20px; color: #333; }
.tabdiv h2 a:hover { color: #000; }
.tabdiv-right ul { list-style: none; font-size: 11px; padding: 10px 0; }
.tabdiv-right ul strong { padding-left: 19px; color: #000; }
.tabdiv-right ul li { padding: 5px 19px 5px 18px; border-bottom: 1px solid #f6f5ea; }
.tabdiv-right ul li:hover { background-color: #f6f5ea; }
.tabdiv a.s-rss, #archive a.s-rss { float: right; margin-right: 19px; display: inline; padding-right: 16px; font-size: 9px; text-decoration: none; color: #d1aa0a; }
.menu2 a.s-rss { margin: 0; }
.more2 { text-align:center; }
.more2 a { text-decoration: none; font: 900 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.more2 a:hover { color: #000; }
.tabdiv-right ul li.more2:hover { background-color: #fff; }
#c5 ul { float: left; padding: 20px 0 20px 40px; }
#c5 ul li { margin: 3px 0; float: left; width: 290px; }
#c5 ul li a { padding: 5px; }
#spe { background-image: none; padding: 0; width: 638px; background-color: #fff; border: 1px solid #D6CFB3; }
#spe a img { float: left; margin: 0 10px 0 0; float: left; margin: 0 10px 0 0; }
.front { float: left; width: 600px; padding: 15px 19px; margin-bottom: 15px; float: left; width: 600px; padding: 15px 19px; margin-bottom: 15px; border-bottom: 1px solid #f6f5ea; }
.front span { float: right; width: 470px; float: right; }
.front h2 a:hover { color: #68220a; }
.menu2 { float: left; width: 600px; padding: 5px 19px 5px; border-bottom: 1px solid #D6CFB3; }
.menu2 strong.special { font: 900 12px/25px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #bbb693; }
a.spec { float: right; padding-right: 16px; font-size: 9px; text-decoration: none; margin: 0; color: #d1aa0a; }
/* SIDEBAR */
.col { margin-bottom: 15px; }
#sidebar { width: 300px; border-bottom: 0; }
#sidebar h3 { font: 900 24px/24px Arial, Helvetica, sans-serif; padding-bottom: 20px; color: #000; }
#sidebar h3.widget { padding: 15px; background-color: #d5d1b6; border-bottom: 1px solid #bebcaa; }
.box { padding: 25px 15px; margin: -1px 0; border: 1px solid #b3ab91; background-color: #e4e1cb; }
.box2 { padding: 25px 15px; margin: 15px 0; border: 1px solid #b7b095; background-color: #d5d1b6; }
.widget { margin: -1px 0 0 0; border: 1px solid #b3ab91; background-color: #e4e1cb; }
.widget h3 { padding: 20px 15px; border-bottom: 1px solid #b3ab91; border-top: 1px solid #fff; background-color: #D5D1B6; }
#sidebar .widget ul { margin: 15px; padding: 15px; background-color: #fff; border: 1px solid #beb995; }
#sidebar .widget ul ul { margin: 0; background: none; border: 0; padding: 0; }
#sidebar .widget ul li { padding: 3px 0; }
#sidebar .widget ul li a { text-decoration: none; }
#sidebar .widget ul li a:hover { text-decoration: underline; color: #000; }
#sidebar .box3 a img { padding: 3px; background-color: #fff; border: 1px solid #d5d1b6; }
#sidebar .box3 a:hover img { border: 1px solid #333; }
.tagcloud { padding: 15px; }
.tagcloud a { text-decoration: none; }
.tagcloud a:hover { text-decoration: underline; color: #000; }
.box2 ul { padding: 0 15px; }
.box2 ul ul { padding: 0; }
.big-ad a img, #sidebar a img { border: 0; }
.box-feed { background-color: #e4e1cb; }
#sidebar .box2 a img { margin: 0 3px 5px; }
#sidebar ul { list-style: none; }
#sidebar ul li { padding: 7px 0 0; font-size: 11px; }
#sidebar ul li a { font-size: 12px; }
#sidebar #user-link { padding: 0 0 25px 0; }
.box-feed ul li { padding: 10px 0; font-size: 11px; border-top: 1px solid #d8d4b8; }
#sidebar .box-feed p { line-height: 19px; }
#sidebar #user-link h3 { float: left; width: 100%; margin-top: -2px; padding: 0; }
.box-feed a.button { float: right; display: inline; margin: 0 0 0 15px; }
.side-search form input#s { width: 120px; float: left; padding: 4px; display: inline; margin-right: -1px; }
.side-search form input#searchbutton { color: #434343; float: left; background: url(styles/images/search.gif) repeat-x top left; height: 26px; padding: 0 10px; border: 1px solid #bebcaa; }
/* SIDEBAR TABS*/
#sidebar .sidetab { width: 268px; }
#sidebar .sidetab-head { width: 268px; padding: 5px 0 0; }
#sidebar .sidetab .ui-tabs-nav li { position: relative; border-top: 0; display: inline; }
#sidebar .sidetab .sidetabdiv ul { padding: 15px; float: left; }
#sidebar .sidetab .ui-tabs-nav li a { font-size: 10px; float: left; display: inline; margin: 0 30px -1px 0; text-decoration: none; padding-bottom: 10px; color: #898569; }
#sidebar .sidetab .ui-tabs-nav li a:hover { color: #000; }
#sidebar .sidetab .ui-tabs-nav li.ui-tabs-selected a { color: #000; }
#sidebar .sidetabdiv { float: left; width: 266px; color: #cdba8d; border: 1px solid #beb995; background-color: #fff; }
.ui-tabs-hide { display: none; }
#sidebar .sidetabdiv ul li { border-top: 0; padding: 3px 0 3px 25px; float: left; width: 205px; }
#flickr .ph { padding: 15px; }
#flickr a img { margin: 2px; padding: 4px; }
#flickr h3 { color: #117ac0; }
#flickr h3 span { color: #ed1e79; }
#sidebar #flickr a img { background-color: #fff; border: 1px solid #b3ab91; }
#sidebar #flickr a:hover img { border: 1px solid #000; }
#sidebar .sidetab .ui-tabs-nav li a { }
/* BOTTOM EXTRA */
#full { clear: both; padding: 17px 0; background: #282620 url(styles/images/body-bg.gif) repeat-x top left; color: #cdba8d; }
#full #path-container { float: left; width: 960px; font-size: 9px; text-transform: uppercase; }
#full #path-container .path { float: left; width: 900px; }
#full #path-container .path a { color: #cdba8d; }
#full #path-container .path a:hover { color: #fff; }
#full a.top { float: right; width: 35px; height: 27px; background: url(styles/images/top.png) no-repeat top left; }
/* FOOTER */
#footer { float: left; clear: both; padding: 5px 0; font-size: 10px; background-color: #0d0d0c; color: #cdba8d; border-top: 1px solid #45423c; }
#footer .credit { float: left; width: 100%; }
#footer .credit span { float: left; }
#footer .credit em { font-style: normal; float: right; }
#footer a { text-decoration: none; }
#footer a:hover { color: #e4a613; }
.full-cat ul, .full-cat ul ul { padding: 15px 0; list-style: none; text-align: center; width: 600px; margin: 0 auto; }
.full-cat ul li { display: inline; margin: 0 5px; font-size: 10px; text-transform: uppercase; }
.full-cat ul li a { text-decoration: none; color: #cdba8d; }
.full-cat ul li a:hover { color:#fff; }
/* SINGLE */
#single { float: left; width: 640px; }
#single .single-post { padding: 15px 19px; margin-bottom: 15px; float: left; width: 600px; border: 1px solid #d6cfb3; background-color: #fff; }
#single h2, #single h3, #single h4, #single h5, #single h6, #single strong { color: #222; }
#single h2 { font: 900 40px Arial, Helvetica, sans-serif; padding-bottom: 20px; }
#single ol, #single ul { padding: 18px 22px 18px 40px; list-style-position: outside; }
#single .tab ul { padding: 7px 19px 0; }
#single .tabdiv { padding: 15px 19px; width: 600px; }
#single .tabdiv ul { padding: 0; }
#single .tabdiv ul li, #single .tabdiv ul li a { float: left; width: 280px; display: inline; margin: 0 20px 0 0; }
#single .tabdiv ul li a { margin: 0; font-weight: 900; line-height: 18px; text-decoration: none; }
#single .tabdiv ul li img { float: left; display: inline; margin-right: 15px; padding: 3px; border: 1px solid #f3f3f3; background-color: #fff; }
#single .tabdiv ul li span { float: left; width: 207px; display: inline; }
#single #author-intro img { background-color: #fff; float: left; margin: 0 15px 0 0; display: inline; }
/* Respond */
#comments { float: left; width: 640px; }
.comment-title { float: left; width: 600px; padding: 3px 19px; margin-bottom: 9px; border-bottom: 1px solid #d6cfb3; }
#comments .comment-title { border: 1px solid #d6cfb3; background-color: #fff; }
label { font-weight: 900; }
.left-form { float: left; width: 200px; }
.right-form { float: right; width: 314px; }
.comment-title a { float: right; display: inline; margin-left: 15px; text-transform: uppercase; text-decoration: none; font-size: 10px; }
.comment-title h3 { letter-spacing: 0; font: 900 12px Arial, Helvetica, sans-serif; float: left; padding: 0; text-transform: uppercase; padding: 5px 0; color: #BBB693; }
#respond2 { float: left; width: 638px; }
#single ul.commentlist, #single ul.commentlist ul { padding: 0; list-style: none; float: left; }
#single ul.commentlist ul { padding: 0 0 0 111px; }
#single ul.commentlist ul ul { padding: 0 0 0 100px; }
ul.commentlist li { float: left; width: 640px; }
ul.commentlist li li { width: 527px; }
ul.commentlist li li li { width: 427px; }
ul.commentlist li li .comment-meta { width: 527px; }
ul.commentlist li li li .comment-meta { width: 427px; }
#single #comments .tabs .sidetab-head { list-style: none; float: left; width: 610px; padding: 5px 14px; margin-bottom: 10px; border: 1px solid #d6cfb3; background-color: #fff; }
#single #comments .tabs .sidetab-head li { display: inline; float: left; padding: 4px 8px; margin: 0 10px 0 0; }
#single #comments .tabs .sidetab-head a { text-decoration: none; }
#single #comments .tabs .sidetab-head a.cap { float: right; padding: 4px 0; text-transform: uppercase; }
#single #comments .tabs .sidetab-head li.ui-tabs-selected a { font-weight: 900; color: #000; }
.comment-author { width: 80px; float: left; display: inline; font: 900 11px Arial, Helvetica, sans-serif; padding: 15px; margin: 0 -1px 0 0; position: relative; border: 1px solid #d6cfb3; background-color: #fff; border-right: 1px solid #fff; }
.children .comment-author { display: none; }
.children .comment-author img { display: block; padding: 0; border: 0; }
.comment-author img { display: block; padding: 0; border: 0; margin-bottom: 5px; }
.comment-meta { position: relative; padding: 15px 0 0; float: left; width: 527px; margin-bottom: 10px; border: 1px solid #d6cfb3; background-color: #fff; }
.comment-meta img { display: none; float: right; margin: 0 30px 5px 10px; }
.children .comment-meta img { display: inline; }
.comment-meta p { padding: 0 30px 46px; }
ul .reply { padding: 3px 30px; float: left;margin-top: -15px; width: 467px; margin-bottom: 10px; background-color: #F6F5EA; border-bottom: 1px solid #d6cfb3; }
ul ul .reply { width: 467px; }
ul ul ul .reply { width: 367px; }
.pinglist { padding: 0 0 0 20px; }
ul.commentlist .comment-reply-link { float: right; }
#respond { float: left; width: 640px; }
#respond .comment-title { margin: 0 0 -1px 0; background-color: #fff; border: 1px solid #d6cfb3; }
#commentform { float: left; width: 610px; padding: 15px 14px; background-color: #fff; border: 1px solid #D6CFB3; }
#reply #commentform { border: 0; }
#commentform input { font-size: 11px; width: 180px; color: #434343; }
#commentform textarea { width: 300px; height: 200px; color: #434343; }
.tagss { width: 300px; }
input#submit-comment { width: auto; font: 900 12px Arial, Helvetica, sans-serif; padding: 6px 12px; background: #fff url(styles/images/page2.png) repeat-x top left; border: 1px solid #ccc; }
#submit-comment:hover { border: 1px solid #999; background: #fff url(styles/images/page.png) repeat-x bottom left; }
.commentlist #respond { float: right; width: 310px; padding: 15px; margin: 15px 0; }
.commentlist #respond #commentform { width: 285px; border: 0; background-color: #fff; border: 1px solid #ccc; }
.commentlist #respond .comment-title, .commentlist #respond .tagss { display: none; }
.commentlist #respond textarea { width: 200px; }
#respond-web { float: left; width: 640px; }
#respond-web ul { padding: 0; list-style: none; margin-bottom: 40px; border-top: 0; background-color: #fff; border: 1px solid #D6CFB3; border-bottom: 0; }
#respond-web ul li { padding: 5px 19px; background-color: #F6F5EA; border-bottom: 1px solid #D6CFB3; }
#respond-web ul li strong { }
#respond-web ul li p { font: 11px/19px "Lucida Sans", Arial, Helvetica, sans-serif; }
#reply { float: left; width: 638px; border: 1px solid #D6CFB3; background-color: #fff; }
#respond-web ul li.alt { background-color: #fff; }
.sm { margin: 0 15px 0 0; display: inline; }
#single ul.pinglist { list-style: none; padding: 10px; }
/* PAGE */
#page { float: left; width: 640px; }
#page_nav { float: left; width: 109px; padding: 0; list-style: none; margin-right: -1px; position: relative; }
#page_nav ul { list-style: none; }
#page .normal_page { float: right; width: 482px; padding: 15px 19px 15px 29px; background-color: #fff; border: 1px solid #e4dfcb; }
.normal_page h2 { padding-bottom: 30px; }
#page_nav li { padding: 4px 15px; }
#page_nav li a { text-decoration: none; }
#page_nav li.current_page_item { color: #000; font-weight: 900; color: #000; background-color: #fff; border: 1px solid #e4dfcb; border-right: 1px solid #fff; }
#page_nav li.current_page_item li { font-weight: 400; }
#page_nav li.current_page_item a { color: #000; }
/* ARCHIVE */
#archive { float: left; width: 638px; background-color: #fff; border: 1px solid #d6cfb3; }
#archive h2 { font: 900 30px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; color: #222; }
#archive h2 a { color: #434343; }
#archive h2 a:hover { color: #000; }
#archive h2.pagetitle, #author h2.pagetitle { font: 400 16px Arial, Helvetica, sans-serif; padding: 10px 19px 10px; color: #666; }
.ar-post { float: left; width: 600px; margin: 0 0 15px 0; padding: 15px 19px; border-top: 1px solid #d6cfb3; }
.ar-post .thumb-div { float: left; width: 120px; }
.ar-post .post-desc { float: right; width: 460px; }
#archive a.s-rss {margin-top: 10px; }
#submenu { clear: both; width: 638px; }
#submenu ul { list-style: none; padding: 0; }
#submenu ul ul { border: 0; padding: 5px 19px 5px 24px; }
#submenu ul li { padding: 15px; margin-bottom: 20px; background-color: #fff; border: 1px solid #D6CFB3; }
#submenu ul li li { border: 0; padding: 2px 0; margin-bottom: 0; }
#submenu ul li a { font: 900 18px Arial, Helvetica, sans-serif; text-decoration: none; color: #999; }
#submenu ul li li a { font: 400 12px "Lucida Sans", Arial, Helvetica, sans-serif; color: #434343; }
#submenu ul li li a:hover { text-decoration: underline; color: #434343; }
#submenu ul li a:hover { color: #68220a; }
#content .ar-post .thumb-div a img { padding: 5px; border: 1px solid #ccc; background-color: #fff; }
p.meta { padding: 1px 10px; font-size: 9px; text-transform: uppercase; background-color: #eeecdb; border-bottom:1px solid #D6CFB3; border-top:1px solid #D6CFB3; }
p.meta a { text-decoration: none; }
p.meta a:hover { color: #000; }
.ar-post .fly { float: left; width: 460px; }
.ar-post .fly small { float: left; }
.ar-post .fly .fly-comment { float: right; width: 40px; height: 25px;font-size: 10px; text-align: center; }
.ar-post .fly .fly-comment a { text-decoration: none; }
/* AUTHOR */
#author { float: left; width: 640px; }
#author h2 a { font-size: 14px; }
#author h2.pagetitle { font-weight: 900; color: #000; padding-left: 0; color: #000; }
.author-page { float: left; width: 600px; margin-bottom: 25px; padding: 19px; background-color:#E4E1CB; border:1px solid #B3AB91; }
.author-page .author-left { float: left; width: 100px; }
.author-page img { padding: 5px; border: 1px solid #333; background-color: #000; }
.author-page .author-right { float: right; width: 490px; }
.author-page .author-right h3 { padding-bottom: 20px; text-transform: uppercase; color: #000; }
#author h4 { font: 400 16px Arial, Helvetica, sans-serif; padding: 15px 0; color: #666; }
#author ul { float: left; width: 640px; list-style: none; padding: 0; border-bottom: 1px solid #ccc; }
#author ul li { float: left; width: 610px; padding: 8px 15px; display: inline; border-top: 1px solid #d6cfb3; border-bottom: 1px solid #fff; background-color: #f1eeda; }
#author ul li:hover { background-color: #F6F5EA; }
#author ul li small { float: left; width: 109px; padding: 0 10px 0 0; display: inline; border-right: 1px solid #fff; padding: 0 10px 0 0; }
#author ul li h2 { float: left; width: 410px; padding: 0 10px; display: inline; border-left: 1px solid #ccc; }
#author ul li em { font-size: 10px; float: left; width: 50px; width: 40px; height: 25px; text-align: center; display: inline;}
#author ul li a:hover { color: #000; }
.wp-pagenavi { text-align: right; float: left; width: 640px; margin: 20px 0; font-size: 11px; }
.wp-pagenavi span.pages { float: left; }
.wp-pagenavi a { text-decoration: none; padding: 4px 8px; margin-left: 10px; background: #fff url(styles/images/page2.png) repeat-x top left; border: 1px solid #ccc; }
.wp-pagenavi a:hover { background: #fff url(styles/images/page.png) repeat-x bottom left; border: 1px solid #999; }
.wp-pagenavi .current { font-weight: 900; padding: 4px 8px; margin-left: 10px; background: #fff url(styles/images/page2.png) repeat-x top left; border: 1px solid #ccc; }
#single #month { list-style: none; float: left; width: 300px; padding: 0; }
#single #year { list-style: none; float: right; width: 300px; padding: 0; }
#single #year ul { padding: 0; list-style: none; }
#single #month h3, #single #year h3 { padding-bottom: 30px; }
.navigation { float: left; width: 640px; padding: 10px 0; }
/* VIDEO SECTION*/
.vid { float: left; width: 640px; margin: 10px 0 20px;}
.left-vid { float: left; width: 342px; padding: 15px 19px; background-color: #fff; border: 1px solid #D6CFB3; }
.left-vid object, .left-vid embed { width:340px; }
.vid p { padding: 0; }
.vid ul{ float: right; position: relative; width: 259px; list-style: none; margin: 0 0 0 -1px; }
.vid ul li { padding: 10px 19px; border: 1px solid #F3F1E0; border-left: 1px solid #D6CFB3; }
.vid ul li.ui-tabs-selected { background-color: #fff; border: 1px solid #D6CFB3; border-left: 1px solid #fff; }
.vid ul li.ui-tabs-selected a { font-weight: 900; text-decoration: none; color: #000; }
.vid ul li a.go { right: 19px; position: absolute; float: right; text-indent: -9999em; width: 13px; height: 18px; background: url(styles/images/control_play2.png) no-repeat top left; }
.vid ul li.ui-tabs-selected a.go { background: url(styles/images/control_play.png) no-repeat top left; }
.video object, .video embed { width: 268px; }
.video h3 { margin-bottom: 15px; }
.video .v{ padding: 0 15px; }
#sidebar .video .v ul.ui-tabs-nav { list-style-image: none; }
#sidebar .video ul li { padding: 5px 15px 5px 25px; margin: 0 0 -1px; border: 1px solid #D6CFB3; background: #fff url(styles/images/bullet_go.png) no-repeat 10px 3px; }
#sidebar .video ul li.ui-tabs-selected a { font-weight: 900; text-decoration: none; color: #000; }
#sidebar .video ul { background: none; border: 0; list-style-image: none; padding: 0; clear: both; margin-top: 0;}
#c5 ul { list-style-image: url(styles/images/bullet_go.png); }
#sidebar .widget ul { list-style: none; }
#sidebar .sidetab .sidetabdiv ul li { background: url(styles/images/bullet_go.png) no-repeat top left; }
#single .tab ul { list-style: none; }
#single .tab ul li { padding: 3px 0; }
.pinglist { list-style-image: none; }
#submenu ul ul { border: 0; list-style-image: url(styles/images/bullet_go.png); }
#author ul li em { background: url(styles/images/comment-cloud2.png) no-repeat top left; }
#author ul li:hover em { background: url(styles/images/comment-cloud3.png) no-repeat top left; }
.comment-cloud { background: url(styles/images/comment-cloud.png) no-repeat top left; }
.ar-post .fly .fly-comment { background: url(styles/images/comment-cloud.png) no-repeat top left; }
#breadcrumb, #breadcrumb a { color: #c6be9d; }
#breadcrumb { float: left; width: 960px; margin: 10px 0 -10px 0; font-size: 9px; text-transform: uppercase; color: #000; }
#breadcrumb p { padding: 0; margin: 0; }
#full-page { width: 960px; }
#full-page h2 { padding-bottom: 20px; }
.content-page { padding: 15px 19px; width: 810px; float: left; background-color: #fff; border: 1px solid #D6CFB3; }
.social { float: left; width: 610px; padding: 10px 14px; margin: -16px 0 20px; border: 1px solid #D6CFB3; background-color: #EAE7CD; }
.social strong { float: left; display: inline; margin-right: 20px; }
.social a { height: 24px; float: right; font-size: 10px; text-decoration: none; line-height: 20px; display: inline; margin-left: 20px; text-indent: -9999em; width: 24px; }
.social a#delicious-button { background: url(styles/images/delicious.png) no-repeat top left; }
.social a#stumble-button { background: url(styles/images/stumble.png) no-repeat top left; }
.social a#digg-button { background: url(styles/images/digg.png) no-repeat top left; }
.social a#redd-button { background: url(styles/images/redd.png) no-repeat top left; }
.social a#mixx-button { background: url(styles/images/mixx.png) no-repeat top left; }
.social a#twitt-button { background: url(styles/images/twitt.png) no-repeat top left; }
.social a#rss2-button { background: url(styles/images/rss2.png) no-repeat top left; }
/* WordPress CSS*/
#single img {
margin: 0;
padding: 0;
max-width: 600px;
}
#content a img {
border: 0;
}
#content .attachment img {
max-width: 960px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .wp-caption {
background: #f1f1f1;
line-height: 18px;
text-align: center;
margin-bottom: 20px;
padding: 4px;
}
#content .wp-caption img {
margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
margin: 5px;
color: #888;
font-size: 12px;
}
#content .wp-smiley {
margin:0;
}
#content .gallery {
margin: auto;
}
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
#content .gallery img {
border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery img {
border: 10px solid #f1f1f1;
}
#content .gallery br+br {
display: none;
}
.navigation {
font-size: 12px;
line-height: 18px;
overflow: hidden;
color: #888;
}
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
color: #FF4B33;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
width: 50%;
text-align:right;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#sidebar .widget .twitter_bird ul {
padding: 10px;
line-height: 18px;
}
#sidebar .widget .twitter_bird ul li {
margin-bottom: 5px;
}
.flickr_wrap {
padding: 15px;
}
#content .flickr_wrap a img {
padding: 4px;
background-color: #fff;
border: 1px solid #B3AB91;
margin: 2px;
}
#content .flickr_wrap a:hover img {
border: 1px solid #000;
}
.flickr_badge_image {
display: inline;
}