/*

Theme Name: artweb

Theme URI: http://www.templatesold.com/

Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes

Version: 1.0

Author: TemplateSOLD/TemplateAccess.com

*/ 



/*=== Setup ===*/

* { border:0; margin:0 auto; padding:0; outline:none; }

body { background:#2bb3dc url(images/top_bg.jpg) top center repeat-x; color:#494949; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:15px; }



a { color:#494949; float:none text-decoration:none; }

a:hover { text-decoration:none; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none; }

p.bg, .bg { clear:both; padding:0; margin:0; background:#402313; height:5px; }

input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }

li {  margin:0px 0px 0px 30px; }

h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:20px; }

h3 { color:#333333; font-size:1.2em; margin:20px; }

h4 { font-size:1em; margin:20px; }

p { line-height:1.5em; background:none repeat scroll 0 0 #ffffff;
margin:20px;
padding:10px;}

/*=== Layout ===*/

#page { margin:0 auto; background:#2bb3dc; }

.page_resize { width:970px; margin:0 auto; background:none repeat scroll 0 0 #FFFFFF; }

.page_resize .maiin { width:950px; margin:0 auto; padding:0; }

/*=== Header ===*/

#header { background:#2bb3dc; }

/*- Logo -*/

.logo { width:970px; float:left; margin:0; padding:0; }

.logo h1 { background: url(images/logo.png) top no-repeat; float:none; text-indent:-9999px; width:970px; }

.logo h1 a { display:block; height:150px; }

.logo h1 a:hover { text-decoration:none; }

/*=== Navigation ===*/

/* RSS */

.rss { width:160px; float:right; padding:25px 50px 25px 0; margin:40px 0 0 20px; background:  url(images/RSS.png) right center no-repeat; }

.rss ul { list-style:none; margin:0; padding:5px 0 0 0; }

.rss li { display:inline; border-left:1px solid #666; padding:0 5px; margin:0; }

.rss li.first { border:0; padding:0 5px 0 0; }

.rss li a { font:normal 11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; }

.rss li a:hover { text-decoration:underline; }

.rss a.big { text-decoration:none; font:bold 14px Arial, Helvetica, sans-serif; color:#333; padding:0; margin:0; display:block; }

.rss a.big span { color:#333; font-weight:bold; }

/* Search form */



/*- Top Nav -*/

.menu_resize { border:6px solid #402313; background:#402313; margin:0 auto; padding:0; }

/*- Top Nav -*/

.topnav { float:left; width:900px; margin:0; padding:0px 0; height:28px;}

.topnav ul { list-style:none; padding:0 0 0 15px; margin:0; height:28px;}

.topnav li { float:left; padding:0 5px; }

.topnav li a { font: bold 12px/14px Arial, Helvetica, sans-serif; color:#496161; display:block; float:left; padding:7px 0; text-decoration:none; text-transform:uppercase; }

.topnav li a span { background:none; padding:7px 15px; }

.topnav li a:hover { color:#fff; background:url(images/r_menu.gif) no-repeat right; }

.topnav li a:hover span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }

.topnav li.current_page_item a { color:#fff; background:url(images/r_menu.gif) no-repeat right; }

.topnav li.current_page_item a span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }

/*- Nav1 -*/

#nav1 { font: normal 14px Arial, Helvetica, sans-serif; height:48px; border:1px solid #402313; background:#402313; }

#nav1 ul.sf-menu li { position:relative; float:left; line-height:48px; padding:0 1px 0 0; text-align:left; }

#nav1 ul.sf-menu li a { color:#496161; margin:0 5px; }

#nav1 ul.sf-menu li a span { background:none; padding:16px 15px; }

#nav1 ul.sf-menu li a:hover { color:#fff; background:url(images/r_menu.gif) no-repeat right; }

#nav1 ul.sf-menu li a:hover span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }

#nav1 ul.sf-menu li a.active { color:#fff; background:url(images/r_menu.gif) no-repeat right; }

#nav1 ul.sf-menu li a.active span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }

#nav1 ul.sf-menu li ul.children { background:#e5e5e5; border:none; }

#nav1 ul.sf-menu li ul.children a { color:#496161; }

#nav1 ul.sf-menu li ul.children a:hover { color:#496161; background:none; text-decoration:none; }

#nav1 ul.sf-menu li ul.children a:hover span { color:#496161; background:none; }

#nav1 ul.sf-menu li ul.children li { border:0; }

#nav1 ul.sf-menu li ul.children li ul.children { border-left:none; border-right:none; }

#nav1 ul.sf-menu li ul.children { margin:5px 0 0 0; }

#nav1 ul.sf-menu li ul.children ul.children { margin:0 0 0 24px; }

/*=== All Columns ===*/

#columns { margin:0; padding:0 0 0px; display:table-cell; display:block; background:none repeat scroll 0 0 #FFFFFF;}

#columns img.main_img { padding:0 0 55px 0; background:url(images/img_bg.gif) bottom no-repeat; }

/*=== Center Column ===*/

#centercol { float:left; width:663px; background:#ffffff }
#center1col { float:left; width:970px; background:#ffffff }
/*=== Right Column ===*/

#rightcol { float:right; width:278px; background:none repeat scroll 0 0 #FFFFFF; }

.small_link { padding:5px; margin:0 auto; text-align:center; font-size:11px; }

.small_link a { color:#656464; text-decoration:none; }


/*=== Sub Columns ===*/

.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }

.col1, .col2 { float:left; width:285px; }

.col2 { float:right; }

/*=== Post ===*/

.post-block { }

.post-margin { margin-left:236px; }

/*- Post Title -*/

.post-title { background:#402313; padding:15px; margin:15px; }

.post-title h2 { display:inline; margin:0; padding:5px 0; font:normal 40px/1em Arial, Helvetica, sans-serif; color:#ffffff; }

.post-title h2 a { display:inline; padding:0; margin:0; color:#268793; text-decoration:none; }

/*- Post Date -*/

.post-date { font-size:11px; color:#299BB5; margin:0; background:#ffffff; padding:5px; line-height:22px; width:638px; }

.post-date span { font: normal 18px/22px Arial, Helvetica, sans-serif; color:#fff; padding:0 5px; }

.post-date a { color:#299bb5; font-weight:bold; text-decoration:underline; padding:0 2px; line-height:22px; }

/*- Post Excerpt -*/

.post-excerpt { padding:15px 0 0 0; display:table; font-size:13px; font-style:normal; height:1%; color:#1b1b1b; }

/*- Post Lists -*/

.post ul, .post ol { margin:0 0 1.5em; }

.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 90px .4em; padding:0 0 0 10px; }

.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }

/*- Post Blockquote -*/

.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }

/*- Post Author -*/

.post-author { margin:0 0 1em; }

.author-details { font-size:11px; }

.author-descr { display:table; height:1%; }

/*- Social Links -*/

.social-links { font: normal 13px Arial, Helvetica, sans-serif; padding:10px; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; background:#ffffff; width:605px; }

.social-links a { color:#299bb5; font: bold 13px Arial, Helvetica, sans-serif; padding:0; margin:0; }

.social-links a:hover { text-decoration:underline; }

/*- Related Posts -*/

.post-rel { line-height:1.5em; }

.post-rel a { color:#33707E; }

.post-rel img { max-width:50px; }

.post-rel h2 { padding-top:10px; }

/*- Post Comments -*/

.post-comments h2 { padding-top:10px; }

.post-comments .fl { width:80px; }

.post-comments .fr { width:500px; }

/*- Widget Title - */

.wtitle { background:none repeat scroll 0 0 #EAEAEA;
margin:0px;
padding:15px; border:13px solid #ffffff}

.wtitle h2 { margin:0; padding:0; font:bold 16px/1.5em Arial, Helvetica, sans-serif; color:#000000; }

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box { margin:0; padding:0px 0px 8px 0px; }



.box .ac { padding:5px 0; text-align:center; }

#centercol .box { }

#rightcol .content { background:#ffffff; padding:15px}
#rightcol .box { margin:0 0 15px 0; background:#fff; }

/*- Box2 -*/

.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; }

.box2.alt { background:#FFFFFF; }

.box2.alt { background:#FFFFFF; }

.comm-name, .comm-date { line-height:20px; }

/*=== Styling Lists ===*/

/*- List -*/

.list { height:36px; clear:both; padding:0 10px; }

.list li { float:left; }

.list li a { display:block; font:normal 13px Arial, Helvetica, sans-serif; color:#313131; line-height:15px; padding:10px; }

.list li a.active { background:#cc6c3f; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; }

div.tabs_list { padding:0 10px; }

div.tabs_list ul { background:#2c2c2c; padding:0 10px; }

div.tabs_list ul li { border-top:1px solid #464646; border-bottom:1px solid #272727; padding:8px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; }

div.tabs_list ul li a { font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; }

div.tabs_list ul li a:hover { text-decoration:underline; }

/*=== Styling Forms ===*/

input.btn { background:none; border:0; margin:0; padding:0; }

select { padding:1px; }

/*- Message -*/

.message div { margin:0 0 18px; }

.message input { padding:9px 15px; width:470px; }

.message textarea { height:114px; overflow:auto; padding:9px 15px; width:470px; font-family:Verdana; }

.message .submit { float:left; }

.message .btn { padding:0; width:128px; height:32px; background:URL('images/button.gif');  }

.message .notice { color:#000; float:right; font-style:italic; padding:10px 0 0; font-size:11px; }

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img { border:1px solid #86b7c0; display:block; margin:0 10px 0.8em; padding:7px; background:#fff; }

.pic.fl img { margin-right:23px; }

.pic.fr img { margin-left:23px; }

.th { display:block; margin:0 0 .5em; }

.th.fl img { margin-right:10px; }

.ads img, .widget_flickrRSS img { margin:5px; }

.widget_flickrRSS img { border:1px solid #cfcfcf; }

.box .ac img { border:0; margin:0; }

/*=== Footer ===*/

.footer_resize { width:970px; margin:0 auto; padding:0; background:#eaeaea; }

#footer { color:#494949; font-size:11px; line-height:21px; margin:0 auto; padding:0; }

#footer .text2 { padding:25px 20px; float:right; color:#494949; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif; }

#footer .text { padding:25px 20px; float:left; color:#494949; text-decoration:none; font:normal 13px Arial, Helvetica, sans-serif; }

#footer .text span { display:block; text-align:right; color:#50a7c3; }

#footer .text a { color:#299bb5; font-weight:bold; }

/*=== Misc. ===*/

.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }

.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }

.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }

.fl { float:left; }

.fr { float:right; }

.ac { text-align:center; }

.ar { text-align:right; }

.noBorder { border:0; }

.font-sm { font-weight:normal; }

.white { color:#FFF; }

/* Dropdown Page Navigation */
#navi{height:29px;background:transparent;display:-moz-inline-box;padding:0;font:normal 18px Arial,sans-serif;text-transform:none;}
#menu ,#menu ul {margin: 0;padding: 0;list-style: none;height:29px;}
#menu a {color: #ffffff;display: block;padding: 6px 20px 6px 20px;text-decoration:none;}
#menu a:hover {color: #ffffff;display:block;text-decoration: none;background:#000000;} /* Design for links when the mouse is over them */
#menu li {float: left;margin: 0;padding: 0;}
#menu li li {float: left;margin: 0 0 0 0px;padding: 0;width: 130px;}
#menu li li a, #menu li li a:link, #menu li li a:visited {background:#fff;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#000000;}
#menu li li a:hover, #menu li li a:active {background:#ffffff;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#000000;}
#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
#menu li.current_page_item a{background:none repeat scroll 0 0 transparent;color:#ffffff;} /* Design for the link to whatever page the user is currently on (if applicable) */
#menu li.current_page_item a:hover{color:#000000;text-decoration:none;}
.alignright {float:right;}
.alignleft {float:left;}