/* 
	Theme Name: United Art Club Website
	Theme URL: http://www.exsite.ie
	Description: United Art Club Website
	Author: Graziano Muscas
	Author URI: http://www.wp-cafe.com
	Version: 0.1
*/

/* 
	0.0 RESET -----------------------------------------------------------------------------------------------------
*/
 *
	{
	margin:0;
	padding:0;
	line-height:20px;
	}
 .clear
	{
	clear:both;
	}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong{
	font-weight:bold;
	font-size:1em;
	padding-top:20px;
}
/* 
	0.0 WORDPRESS STANDARD RULES -----------------------------------------------------------------------------------------------------
*/
#content img.alignright{float:right; margin:0 0 1em 1em}
#content img.alignleft {float:left; margin:0 1em 1em 0}
#content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content a img.alignright {float:right; margin:0 0 1em 1em}
#content a img.alignleft {float:left; margin:0 1em 1em 0}
#content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.boxpost img{padding:3px;border:1px solid gray;background:#f3f1e6}
.alignleft{float:left;padding:10px;}
.alignright{float:right;padding:10px;}
.navigation{clear:both;margin:10px 0;}
.read{float:right}
/* 
	1.1 MAIN  -----------------------------------------------------------------------------------------------------
*/
body {
	font-size:100%/130%;
	line-height: 1;
	color: black;
	background:#f0f0eb;
	font-family:Garamond,Georgia,Helvetica,Times New Roman,Verdana,Garamond;
}
#panino{
	width:980px;
	margin:0 auto;
	background:white;
	border:1px solid #d4d4cb
}
#header{
	width:982px;
	margin:0 auto;
	clear:both;
	z-index:10;
	
}
#content{
	width:630px;
	float:right;
}
#sidebar{
	width:350px;
	float:left;
	margin-top:-50px;
	z-index:20;
	background:url(images/sidebar.png) no-repeat 0 0;
    min-height:411px;
	margin-bottom:30px;
	position:relative;
}
#footer{
	text-align:right;
	clear:both;
	text-transform:uppercase;
	font-size:0.7em;
	width:980px;
	margin:0 auto 20px auto;
}
/* 
	1.2 TYPO -----------------------------------------------------------------------------------------------------
*/
h2 {font-size:1.2em;line-height:30px;}
h3 {font-size:1.1em;line-height:30px;border-bottom:1px solid #604830;margin-top:30px; }
h4,h5,h6 {font-size:1em;line-height:30px;}
p  {font-size:0.9em;padding-bottom:5px;}
.boxpost ul,.boxpost ol {margin:10px 10px 10px 20px;font-size:0.9em;}
.boxpost a {font-size:0.9em}
a {color:#604830;}
strong {margin-top:20px;}
/* 
	1.3 HEADER -----------------------------------------------------------------------------------------------------
*/
#pagesup{
	height:33px;
	background:#604830;
	
}
#pagesup li{
	float:left;
	position:relative;
	list-style:none;
	background:url(images/dot.png) no-repeat 3px 14px;
	z-index:40;
}
#pagesup li:first-child{
	background:none;
}
#pagesup li a{
	padding:0 10px 0 20px;
	line-height:33px;
	color:white;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}
#pagesup li a:hover{
	color:#f3f1e6;
}
/* dropdown 1 */
#pagesup li:hover > ul {
	display: block;
}
/* level 2 list */
#pagesup ul {
	margin: 0;
	padding: 0;
	display: none;
	width: 185px;
	position: absolute;
	left: 0;
    background:#604830;
}
html* #pagesup ul {
	margin: 0;
	padding: 0;
	display: none;
	width: 185px;
	position: absolute;
	left: 0;
	top:34px;
    background:#604830;
}
#pagesup ul li {
	float: none;
	margin: 0;
	padding: 0;
	border-top:1px solid #725940;
	list-style:none;
}
#pagesup ul a {
	font-weight: normal;
	background:none;
	font-size:0.8em;
}
/* level 3+ list */
#pagesup ul ul {
	left: 181px;
}
/* clearfix */
#pagesup:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#pagesup {
	display: inline-block;
} 
html[xmlns] #pagesup {
	display: block;
}
 
* html #pagesup {
	height: 1%;
}
#logo{
	float:left;
	width:308px;
	height:32px;
	margin-top:38px;
	margin-bottom:10px;
}
#logo{
	display:block;
	text-indent:-999999px;
	overflow:hidden;
	background:url(images/logo.jpg) no-repeat 0 0;
	width:308px;
	height:32px;
}
#info{
	float:right;
	width:672px;
	margin-top:53px;
	text-align:right;
	font-weight:bold;
	color:#604830;
	text-transform:uppercase;
	word-spacing:2px;
	font-size:0.8em;
}
#banners_container { display:block; position:relative;z-index:10; width:980px; height:330px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:980px ; height:330px ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }

/* 
	1.4 CONTENT -----------------------------------------------------------------------------------------------------
*/
.boxpost{
	padding:0 20px 10px 20px;
	border-bottom:1px solid  #f3eeee;
}
.boxpost small{
	margin-top:-15px;
}
.boxpost h2{
	padding-top:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#604830;
	font-size:1em;
}
.boxpost h2 a{
	border-bottom:1px dotted #604830;
	text-decoration:none;
}
.boxpost h2 a:hover{
	border-bottom:1px solid #604830;
}
/* 
	1.4.1 SIDEBAR -----------------------------------------------------------------------------------------------------
*/
#sidebar h2{
	background:url(images/h2sidebar.png) no-repeat bottom center;
	padding-bottom:30px;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#604830;
	font-size:0.9em;
}
#sidebar li{
	padding:5px 5px 5px 40px;
	background:url(images/arrow.png) no-repeat 19px 12px;
	margin-right:10px;
	list-style:none;
}
#sidebar li a{
	color:#604830;
	text-decoration:none;
	font-size:1em;
}
#sidebar li a:hover{
	text-decoration:underline;
}
#sidebar li:hover{
	background:url(images/arrow.png) no-repeat 19px 12px;
}
#sidebar p{
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
}
/* 
	1.5 FOOTER -----------------------------------------------------------------------------------------------------
*/


/* 
	1.6 EXTRA -----------------------------------------------------------------------------------------------------
*/

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}
ul.mootabs_title{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}
.mootabs_title li {
	float: left;
	background-color: #604830;
	padding: 5px 13px 5px 13px;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	color:white;
	font-weight:bold;
	margin-right:1px;
}

.mootabs_title li.active {
	background-color: #f0f0eb;
	font-weight:bold;
	color:#604830;
}

.mootabs_panel {
	display: none;
	position: relative;
	width: 550px;
	top: -1px;
	clear: both;
	color: black;
	padding: 5px;
	margin-bottom:20px;
}

.mootabs_panel.active {
	background-color: #f0f0eb;
	display: block;
	padding:10px;
}
.mootabs_title li.over {
	font-weight: bold;
}
#myTabs1 {
	margin-bottom:20px;
	color:black;
}
#myTabs2 {
	margin-bottom:20px;
	color:black;
}
.boxp {
	padding:10px;
	background-color: #f0f0eb;
	margin:10px 0;
}

#stage{width:980px; overflow:hidden; height:330px; margin:0 auto;}
	#myList{width:6860px; border:0; margin:0; padding:0;left:930;overflow:hidden;}
	#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 	
		float:left;
		width:980px;
		height:330px;
		}
#leftb{
		width:40px;
		height:40px;
		left:0;
		top:130px;
		position:absolute;
		}
#leftb a{
		width:40px;
		height:40px;
		display:block;
		background:url(images/leftb.png) no-repeat 0 0;
		display:block;
		overflow:hidden;
		text-indent:-99999px;
		}
#leftb a:hover{
		background:url(images/leftbh.png) no-repeat 0 0;
		}
#leftr{
		width:40px;
		height:40px;
		right:0;
		top:130px;
		position:absolute;
		}
#leftr a{
		width:40px;
		height:40px;
		display:block;
		background:url(images/leftr.png) no-repeat 0 0;
		display:block;
		overflow:hidden;
		text-indent:-99999px;
		}
#leftr a:hover{
		background:url(images/leftrh.png) no-repeat 0 0;
		}